@charset "UTF-8";.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-ss {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-sc,.flex-ss {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-sc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-sfe {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end
}

.flex-cs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-cc,.flex-cs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-cc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-cfe {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end
}

.flex-ssb {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-csb,.flex-ssb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.flex-csb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");
    unicode-range: U+0100-02af,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");
    unicode-range: U+0100-02af,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");
    unicode-range: U+0100-02af,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");
    unicode-range: U+0100-02af,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-display: block;
    font-family: Noah;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NoahRegular.woff?68447794b5fd51af907b6acf4a07e01a) format("woff")
}

@font-face {
    font-display: block;
    font-family: Noah;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/NoahBold.woff?412ff65e74c3586b4083c7c872cc2a65) format("woff")
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/icomoon.eot?d5931a62b1c1db6fb5567118f216e527);
    src: url(/fonts/icomoon.eot?d5931a62b1c1db6fb5567118f216e527#iefix) format("embedded-opentype"),url(/fonts/icomoon.ttf?5d4b8aa4bc35b032f4118fa316c3e584) format("truetype"),url(/fonts/icomoon.woff?9d798fd231a454eab68688a9b4eb3761) format("woff"),url(/fonts/icomoon.svg?fb004761a8079ba0eb0aa776e619e92f#icomoon) format("svg")
}

[class*=" icon-"],[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-cart:before {
    content: "\e900"
}

.icon-carret-down:before {
    content: "\e901"
}

.icon-angle-down:before {
    content: "\e903"
}

.icon-angle-left:before {
    content: "\e905"
}

.icon-angle-right:before {
    content: "\e906"
}

.icon-angle-up:before {
    content: "\e907"
}

.icon-arrow-down:before {
    content: "\e90b"
}

.icon-arrow-left:before {
    content: "\e90d"
}

.icon-arrow-right:before {
    content: "\e90e"
}

.icon-arrow-up:before {
    content: "\e90f"
}

.icon-cart-2:before {
    content: "\e912"
}

.icon-cart-3:before {
    content: "\e913"
}

.icon-check:before {
    content: "\e915"
}

.icon-close:before {
    content: "\e917"
}

.icon-cofg:before {
    content: "\e918"
}

.icon-compare-1:before {
    content: "\e919"
}

.icon-compare-2:before {
    content: "\e91a"
}

.icon-delete-1:before {
    content: "\e91b"
}

.icon-delete-2:before {
    content: "\e91c"
}

.icon-fb-1:before {
    content: "\e91d"
}

.icon-fb-2:before {
    content: "\e91e"
}

.icon-home:before {
    content: "\e91f"
}

.icon-home-2:before {
    content: "\e920"
}

.icon-instagram:before {
    content: "\e921"
}

.icon-instagram-2:before {
    content: "\e922"
}

.icon-like:before {
    content: "\e925"
}

.icon-like-2:before {
    content: "\e926"
}

.icon-mail:before {
    content: "\e928"
}

.icon-mail-2:before {
    content: "\e929"
}

.icon-map-marker:before {
    content: "\e92a"
}

.icon-file-doc:before {
    content: "\e92b"
}

.icon-play-triangle:before {
    content: "\e92c"
}

.icon-odnoklassniki-2:before {
    content: "\e92d"
}

.icon-pdf:before {
    content: "\e92e"
}

.icon-phone:before {
    content: "\e92f"
}

.icon-phone-call:before {
    content: "\e930"
}

.icon-phone-call-r:before {
    content: "\e931"
}

.icon-phone-circle:before {
    content: "\e932"
}

.icon-phone-circle-r:before {
    content: "\e933"
}

.icon-phone-cirle:before {
    content: "\e934"
}

.icon-phone-r:before {
    content: "\e935"
}

.icon-play:before {
    content: "\e936"
}

.icon-play-2:before {
    content: "\e937"
}

.icon-resize:before {
    content: "\e938"
}

.icon-search-left:before {
    content: "\e93b"
}

.icon-search-right:before {
    content: "\e93d"
}

.icon-settings:before {
    content: "\e93e"
}

.icon-settings-2:before {
    content: "\e93f"
}

.icon-star:before {
    content: "\e940"
}

.icon-star-2:before {
    content: "\e941"
}

.icon-telegram:before {
    content: "\e942"
}

.icon-telegram-2:before {
    content: "\e943"
}

.icon-twitter:before {
    content: "\e944"
}

.icon-twitter-2:before {
    content: "\e945"
}

.icon-profile:before {
    content: "\e946"
}

.icon-profile-2:before {
    content: "\e947"
}

.icon-viber:before {
    content: "\e948"
}

.icon-viber-2:before {
    content: "\e949"
}

.icon-vk:before {
    content: "\e94a"
}

.icon-vk-2:before {
    content: "\e94b"
}

.icon-whatsapp:before {
    content: "\e94c"
}

.icon-whatsapp-2:before {
    content: "\e94d"
}

.icon-youtube:before {
    content: "\e94e"
}

.icon-youtube-2:before {
    content: "\e94f"
}

.icon-file:before {
    content: "\e950"
}

.icon-earth:before {
    content: "\e952"
}

.icon-shop:before {
    content: "\e953"
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

.container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt24 {
    margin-top: 24px
}

.mt30 {
    margin-top: 30px
}

.mt32 {
    margin-top: 32px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt56 {
    margin-top: 56px
}

.mt60 {
    margin-top: 60px
}

.mt64 {
    margin-top: 64px
}

.mt80 {
    margin-top: 80px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb12 {
    margin-bottom: 12px
}

.mb15 {
    margin-bottom: 15px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb24 {
    margin-bottom: 24px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb32 {
    margin-bottom: 32px
}

.mb35 {
    margin-bottom: 35px
}

.mb36 {
    margin-bottom: 36px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb48 {
    margin-bottom: 48px
}

.mb50 {
    margin-bottom: 50px
}

.mb54 {
    margin-bottom: 54px
}

.mb55 {
    margin-bottom: 55px
}

.mb56 {
    margin-bottom: 56px
}

.mb60 {
    margin-bottom: 60px
}

.mb62 {
    margin-bottom: 62px
}

.mb64 {
    margin-bottom: 64px
}

.mb65 {
    margin-bottom: 65px
}

.mb70 {
    margin-bottom: 70px
}

.mb72 {
    margin-bottom: 72px
}

.mb80 {
    margin-bottom: 80px
}

.mb84 {
    margin-bottom: 84px
}

.mb100 {
    margin-bottom: 100px
}

.mb120 {
    margin-bottom: 120px
}

.mb130 {
    margin-bottom: 130px
}

.mb-m20 {
    margin-bottom: -20px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr14 {
    margin-right: 14px
}

.mr15 {
    margin-right: 15px
}

.mr16 {
    margin-right: 16px
}

.mr20 {
    margin-right: 20px
}

.mr24 {
    margin-right: 24px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml24 {
    margin-left: 24px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.mr60 {
    margin-right: 60px
}

.pt0 {
    padding-top: 0
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt24 {
    padding-top: 24px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt56 {
    padding-top: 56px
}

.pt60 {
    padding-top: 60px
}

.pt64 {
    padding-top: 64px
}

.pt80 {
    padding-top: 80px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb12 {
    padding-bottom: 12px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb24 {
    padding-bottom: 24px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb32 {
    padding-bottom: 32px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb48 {
    padding-bottom: 48px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb62 {
    padding-bottom: 62px
}

.pb64 {
    padding-bottom: 64px
}

.pb70 {
    padding-bottom: 70px
}

.pb72 {
    padding-bottom: 72px
}

.pb80 {
    padding-bottom: 80px
}

.pb84 {
    padding-bottom: 84px
}

.pb100 {
    padding-bottom: 100px
}

.pb120 {
    padding-bottom: 120px
}

.pb130 {
    padding-bottom: 130px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl24 {
    padding-left: 24px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pr60 {
    padding-right: 60px
}

.mt-24 {
    margin-top: -24px
}

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

.row.gutter0 {
    margin-left: 0;
    margin-right: 0
}

.row.gutter0 [class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.row.gutter20 {
    margin-left: -20px;
    margin-right: -20px
}

.row.gutter20>[class*=col-] {
    padding-left: 20px;
    padding-right: 20px
}

.row.gutter30 {
    margin-left: -30px;
    margin-right: -30px
}

.row.gutter30>[class*=col-] {
    padding-left: 30px;
    padding-right: 30px
}

.row.gutter8 {
    margin-left: -8px;
    margin-right: -8px
}

.row.gutter8 [class*=col-] {
    padding-left: 8px;
    padding-right: 8px
}

.row.column20 [class*=col-] {
    margin-bottom: 20px
}

.row.column30 [class*=col-] {
    margin-bottom: 30px
}

.row.column16 [class*=col-] {
    margin-bottom: 16px
}

.row.gutter10 {
    margin-left: -10px;
    margin-right: -10px
}

.row.gutter10 [class*=col-] {
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width: 991px) {
    .row.gutter20 {
        margin-left:-10px;
        margin-right: -10px
    }

    .row.gutter20 [class*=col-] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.gutter30 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.gutter30 [class*=col-] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.column-md-20 [class*=col-] {
        margin-bottom: 20px
    }

    .row.column-md-20 [class*=col-]:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .row.column-sm-20 [class*=col-] {
        margin-bottom:20px
    }

    .row.column-sm-20 [class*=col-]:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 576px) {
    .row.column-xs-20 [class*=col-] {
        margin-bottom:20px
    }

    .row.column-xs-20 [class*=col-]:last-child {
        margin-bottom: 0
    }
}

[class*=col-] {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 100%
}

[class*=col-].col-align {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[class*=col-].col-no-gutter {
    padding-left: 0!important;
    padding-right: 0!important
}

.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}

@media (min-width: 577px) {
    [class*=col-xs] {
        float:left
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    [class*=col-sm] {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    [class*=col-md] {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    [class*=col-lg] {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1340px) {
    [class*=col-xl] {
        float:left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .show-xl {
        display:none!important
    }

    .pl-xl-40 {
        padding-left: 40px
    }

    .pl-xl-60 {
        padding-left: 60px
    }
}

@media (max-width: 1199px) {
    .hide-xl {
        display:none
    }

    .mt-xl-0 {
        margin-top: 0
    }

    .mt-xl-16 {
        margin-top: 16px
    }

    .mb-xl-0 {
        margin-bottom: 0
    }

    .mb-xl-60 {
        margin-bottom: 60px
    }
}

@media (min-width: 1200px) {
    .show-lg {
        display:none!important
    }
}

@media (max-width: 1199px) {
    .hide-lg,.hide-lg.btn {
        display:none!important
    }

    .mt-lg-0 {
        margin-top: 0
    }

    .mt-lg-16 {
        margin-top: 16px
    }

    .mr-lg-0 {
        margin-right: 0
    }

    .mb-lg-0 {
        margin-bottom: 0
    }

    .mb-lg-12 {
        margin-bottom: 12px
    }

    .mb-lg-60 {
        margin-bottom: 60px
    }
}

@media (min-width: 992px) {
    .show-md {
        display:none!important
    }
}

@media (max-width: 991px) {
    .hide-md {
        display:none!important
    }

    .mt-md-0 {
        margin-top: 0
    }

    .mt-md-5 {
        margin-top: 5px
    }

    .mt-md-10 {
        margin-top: 10px
    }

    .mt-md-15 {
        margin-top: 15px
    }

    .mt-md-20 {
        margin-top: 20px
    }

    .mt-md-24 {
        margin-top: 24px
    }

    .mt-md-30 {
        margin-top: 30px
    }

    .mt-md-40 {
        margin-top: 40px
    }

    .mt-md-50 {
        margin-top: 50px
    }

    .mt-md-56 {
        margin-top: 56px
    }

    .mt-md-60 {
        margin-top: 60px
    }

    .mt-md-64 {
        margin-top: 64px
    }

    .mt-md-80 {
        margin-top: 80px
    }

    .mb-md-0 {
        margin-bottom: 0
    }

    .mb-md-5 {
        margin-bottom: 5px
    }

    .mb-md-10 {
        margin-bottom: 10px
    }

    .mb-md-15 {
        margin-bottom: 15px
    }

    .mb-md-16 {
        margin-bottom: 16px
    }

    .mb-md-20 {
        margin-bottom: 20px
    }

    .mb-md-24 {
        margin-bottom: 24px
    }

    .mb-md-25 {
        margin-bottom: 25px
    }

    .mb-md-30 {
        margin-bottom: 30px
    }

    .mb-md-32 {
        margin-bottom: 32px
    }

    .mb-md-35 {
        margin-bottom: 35px
    }

    .mb-md-40 {
        margin-bottom: 40px
    }

    .mb-md-48 {
        margin-bottom: 48px
    }

    .mb-md-50 {
        margin-bottom: 50px
    }

    .mb-md-60 {
        margin-bottom: 60px
    }

    .mb-md-62 {
        margin-bottom: 62px
    }

    .mb-md-64 {
        margin-bottom: 64px
    }

    .mb-md-70 {
        margin-bottom: 70px
    }

    .mb-md-72 {
        margin-bottom: 72px
    }

    .mb-md-80 {
        margin-bottom: 80px
    }

    .mb-md-100 {
        margin-bottom: 100px
    }

    .mb-md-120 {
        margin-bottom: 120px
    }

    .mb-md-130 {
        margin-bottom: 130px
    }

    .mr-md-5 {
        margin-right: 5px
    }

    .mr-md-10 {
        margin-right: 10px
    }

    .mr-md-15 {
        margin-right: 15px
    }

    .mr-md-20 {
        margin-right: 20px
    }

    .mr-md-30 {
        margin-right: 30px
    }

    .mr-md-40 {
        margin-right: 40px
    }

    .mr-md-60 {
        margin-right: 60px
    }

    .ml-md-5 {
        margin-left: 5px
    }

    .ml-md-10 {
        margin-left: 10px
    }

    .ml-md-15 {
        margin-left: 15px
    }

    .ml-md-20 {
        margin-left: 20px
    }

    .ml-md-30 {
        margin-left: 30px
    }

    .ml-md-40 {
        margin-left: 40px
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pt-md-5 {
        padding-top: 5px
    }

    .pt-md-10 {
        padding-top: 10px
    }

    .pt-md-15 {
        padding-top: 15px
    }

    .pt-md-20 {
        padding-top: 20px
    }

    .pt-md-24 {
        padding-top: 24px
    }

    .pt-md-30 {
        padding-top: 30px
    }

    .pt-md-40 {
        padding-top: 40px
    }

    .pt-md-50 {
        padding-top: 50px
    }

    .pt-md-56 {
        padding-top: 56px
    }

    .pt-md-60 {
        padding-top: 60px
    }

    .pt-md-64 {
        padding-top: 64px
    }

    .pt-md-80 {
        padding-top: 80px
    }

    .pb-md-5 {
        padding-bottom: 5px
    }

    .pb-md-10 {
        padding-bottom: 10px
    }

    .pb-md-15 {
        padding-bottom: 15px
    }

    .pb-md-20 {
        padding-bottom: 20px
    }

    .pb-md-24 {
        padding-bottom: 24px
    }

    .pb-md-25 {
        padding-bottom: 25px
    }

    .pb-md-30 {
        padding-bottom: 30px
    }

    .pb-md-32 {
        padding-bottom: 32px
    }

    .pb-md-35 {
        padding-bottom: 35px
    }

    .pb-md-40 {
        padding-bottom: 40px
    }

    .pb-md-48 {
        padding-bottom: 48px
    }

    .pb-md-50 {
        padding-bottom: 50px
    }

    .pb-md-60 {
        padding-bottom: 60px
    }

    .pb-md-62 {
        padding-bottom: 62px
    }

    .pb-md-64 {
        padding-bottom: 64px
    }

    .pb-md-70 {
        padding-bottom: 70px
    }

    .pb-md-72 {
        padding-bottom: 72px
    }

    .pb-md-80 {
        padding-bottom: 80px
    }

    .pb-md-100 {
        padding-bottom: 100px
    }

    .pb-md-120 {
        padding-bottom: 120px
    }

    .pb-md-130 {
        padding-bottom: 130px
    }

    .pr-md-5 {
        padding-right: 5px
    }

    .pr-md-10 {
        padding-right: 10px
    }

    .pr-md-15 {
        padding-right: 15px
    }

    .pr-md-20 {
        padding-right: 20px
    }

    .pr-md-30 {
        padding-right: 30px
    }

    .pr-md-40 {
        padding-right: 40px
    }

    .pr-md-60 {
        padding-right: 60px
    }

    .pl-md-5 {
        padding-left: 5px
    }

    .pl-md-10 {
        padding-left: 10px
    }

    .pl-md-15 {
        padding-left: 15px
    }

    .pl-md-20 {
        padding-left: 20px
    }

    .pl-md-30 {
        padding-left: 30px
    }

    .pl-md-40 {
        padding-left: 40px
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .hide-only-md {
        display:none
    }
}

@media (min-width: 768px) {
    .show-sm {
        display:none!important
    }
}

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

    .mt-sm-0 {
        margin-top: 0
    }

    .mt-sm-5 {
        margin-top: 5px
    }

    .mt-sm-10 {
        margin-top: 10px
    }

    .mt-sm-15 {
        margin-top: 15px
    }

    .mt-sm-20 {
        margin-top: 20px
    }

    .mt-sm-24 {
        margin-top: 24px
    }

    .mt-sm-30 {
        margin-top: 30px
    }

    .mt-sm-40 {
        margin-top: 40px
    }

    .mt-sm-50 {
        margin-top: 50px
    }

    .mt-sm-56 {
        margin-top: 56px
    }

    .mt-sm-60 {
        margin-top: 60px
    }

    .mt-sm-64 {
        margin-top: 64px
    }

    .mt-sm-80 {
        margin-top: 80px
    }

    .mb-sm-5 {
        margin-bottom: 5px
    }

    .mb-sm-10 {
        margin-bottom: 10px
    }

    .mb-sm-15 {
        margin-bottom: 15px
    }

    .mb-sm-20 {
        margin-bottom: 20px
    }

    .mb-sm-24 {
        margin-bottom: 24px
    }

    .mb-sm-25 {
        margin-bottom: 25px
    }

    .mb-sm-30 {
        margin-bottom: 30px
    }

    .mb-sm-32 {
        margin-bottom: 32px
    }

    .mb-sm-35 {
        margin-bottom: 35px
    }

    .mb-sm-40 {
        margin-bottom: 40px
    }

    .mb-sm-48 {
        margin-bottom: 48px
    }

    .mb-sm-50 {
        margin-bottom: 50px
    }

    .mb-sm-60 {
        margin-bottom: 60px
    }

    .mb-sm-62 {
        margin-bottom: 62px
    }

    .mb-sm-64 {
        margin-bottom: 64px
    }

    .mb-sm-70 {
        margin-bottom: 70px
    }

    .mb-sm-72 {
        margin-bottom: 72px
    }

    .mb-sm-80 {
        margin-bottom: 80px
    }

    .mb-sm-100 {
        margin-bottom: 100px
    }

    .mb-sm-120 {
        margin-bottom: 120px
    }

    .mb-sm-130 {
        margin-bottom: 130px
    }

    .mr-sm-5 {
        margin-right: 5px
    }

    .mr-sm-10 {
        margin-right: 10px
    }

    .mr-sm-15 {
        margin-right: 15px
    }

    .mr-sm-20 {
        margin-right: 20px
    }

    .mr-sm-30 {
        margin-right: 30px
    }

    .mr-sm-40 {
        margin-right: 40px
    }

    .mr-sm-60 {
        margin-right: 60px
    }

    .ml-sm-5 {
        margin-left: 5px
    }

    .ml-sm-10 {
        margin-left: 10px
    }

    .ml-sm-15 {
        margin-left: 15px
    }

    .ml-sm-20 {
        margin-left: 20px
    }

    .ml-sm-30 {
        margin-left: 30px
    }

    .ml-sm-40 {
        margin-left: 40px
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pt-sm-5 {
        padding-top: 5px
    }

    .pt-sm-10 {
        padding-top: 10px
    }

    .pt-sm-15 {
        padding-top: 15px
    }

    .pt-sm-20 {
        padding-top: 20px
    }

    .pt-sm-24 {
        padding-top: 24px
    }

    .pt-sm-30 {
        padding-top: 30px
    }

    .pt-sm-40 {
        padding-top: 40px
    }

    .pt-sm-50 {
        padding-top: 50px
    }

    .pt-sm-56 {
        padding-top: 56px
    }

    .pt-sm-60 {
        padding-top: 60px
    }

    .pt-sm-64 {
        padding-top: 64px
    }

    .pt-sm-80 {
        padding-top: 80px
    }

    .pb-sm-5 {
        padding-bottom: 5px
    }

    .pb-sm-10 {
        padding-bottom: 10px
    }

    .pb-sm-15 {
        padding-bottom: 15px
    }

    .pb-sm-20 {
        padding-bottom: 20px
    }

    .pb-sm-24 {
        padding-bottom: 24px
    }

    .pb-sm-25 {
        padding-bottom: 25px
    }

    .pb-sm-30 {
        padding-bottom: 30px
    }

    .pb-sm-32 {
        padding-bottom: 32px
    }

    .pb-sm-35 {
        padding-bottom: 35px
    }

    .pb-sm-40 {
        padding-bottom: 40px
    }

    .pb-sm-48 {
        padding-bottom: 48px
    }

    .pb-sm-50 {
        padding-bottom: 50px
    }

    .pb-sm-60 {
        padding-bottom: 60px
    }

    .pb-sm-62 {
        padding-bottom: 62px
    }

    .pb-sm-64 {
        padding-bottom: 64px
    }

    .pb-sm-70 {
        padding-bottom: 70px
    }

    .pb-sm-72 {
        padding-bottom: 72px
    }

    .pb-sm-80 {
        padding-bottom: 80px
    }

    .pb-sm-100 {
        padding-bottom: 100px
    }

    .pb-sm-120 {
        padding-bottom: 120px
    }

    .pb-sm-130 {
        padding-bottom: 130px
    }

    .pr-sm-5 {
        padding-right: 5px
    }

    .pr-sm-10 {
        padding-right: 10px
    }

    .pr-sm-15 {
        padding-right: 15px
    }

    .pr-sm-20 {
        padding-right: 20px
    }

    .pr-sm-30 {
        padding-right: 30px
    }

    .pr-sm-40 {
        padding-right: 40px
    }

    .pr-sm-60 {
        padding-right: 60px
    }

    .pl-sm-5 {
        padding-left: 5px
    }

    .pl-sm-10 {
        padding-left: 10px
    }

    .pl-sm-15 {
        padding-left: 15px
    }

    .pl-sm-20 {
        padding-left: 20px
    }

    .pl-sm-30 {
        padding-left: 30px
    }

    .pl-sm-40 {
        padding-left: 40px
    }
}

@media (max-width: 767px) and (min-width:577px) {
    .hide-sm-lg {
        display:none
    }
}

@media (min-width: 577px) {
    .show-xs {
        display:none
    }
}

@media (max-width: 576px) {
    .container {
        padding-left:15px;
        padding-right: 15px
    }

    .hide-xs {
        display: none!important
    }

    .mt-xs-0 {
        margin-top: 0
    }

    .mt-xs-5 {
        margin-top: 5px
    }

    .mt-xs-10 {
        margin-top: 10px
    }

    .mt-xs-15 {
        margin-top: 15px
    }

    .mt-xs-20 {
        margin-top: 20px
    }

    .mt-xs-24 {
        margin-top: 24px
    }

    .mt-xs-30 {
        margin-top: 30px
    }

    .mt-xs-40 {
        margin-top: 40px
    }

    .mt-xs-50 {
        margin-top: 50px
    }

    .mt-xs-56 {
        margin-top: 56px
    }

    .mt-xs-60 {
        margin-top: 60px
    }

    .mt-xs-64 {
        margin-top: 64px
    }

    .mt-xs-80 {
        margin-top: 80px
    }

    .mb-xs-0 {
        margin-bottom: 0
    }

    .mb-xs-5 {
        margin-bottom: 5px
    }

    .mb-xs-10 {
        margin-bottom: 10px
    }

    .mb-xs-15 {
        margin-bottom: 15px
    }

    .mb-xs-20 {
        margin-bottom: 20px
    }

    .mb-xs-24 {
        margin-bottom: 24px
    }

    .mb-xs-25 {
        margin-bottom: 25px
    }

    .mb-xs-30 {
        margin-bottom: 30px
    }

    .mb-xs-32 {
        margin-bottom: 32px
    }

    .mb-xs-35 {
        margin-bottom: 35px
    }

    .mb-xs-40 {
        margin-bottom: 40px
    }

    .mb-xs-48 {
        margin-bottom: 48px
    }

    .mb-xs-50 {
        margin-bottom: 50px
    }

    .mb-xs-60 {
        margin-bottom: 60px
    }

    .mb-xs-62 {
        margin-bottom: 62px
    }

    .mb-xs-64 {
        margin-bottom: 64px
    }

    .mb-xs-70 {
        margin-bottom: 70px
    }

    .mb-xs-72 {
        margin-bottom: 72px
    }

    .mb-xs-80 {
        margin-bottom: 80px
    }

    .mb-xs-100 {
        margin-bottom: 100px
    }

    .mb-xs-120 {
        margin-bottom: 120px
    }

    .mb-xs-130 {
        margin-bottom: 130px
    }

    .mr-xs-5 {
        margin-right: 5px
    }

    .mr-xs-10 {
        margin-right: 10px
    }

    .mr-xs-15 {
        margin-right: 15px
    }

    .mr-xs-16 {
        margin-right: 16px
    }

    .mr-xs-20 {
        margin-right: 20px
    }

    .mr-xs-30 {
        margin-right: 30px
    }

    .mr-xs-40 {
        margin-right: 40px
    }

    .mr-xs-60 {
        margin-right: 60px
    }

    .ml-xs-5 {
        margin-left: 5px
    }

    .ml-xs-10 {
        margin-left: 10px
    }

    .ml-xs-15 {
        margin-left: 15px
    }

    .ml-xs-20 {
        margin-left: 20px
    }

    .ml-xs-30 {
        margin-left: 30px
    }

    .ml-xs-40 {
        margin-left: 40px
    }

    .pt-xs-0 {
        padding-top: 0
    }

    .pt-xs-5 {
        padding-top: 5px
    }

    .pt-xs-10 {
        padding-top: 10px
    }

    .pt-xs-15 {
        padding-top: 15px
    }

    .pt-xs-20 {
        padding-top: 20px
    }

    .pt-xs-24 {
        padding-top: 24px
    }

    .pt-xs-30 {
        padding-top: 30px
    }

    .pt-xs-40 {
        padding-top: 40px
    }

    .pt-xs-50 {
        padding-top: 50px
    }

    .pt-xs-56 {
        padding-top: 56px
    }

    .pt-xs-60 {
        padding-top: 60px
    }

    .pt-xs-64 {
        padding-top: 64px
    }

    .pt-xs-80 {
        padding-top: 80px
    }

    .pb-xs-5 {
        padding-bottom: 5px
    }

    .pb-xs-10 {
        padding-bottom: 10px
    }

    .pb-xs-15 {
        padding-bottom: 15px
    }

    .pb-xs-20 {
        padding-bottom: 20px
    }

    .pb-xs-24 {
        padding-bottom: 24px
    }

    .pb-xs-25 {
        padding-bottom: 25px
    }

    .pb-xs-30 {
        padding-bottom: 30px
    }

    .pb-xs-32 {
        padding-bottom: 32px
    }

    .pb-xs-35 {
        padding-bottom: 35px
    }

    .pb-xs-40 {
        padding-bottom: 40px
    }

    .pb-xs-48 {
        padding-bottom: 48px
    }

    .pb-xs-50 {
        padding-bottom: 50px
    }

    .pb-xs-60 {
        padding-bottom: 60px
    }

    .pb-xs-62 {
        padding-bottom: 62px
    }

    .pb-xs-64 {
        padding-bottom: 64px
    }

    .pb-xs-70 {
        padding-bottom: 70px
    }

    .pb-xs-72 {
        padding-bottom: 72px
    }

    .pb-xs-80 {
        padding-bottom: 80px
    }

    .pb-xs-100 {
        padding-bottom: 100px
    }

    .pb-xs-120 {
        padding-bottom: 120px
    }

    .pb-xs-130 {
        padding-bottom: 130px
    }

    .pr-xs-5 {
        padding-right: 5px
    }

    .pr-xs-10 {
        padding-right: 10px
    }

    .pr-xs-15 {
        padding-right: 15px
    }

    .pr-xs-16 {
        padding-right: 16px
    }

    .pr-xs-20 {
        padding-right: 20px
    }

    .pr-xs-30 {
        padding-right: 30px
    }

    .pr-xs-40 {
        padding-right: 40px
    }

    .pr-xs-60 {
        padding-right: 60px
    }

    .pl-xs-5 {
        padding-left: 5px
    }

    .pl-xs-10 {
        padding-left: 10px
    }

    .pl-xs-15 {
        padding-left: 15px
    }

    .pl-xs-20 {
        padding-left: 20px
    }

    .pl-xs-30 {
        padding-left: 30px
    }

    .pl-xs-40 {
        padding-left: 40px
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    color: #000;
    font-size: 10px
}

body,html {
    line-height: normal
}

body {
    -webkit-font-feature-settings: "pnum" on,"lnum" on;
    font-feature-settings: "pnum" on,"lnum" on;
    background: #fff;
    font-family: Noah,sans-serif;
    font-size: 1.4rem;
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    position: relative
}

body.noscroll {
    overflow: hidden
}

main {
    display: block
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    margin: 0
}

button,input {
    overflow: visible;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

button,input,select,textarea {
    background: none;
    border: none;
    display: inline-block;
    outline: none;
    padding: 0
}

button {
    cursor: pointer
}

input,select,textarea {
    width: 100%
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    color: transparent
}

input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder {
    color: transparent
}

input:focus::placeholder,textarea:focus::placeholder {
    color: transparent
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

i {
    background: transparent;
    border: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle
}

h1 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

* {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0,0,0,.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

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

.fdc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ais {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jcfs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fg1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.fs1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.ma {
    margin-right: auto
}

.ma,.mla {
    margin-left: auto
}

.mra {
    margin-right: auto
}

.posr {
    position: relative
}

.h100 {
    height: 100%
}

.db {
    display: block
}

.hidden {
    display: none
}

.ovh {
    overflow: hidden
}

.sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 156px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.sticky.animated {
    top: 82px
}

.sticky.t140 {
    top: 140px
}

.btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 64px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 130%;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.h36 {
    height: 36px;
    padding: 0 20px
}

.btn.h48 {
    height: 48px;
    padding: 0 35px
}

.btn.h52 {
    height: 52px;
    padding: 0 29px
}

.btn.brd12 {
    border-radius: 12px
}

.btn.btn-cyan {
    background: #0abfb4;
    -webkit-box-shadow: 0 4px 10px rgba(10,191,180,.3);
    box-shadow: 0 4px 10px rgba(10,191,180,.3)
}

.btn.btn-cyan:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn.btn-cyan:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.btn.btn-violet {
    background: #c76ee7;
    -webkit-box-shadow: 0 4px 10px rgba(199,110,231,.3);
    box-shadow: 0 4px 10px rgba(199,110,231,.3)
}

.btn.btn-violet:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn.btn-violet:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.btn.btn--white_30 {
    background: hsla(0,0%,100%,.3)
}

.btn.btn--white_30:hover {
    background: hsla(0,0%,100%,.15)
}

.btn.btn--white-dark {
    background: #fff;
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 64px;
    color: #435b71
}

.btn.btn--white-dark:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.btn.btn--white-dark:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.btn.btn--white-dark span {
    color: #435b71
}

.btn.btn--transparent-dark {
    background: transparent;
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 64px;
    color: #435b71
}

.btn.btn--transparent-dark span {
    border-color: rgba(67,91,113,.3)
}

.btn.btn--transparent-dark:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.btn.btn--transparent-dark:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.btn.btn--transparent-cyan {
    background: transparent;
    border: 1px solid #0abfb4;
    border-radius: 64px;
    color: #0abfb4
}

.btn.btn--transparent-cyan span {
    border-color: rgba(10,191,180,.3)
}

.btn.btn--transparent-cyan:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn.btn--transparent-cyan:hover span {
    border-color: transparent
}

.btn.btn-transparent {
    background: transparent;
    color: hsla(0,0%,100%,.8)
}

.btn.btn-transparent:hover {
    color: #0abfb4
}

.btn.btn-transparent:hover span {
    border-color: rgba(10,191,180,.7)
}

.btn.btn-orange {
    background: #ff6643;
    -webkit-box-shadow: 0 4px 10px rgba(255,102,67,.3);
    box-shadow: 0 4px 10px rgba(255,102,67,.3);
    color: #fff
}

.btn.btn-orange:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn.btn-orange:hover span {
    border-color: #fff
}

.btn.btn-orange span {
    border-color: hsla(0,0%,100%,.3)
}

button.btn span {
    border-bottom: 1px dotted hsla(0,0%,100%,.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

button.btn.btn--white-dark span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

a.btn span {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a.btn.btn--white-dark span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.breadcrumbs {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    padding: 22px 0;
    text-align: left;
    width: 100%
}

.breadcrumbs ul {
    margin: 0;
    padding: 0
}

.breadcrumbs li {
    display: inline-block;
    padding-right: 35px;
    position: relative
}

.breadcrumbs li:last-child {
    padding-right: 0
}

.breadcrumbs li .icon-arrow-right {
    color: rgba(67,91,113,.3);
    font-size: 1.1rem;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumbs li a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.breadcrumbs span {
    border-bottom: 1px solid transparent;
    opacity: .5
}

.breadcrumbs+.mps {
    border-top: none
}

.breadcrumbs+.mps .container {
    padding-top: 0
}

.content {
    color: #4a6278;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%
}

.content blockquote {
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    margin-bottom: 24px;
    padding: 28px 30px;
    width: 100%
}

.content blockquote:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .content blockquote {
        padding:20px
    }
}

.content a:not(.button-download) {
    border-bottom: 1px solid rgba(10,191,180,.7);
    color: #0abfb4;
    font-weight: 700
}

.content a:not(.button-download):hover {
    border-color: transparent
}

.content p {
    margin-bottom: 12px
}

.content p:last-child {
    margin-bottom: 0
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
    color: #435b71;
    font-family: Noah;
    font-weight: 700
}

.content h1,.content h2,.content h3 {
    margin-bottom: 24px
}

.content h1+h2,.content h1+h3,.content h1+h4,.content h1+h5,.content h1+h6,.content h2+h2,.content h2+h3,.content h2+h4,.content h2+h5,.content h2+h6,.content h3+h2,.content h3+h3,.content h3+h4,.content h3+h5,.content h3+h6 {
    margin-bottom: 32px;
    margin-top: -8px
}

.content h4,.content h5,.content h6 {
    margin-bottom: 24px
}

.content h4+h2,.content h4+h3,.content h4+h4,.content h4+h5,.content h4+h6,.content h5+h2,.content h5+h3,.content h5+h4,.content h5+h5,.content h5+h6,.content h6+h2,.content h6+h3,.content h6+h4,.content h6+h5,.content h6+h6 {
    margin-bottom: 32px;
    margin-top: -8px
}

.content h4+p,.content h5+p,.content h6+p {
    margin-bottom: 24px
}

.content h1 {
    font-size: 3.6rem;
    line-height: 4rem
}

.content h2 {
    font-size: 2.4rem;
    line-height: 3.2rem
}

.content h3 {
    font-size: 2rem;
    line-height: 2.8rem
}

.content h4 {
    font-size: 1.8rem;
    line-height: 2.6rem
}

.content h5 {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.content h6 {
    font-size: 1.4rem;
    line-height: 2.2rem
}

.content *+h1 {
    margin-top: 24px
}

.content *+h2,.content *+h3,.content *+h4,.content *+h5,.content *+h6 {
    margin-bottom: 16px;
    margin-top: 24px
}

.content ol,.content ul {
    margin-bottom: 24px;
    padding: 0
}

.content ol>li,.content ul>li {
    margin-bottom: 12px
}

.content ol>li:last-child,.content ul>li:last-child {
    margin-bottom: 0
}

.content ul {
    list-style: none;
    position: relative
}

.content ul>li {
    padding-left: 18px;
    position: relative
}

.content ul>li:last-child {
    margin-bottom: 0
}

.content ul>li:before {
    background: #435b71;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 7px;
    position: absolute;
    top: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px
}

.content ol {
    list-style-position: inside;
    padding-left: 0
}

.content ol>li {
    counter-increment: item;
    list-style-type: none
}

.content ol>li:before {
    content: counter(item) ".";
    display: inline-block;
    font-weight: 700;
    padding-right: .5em;
    text-align: right;
    width: 1em
}

.content ol>li p {
    display: inline
}

.content ol ul {
    margin-left: -16px;
    padding-top: 16px
}

.content ol h2,.content ol h3,.content ol h4,.content ol h5,.content ol h6,.content ol+h1 {
    margin-top: 44px
}

.content ol ol,.content ol ul,.content ul ol,.content ul ul {
    padding-top: 12px
}

.content ol ul,.content ul ul {
    padding-left: 20px
}

.content hr {
    border: 0;
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.content address {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 100%;
    padding: 16px 20px;
    width: 360px
}

.content address .dots {
    margin-left: 20px;
    margin-right: 20px
}

.content address .dots span {
    margin-bottom: 0
}

.content address img {
    border-radius: 50%;
    height: 48px;
    width: 48px
}

.content address small,.content address span {
    display: block;
    font-style: normal
}

.content address span {
    font-family: Noah;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 4px
}

.content address small {
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    opacity: .3
}

.content__img {
    display: block;
    overflow: hidden
}

.content__img,.content__img img {
    border-radius: 16px;
    height: 100%;
    width: 100%
}

.content__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.content small {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 500;
    line-height: 200%;
    margin-bottom: 12px;
    opacity: .5
}

.content small:last-child {
    margin-bottom: 0
}

.content__download {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .content h1 {
        font-size:3.2rem;
        line-height: 3.6rem
    }

    .content h2 {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .content h3 {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .content h4 {
        font-size: 1.4rem;
        line-height: 2.2rem
    }

    .content h5 {
        font-size: 1.2rem;
        line-height: 2rem
    }

    .content h6 {
        font-size: 1rem;
        line-height: 1.8rem
    }
}

@media (max-width: 767px) {
    .content {
        font-size:1.2rem
    }
}

@media (max-width: 576px) {
    .content h1 {
        font-size:2.8rem;
        line-height: 3.6rem
    }

    .content address {
        border-radius: 0;
        display: block;
        margin-left: -10px;
        margin-right: -10px;
        max-width: none;
        width: calc(100% + 20px)
    }

    .content address img {
        margin-bottom: 20px;
        margin-right: 20px
    }

    .content address .dots {
        display: none
    }
}

.content--h2_32 h1 {
    font-size: 4rem;
    line-height: 120%
}

.content--h2_32 h2 {
    font-size: 3rem;
    line-height: 120%;
    max-width: 700px
}

.content--h2_32 h3 {
    font-size: 2.4rem;
    line-height: 2.6rem
}

.content--h2_32 h4 {
    font-size: 2rem;
    line-height: 2.4rem
}

.content--h2_32 h5 {
    font-size: 1.8rem;
    line-height: 2.2rem
}

.content--h2_32 h6 {
    font-size: 1.6rem;
    line-height: 2rem
}

@media (max-width: 991px) {
    .content--h2_32 h1 {
        font-size:3.2rem;
        line-height: 3.6rem
    }

    .content--h2_32 h2 {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .content--h2_32 h3 {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .content--h2_32 h4 {
        font-size: 1.4rem;
        line-height: 2.2rem
    }

    .content--h2_32 h5 {
        font-size: 1.2rem;
        line-height: 2rem
    }

    .content--h2_32 h6 {
        font-size: 1rem;
        line-height: 1.8rem
    }
}

@media (max-width: 576px) {
    .content--h2_32 h1 {
        font-size:2.4rem;
        line-height: 3rem
    }
}

.content--h2_24 h1 {
    font-size: 3.2rem;
    line-height: 120%
}

.content--h2_24 h2 {
    font-size: 2.4rem;
    line-height: 120%;
    max-width: 700px
}

.content--h2_24 h3 {
    font-size: 2rem;
    line-height: 2.4rem
}

.content--h2_24 h4 {
    font-size: 1.8rem;
    line-height: 2.2rem
}

.content--h2_24 h5 {
    font-size: 1.6rem;
    line-height: 2rem
}

.content--h2_24 h6 {
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media (max-width: 991px) {
    .content--h2_24 h1 {
        font-size:2.4rem;
        line-height: 120%
    }

    .content--h2_24 h2 {
        font-size: 2rem
    }

    .content--h2_24 h3 {
        font-size: 1.8rem;
        line-height: 2.2rem
    }

    .content--h2_24 h4 {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .content--h2_24 h5 {
        font-size: 1.4rem;
        line-height: 1.8rem
    }

    .content--h2_24 h6 {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

.content-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.content-info__column {
    width: calc(50% - 10px)
}

.content-info__column:nth-child(odd) .content-info__item:nth-child(2n) {
    background: #f8f9fb
}

.content-info__column:nth-child(2n) .content-info__item:nth-child(odd) {
    background: #f8f9fb
}

.content-info__row {
    width: 100%
}

.content-info__row .content-info__item:nth-child(odd) {
    background: #f8f9fb
}

.content-info__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-radius: 10px;
    color: rgba(67,91,113,.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 130%;
    padding: 10px 16px;
    width: 100%
}

.content-info__item a span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.content-info__item a:hover {
    color: #0abfb4
}

.content-info__item a:hover span {
    border-color: rgba(10,191,180,.7)
}

.content-info__item img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.content-info__item img~a,.content-info__item img~span {
    width: calc(100% - 32px)
}

.content-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.content-title__hint {
    color: rgba(67,91,113,.8);
    display: inline-block;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 130%;
    margin-left: auto;
    vertical-align: middle
}

.content-title__hint img {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.content-title__button {
    height: 48px;
    margin-left: auto;
    padding: 0 28px
}

.custom-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    border-radius: 12px;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    justify-content: flex-start;
    max-width: 100%;
    padding: 14px 24px 14px 16px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.custom-radio>:not(.custom-radio__background) {
    z-index: 2
}

.custom-radio__icon {
    background: #fff;
    border: 1px solid rgba(38,41,53,.1);
    border-radius: 50%;
    height: 20px;
    margin-right: 12px;
    position: relative;
    width: 20px
}

.custom-radio__icon:before {
    background: #0abfb4;
    border-radius: 50%;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 8px
}

.custom-radio__inner {
    width: calc(100% - 32px)
}

.custom-radio__text {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 4px
}

.custom-radio__desc {
    color: rgba(38,41,53,.6);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem
}

.custom-radio__desc .old {
    font-weight: 700;
    text-decoration: line-through
}

.custom-radio__background {
    background: #f8f9fb;
    border: 1px solid transparent;
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.custom-radio input {
    display: none
}

.custom-radio input:checked~.custom-radio__icon {
    border-color: #0abfb4;
    border-width: 2px
}

.custom-radio input:checked~.custom-radio__icon:before {
    content: ""
}

.custom-radio input:checked~.custom-radio__background {
    background: rgba(10,191,180,.05);
    border-color: #0abfb4
}

.custom-radio--width_33 {
    width: calc(33.33333% - 11px)
}

.custom-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 2rem
}

.custom-checkbox__icon {
    border: 1px solid gray;
    border-radius: 4px;
    height: 21px;
    position: relative;
    width: 21px
}

.custom-checkbox__icon:before {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 11px
}

.custom-checkbox__text {
    margin-left: 8px;
    width: calc(100% - 29px)
}

.custom-checkbox__text a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    font-weight: 700
}

.custom-checkbox__text a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.custom-checkbox input {
    display: none
}

.custom-checkbox input:checked+.custom-checkbox__icon {
    background: #0abfb4;
    border-color: #0abfb4
}

.custom-checkbox input:checked+.custom-checkbox__icon:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.042.992 3.928 7.106 1.945 5.123 0 7.068 1.983 9.05l1.958 1.958 1.945-1.945L12 2.949 10.042.992Z' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-checkbox input.error+.custom-checkbox__icon {
    border-color: #ff5468
}

.custom-input {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    position: relative;
    width: 100%
}

.custom-input.form-input .placeholder {
    color: rgba(38,41,53,.6);
    font-family: Raleway;
    font-weight: 600;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-input.form-input .input {
    color: #262935;
    font-size: 1.4rem;
    font-weight: 700;
    height: 64px;
    line-height: 1.6rem;
    padding: 34px 16px 14px
}

.custom-input.form-input.focus .placeholder {
    left: 16px;
    opacity: 1;
    top: 20px
}

.custom-input.focus .placeholder {
    opacity: 0
}

.custom-input .placeholder {
    color: hsla(0,0%,100%,.6);
    left: 16px;
    pointer-events: none;
    position: absolute;
    top: 26px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.custom-input .error-text {
    background: #ff5468;
    border-radius: 0 12px 0 12px;
    color: #fff;
    display: none;
    font-size: 9px;
    padding: 3px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.custom-input .input {
    background-color: transparent;
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 12px;
    color: #fff;
    padding: 25px 16px
}

.custom-input .input.error {
    border-color: #ff5468!important
}

.custom-input .input:disabled {
    opacity: .4
}

.custom-range-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px
}

.custom-range__button {
    border-bottom: 1px dotted rgba(0,0,0,.3);
    color: rgba(0,0,0,.5);
    font-family: Mulish;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem
}

.custom-range .irs {
    height: 14px
}

.custom-range .irs-grid {
    bottom: -4px;
    height: 14px
}

.custom-range .irs-grid-text {
    display: none
}

.custom-range .irs-grid-pol {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.custom-range .irs-grid-pol.small {
    display: none
}

.custom-range .irs-bar {
    background: green;
    height: 3px;
    margin-right: 0;
    top: 7px
}

.custom-range .irs-line {
    background: rgba(38,41,53,.1);
    height: 3px;
    margin-right: 0;
    top: 7px
}

.custom-range .irs-single {
    background: green;
    font-size: 1rem;
    top: -18px
}

.custom-range .irs-single:before {
    border-top-color: green
}

.custom-range .irs-max,.custom-range .irs-min {
    background: green;
    font-size: 1rem;
    margin-right: 0;
    top: 12px
}

.custom-range .irs-from,.custom-range .irs-to {
    background: green;
    font-size: 1rem;
    top: -18px
}

.custom-range .irs-from:before,.custom-range .irs-to:before {
    border-top-color: green
}

.custom-range .irs-handle {
    background: green;
    border-radius: 50%;
    cursor: pointer;
    height: 14px;
    margin-right: 0;
    top: 1px;
    width: 14px
}

.custom-range .irs-handle i,.custom-range .irs-hidden-input {
    display: none!important
}

.custom-select {
    background: transparent;
    border-radius: 12px;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    position: relative;
    text-align: left;
    width: 100%
}

.custom-select .error-text {
    background: #ff5468;
    border-radius: 12px 0 12px 0;
    color: #fff;
    display: none;
    font-size: 9px;
    left: 0;
    padding: 3px 8px;
    pointer-events: none;
    position: absolute;
    top: 0
}

.custom-select__hidden {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.custom-select__input {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 12px;
    color: #435b71;
    cursor: pointer;
    padding: 25px 16px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.custom-select__input.open {
    border-radius: 12px 12px 0 0
}

.custom-select__input.open i {
    -webkit-transform: translateY(-50%) rotateX(-180deg);
    transform: translateY(-50%) rotateX(-180deg)
}

.custom-select__input i {
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-select__options {
    background: #fff;
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 0 0 6px 6px;
    border-top-color: transparent;
    display: none;
    left: 0;
    padding: 10px 0 12px;
    position: absolute;
    text-align: left;
    top: calc(100% - 2px);
    width: 100%;
    z-index: 20
}

.custom-select__options-wrapper {
    max-height: 220px;
    overflow-y: auto
}

.custom-select__options .option {
    background: transparent;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 10px 16px
}

.custom-select__subtitle {
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 2rem
}

.custom-select--map .custom-select__input {
    border-radius: 64px;
    padding: 12px 46px 12px 30px
}

.custom-select--map .custom-select__input i {
    right: 30px
}

.custom-select--map .custom-select__input.open {
    border-radius: 24px 24px 0 0
}

.custom-textarea textarea {
    background: #fff;
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 12px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    padding: 25px 16px;
    resize: none
}

.custom-textarea textarea::-webkit-input-placeholder {
    color: #435b71;
    font-family: Raleway;
    font-weight: 600;
    opacity: .5
}

.custom-textarea textarea::-moz-placeholder {
    color: #435b71;
    font-family: Raleway;
    font-weight: 600;
    opacity: .5
}

.custom-textarea textarea::-ms-input-placeholder {
    color: #435b71;
    font-family: Raleway;
    font-weight: 600;
    opacity: .5
}

.custom-textarea textarea:-ms-input-placeholder {
    color: #435b71;
    font-family: Raleway;
    font-weight: 600;
    opacity: .5
}

.custom-textarea textarea::placeholder {
    color: #435b71;
    font-family: Raleway;
    font-weight: 600;
    opacity: .5
}

.fake-input {
    background-color: hsla(0,0%,100%,.08);
    border-radius: 64px;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    padding: 28px 16px;
    position: relative;
    width: 100%
}

.fake-input.form-input .placeholder {
    color: rgba(38,41,53,.6);
    font-family: Raleway;
    font-weight: 600
}

.fake-input .placeholder,.fake-input.form-input .placeholder {
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fake-input .placeholder {
    color: hsla(0,0%,100%,.6);
    pointer-events: none;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.fake-input .icon-search-left {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-pagination-bullet {
    background-color: rgba(67,91,113,.3);
    border-radius: 64px;
    height: 4px;
    margin: 0 5px!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 15px
}

.swiper-pagination-bullet:first-child {
    margin-left: 0!important
}

.swiper-pagination-bullet:last-child {
    margin-right: 0!important
}

.swiper-pagination-bullet-active {
    background: #0abfb4;
    height: 6px;
    width: 23px
}

.swiper-pagination-horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 6px
}

.dots {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.dots--rotate {
    -webkit-transform: rotate(90deg) translate(-50%,-50%);
    -ms-transform: rotate(90deg) translate(-50%,-50%);
    transform: rotate(90deg) translate(-50%,-50%)
}

.dots.dots--horizontal.w4 {
    height: 4px;
    width: 20px
}

.dots.dots--horizontal span {
    top: 0
}

.dots.dots--horizontal span:first-child {
    left: 0
}

.dots.dots--horizontal span:nth-child(2) {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dots.dots--horizontal span:nth-child(3) {
    left: auto;
    right: 0
}

.dots--ml_32 {
    margin-left: 32px
}

.dots--mr_32 {
    margin-right: 32px
}

.dots--mt_32 {
    margin-top: 32px
}

.dots--mb_32 {
    margin-bottom: 32px
}

.dots.w4 {
    height: 20px;
    width: 4px
}

.dots.w4 span {
    height: 4px;
    width: 4px
}

.dots.w6 {
    height: 28px;
    width: 6px
}

.dots.w6 span {
    height: 6px;
    width: 6px
}

.dots span {
    background: rgba(67,91,113,.1);
    border-radius: 50%;
    left: 0;
    position: absolute
}

.dots span:first-child {
    top: 0
}

.dots span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dots span:nth-child(3) {
    bottom: 0
}

.tabs-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tabs__divider {
    background: rgba(67,91,113,.1);
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin: 0 12px;
    width: 6px
}

.tabs--scrollable {
    display: block!important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
    min-width: calc(100% + 20px);
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 10px 10px;
    position: relative;
    white-space: nowrap;
    width: calc(100% + 20px)
}

.tabs--scrollable::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 32px;
    height: 4px;
    width: 4px
}

.tabs--scrollable::-webkit-scrollbar-track {
    background-color: rgba(10,191,180,0);
    border-radius: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.tabs--scrollable::-webkit-scrollbar-track:hover {
    background-color: rgba(10,191,180,.1);
    border-radius: 32px
}

.tabs--scrollable::-webkit-scrollbar-thumb {
    background-color: #0abfb4;
    border-radius: 32px;
    cursor: pointer;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 2px
}

.tabs--scrollable::-webkit-scrollbar-thumb:hover {
    background-color: rgba(10,191,180,.2);
    border-radius: 32px
}

.tabs--scrollable::-webkit-scrollbar-button {
    display: none
}

.tabs.default .tabs__btn,.tabs.default .tabs__btn_a {
    border-radius: 64px;
    color: #435b71;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    height: 32px;
    line-height: 100%;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 8px 16px
}

.tabs.default .tabs__btn:last-child,.tabs.default .tabs__btn_a:last-child {
    margin-right: 0
}

.tabs.default .tabs__btn span,.tabs.default .tabs__btn_a span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.tabs.default .tabs__btn:hover,.tabs.default .tabs__btn_a:hover {
    color: #0abfb4
}

.tabs.default .tabs__btn:hover span,.tabs.default .tabs__btn_a:hover span {
    border-color: rgba(10,191,180,.7)
}

.tabs.default .tabs__btn.active,.tabs.default .tabs__btn_a.active {
    background: #142c42;
    color: #fff;
    pointer-events: none
}

.tabs.default .tabs__btn.active span,.tabs.default .tabs__btn_a.active span {
    border-color: transparent
}

.tabs.default .tabs__btn_a span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.button-download {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 12px;
    color: #435b71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Noah;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 2rem;
    max-width: 100%;
    padding: 14px 20px;
    width: 300px
}

.button-download i {
    color: rgba(20,44,66,.3);
    font-size: 32px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.button-download__text {
    max-width: calc(100% - 42px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.button-download__text span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.button-download:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.button-download:hover i {
    color: #0abfb4
}

.button-download:hover span {
    border-color: rgba(10,191,180,.7)
}

.button-download--dark {
    background: #142c42;
    color: #fff
}

.button-download--dark i {
    color: #fff
}

.button-download--dark .button-download__text span {
    border-color: hsla(0,0%,100%,.3)
}

.button-download--dark:hover {
    border-color: #142c42
}

.button-download--dark:hover .button-download__text span {
    border-color: rgba(10,191,180,.7)
}

.button-download--white_10 {
    background: hsla(0,0%,100%,.1);
    color: #fff
}

.button-download--white_10 i {
    color: #fff
}

.button-download--white_10 .button-download__text span {
    border-color: hsla(0,0%,100%,.3)
}

.button-download--white_10:hover {
    border-color: #142c42
}

.button-download--white_10:hover .button-download__text span {
    border-color: rgba(10,191,180,.7)
}

.button-download--w_250 {
    width: 250px
}

.counter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #fff;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 50px;
    padding: 5px
}

.counter-dec,.counter-inc {
    background: rgba(67,91,113,.05);
    border-radius: 50%;
    height: 36px;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    width: 36px
}

.counter-dec:after,.counter-dec:before,.counter-inc:after,.counter-inc:before {
    background: #435b71;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.counter-dec:hover,.counter-inc:hover {
    background: #0abfb4;
    -webkit-box-shadow: 0 4px 10px rgba(10,191,180,.3);
    box-shadow: 0 4px 10px rgba(10,191,180,.3)
}

.counter-dec:hover:after,.counter-dec:hover:before,.counter-inc:hover:after,.counter-inc:hover:before {
    background: #fff
}

.counter-dec:before {
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 10px
}

.counter-inc:after,.counter-inc:before {
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 10px
}

.counter-inc:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.counter input {
    border-bottom: 1px dashed rgba(67,91,113,.3);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-left: 16px;
    margin-right: 16px;
    text-align: center;
    width: 24px
}

.counter--product {
    border: 1px solid rgba(67,91,113,.15)
}

.counter--product .counter-dec,.counter--product .counter-inc {
    background: transparent;
    opacity: .3
}

.counter--product .counter-dec:hover,.counter--product .counter-inc:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

.counter--product .counter-dec:hover:after,.counter--product .counter-dec:hover:before,.counter--product .counter-inc:hover:after,.counter--product .counter-inc:hover:before {
    background: #0abfb4
}

.load-more__plus {
    background: #f8f9fb;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 3.17308px #f3f5f9;
    box-shadow: inset 0 0 3.17308px #f3f5f9;
    height: 56px;
    position: relative;
    width: 56px
}

.load-more__plus:after,.load-more__plus:before {
    background: #0abfb4;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 12px
}

.load-more__plus:before {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.load-more__plus:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.rating {
    border: 1px solid transparent;
    border-radius: 6px 0 6px 6px;
    position: relative
}

.rating.error {
    border-color: #ff5468
}

.rating .icon-star {
    color: #ecedef;
    cursor: pointer;
    font-size: 31px
}

.rating .icon-star.hovered {
    color: rgba(255,188,87,.5)
}

.rating .icon-star.clicked {
    color: #ffbc57
}

.rating .error-text {
    background: #ff5468;
    border-radius: 12px 12px 0 0;
    bottom: 100%;
    color: #fff;
    display: none;
    font-size: 9px;
    padding: 3px 8px;
    pointer-events: none;
    position: absolute;
    right: -1px
}

.button-upload {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 12px;
    cursor: pointer;
    padding: 20px 14px
}

.button-upload:hover .button-upload__icon {
    fill: rgba(10,191,180,.6)
}

.button-upload:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.button-upload__icon {
    fill: rgba(67,91,113,.6);
    display: inline-block;
    height: 24px;
    margin-right: 12px;
    vertical-align: middle;
    width: 24px
}

.button-upload span,.button-upload__icon {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.button-upload span {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.button-upload .input {
    display: none
}

.button-file {
    cursor: pointer
}

.button-file:hover .button-file__icon {
    fill: rgba(10,191,180,.6)
}

.button-file:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.button-file svg {
    fill: rgba(67,91,113,.6);
    display: inline-block;
    height: 24px;
    margin-right: 12px;
    vertical-align: middle;
    width: 24px
}

.button-file span,.button-file svg {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.button-file span {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.button-file .input {
    display: none
}

.button-file.error {
    color: #ff5468
}

.button-file.error svg {
    fill: #ff5468
}

.button-file.error span {
    border-color: #ff5468
}

.search-categories__title {
    color: rgba(67,91,113,.3);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem
}

.search-categories__title .dots {
    margin-left: 16px;
    margin-right: 24px
}

.search-categories__inner {
    margin-bottom: -16px;
    margin-right: -16px
}

.search-categories__inner .search-categories__item {
    margin-bottom: 16px;
    margin-right: 16px
}

.search-categories__item {
    border-radius: 64px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    padding: 10px 20px
}

.search-categories__item.cyan {
    background: rgba(10,191,180,.1);
    color: #0abfb4
}

.search-categories__item.cyan span {
    border-bottom: 1px solid rgba(10,191,180,.3)
}

.search-categories__item.cyan:hover {
    background: rgba(10,191,180,.2)
}

.search-categories__item.cyan:hover span {
    border-color: rgba(10,191,180,.7)
}

.search-categories__item.violet {
    background: rgba(199,110,231,.1);
    color: #c76ee7
}

.search-categories__item.violet span {
    border-bottom: 1px solid rgba(199,110,231,.3)
}

.search-categories__item.violet:hover {
    background: rgba(199,110,231,.2)
}

.search-categories__item.violet:hover span {
    border-color: rgba(199,110,231,.7)
}

.search-categories__item.yellow {
    background: rgba(255,188,87,.1);
    color: #ffbc57
}

.search-categories__item.yellow span {
    border-bottom: 1px solid rgba(255,188,87,.3)
}

.search-categories__item.yellow:hover {
    background: rgba(255,188,87,.2)
}

.search-categories__item.yellow:hover span {
    border-color: rgba(255,188,87,.7)
}

.search-categories__item.green {
    background: rgba(93,126,107,.1);
    color: #5d7e6b
}

.search-categories__item.green span {
    border-bottom: 1px solid rgba(93,126,107,.3)
}

.search-categories__item.green:hover {
    background: rgba(93,126,107,.2)
}

.search-categories__item.green:hover span {
    border-color: rgba(93,126,107,.7)
}

.search-categories__item.dark {
    background: rgba(86,86,86,.1);
    color: #565656
}

.search-categories__item.dark span {
    border-bottom: 1px solid rgba(86,86,86,.3)
}

.search-categories__item.dark:hover {
    background: rgba(86,86,86,.2)
}

.search-categories__item.dark:hover span {
    border-color: rgba(86,86,86,.7)
}

.mobile-search__open {
    color: #fff;
    font-size: 2.2rem;
    margin-right: 12px
}

.mobile-search__field {
    background: #0abfb4;
    display: none;
    height: 64px;
    left: 0;
    padding: 12px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.mobile-search__input .input {
    background: #1cb5ac;
    border: none;
    border-radius: 64px;
    height: 40px;
    padding: 12px 16px;
    width: 100%
}

.mobile-search__input .placeholder {
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile-search__modal {
    background: #fff;
    display: none;
    left: 0;
    padding: 10px 10px 0;
    position: fixed;
    top: 64px;
    width: 100%;
    z-index: 100
}

.mobile-search__categories {
    margin-bottom: 32px
}

.mobile-search__categories .search-categories__inner {
    display: block!important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 12px -10px 0;
    min-width: calc(100% + 20px);
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
    width: calc(100% + 20px)
}

.mobile-search__categories .search-categories__inner .search-categories__item {
    display: inline-block;
    margin-bottom: 0
}

.mobile-search__result {
    background: #f8f9fb;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: none;
    height: calc(100vh - 186px);
    margin-left: -10px;
    margin-right: -10px;
    overflow-y: auto;
    padding: 16px 16px 62px
}

.mobile-search__result .header-card__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 85px;
    justify-content: center;
    margin-right: 20px;
    width: 59px
}

.mobile-search__result .header-card__title {
    margin-bottom: 12px
}

.mobile-search__result .header-card__inner {
    width: calc(100% - 79px)
}

.mobile-search__result .btn-more {
    margin-left: auto;
    margin-right: auto
}

.mobile-search__close {
    color: hsla(0,0%,100%,.3);
    font-size: 22px;
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-cart {
    position: relative
}

.section-cart:hover .section-cart__modal {
    opacity: 1;
    pointer-events: all
}

.section-cart__modal {
    background: #fff;
    max-width: 100vw;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(100% + 32px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 900px;
    z-index: 100
}

.section-cart__modal:before {
    bottom: 100%;
    content: "";
    height: 34px;
    left: 0;
    position: absolute;
    width: 100%
}

.section-cart__modal:hover {
    opacity: 1;
    pointer-events: all
}

@media (max-width: 991px) {
    .section-cart__modal {
        display:none;
        opacity: 1;
        pointer-events: all;
        -webkit-transition: none;
        transition: none
    }
}

.cart-modal {
    border: 1px solid rgba(67,91,113,.05);
    border-radius: 26px
}

.cart-modal__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 30px
}

.cart-modal__top .dots {
    margin-right: 24px
}

.cart-modal__top .dots.cart-total-dots {
    margin-left: 24px;
    margin-right: 24px
}

.cart-modal__title {
    color: rgba(67,91,113,.3);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

.cart-modal__total {
    margin-left: auto
}

.cart-modal__total small,.cart-modal__total span {
    display: block
}

.cart-modal__total small {
    color: #0abfb4;
    font-size: 1.4rem;
    font-weight: 700
}

.cart-modal__total span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem
}

.cart-modal__main {
    border-radius: 26px;
    height: 500px;
    max-height: calc(100vh - 286px);
    overflow-y: auto
}

.cart-modal__main .card__cart {
    border-radius: 0
}

@media (max-width: 991px) {
    .cart-modal__main {
        max-height:calc(100vh - 218px)
    }
}

@media (max-width: 576px) {
    .cart-modal__main {
        max-height:calc(100vh - 285px)
    }
}

.section-promo__field {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.section-promo__field,.section-promo__final {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-promo__final {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section-promo__input {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 12px;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    height: 48px;
    line-height: 1.6rem;
    padding: 16px;
    width: calc(100% - 60px)
}

.section-promo__input.error {
    border-color: rgba(255,84,104,.5)
}

.section-promo__input::-webkit-input-placeholder {
    opacity: .6
}

.section-promo__input::-moz-placeholder {
    opacity: .6
}

.section-promo__input::-ms-input-placeholder {
    opacity: .6
}

.section-promo__input:-ms-input-placeholder {
    opacity: .6
}

.section-promo__input::placeholder {
    opacity: .6
}

.section-promo__submit {
    background: #0abfb4;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
    height: 48px;
    width: 48px
}

.section-promo__submit:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.section-promo__cancel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(67,91,113,.5);
    border-radius: 24px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 10px;
    height: 20px;
    justify-content: center;
    margin-right: 14px;
    width: 20px
}

.section-promo__code {
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section-promo__code span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.section-promo__code:hover {
    color: #ff5468
}

.section-promo__code:hover span {
    border-color: rgba(255,84,104,.7)
}

.page-blur {
    background: rgba(67,91,113,.3);
    height: 100%;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 11
}

.page-blur.open {
    opacity: 1;
    pointer-events: all
}

.balloon__link {
    border-bottom: 1px solid rgba(10,191,180,.3);
    color: #0abfb4;
    font-weight: 700
}

.balloon__link:hover {
    border-color: transparent
}

.notifications {
    display: none;
    position: fixed;
    right: 30px;
    top: 176px;
    z-index: 30
}

.notifications-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 5.80645px #f3f5f9;
    box-shadow: inset 0 0 5.80645px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 12px;
    width: 300px
}

.notifications-item__title {
    color: #435b71;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 16px;
    width: 100%
}

.notifications-item__title .dots {
    margin-left: 4px;
    margin-right: 12px
}

.notifications-item__img {
    background: #fff;
    border-radius: 12px;
    height: 85px;
    margin-right: 20px;
    overflow: hidden;
    width: 60px
}

.notifications-item__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.notifications-item__wrapper {
    width: calc(100% - 80px)
}

.notifications-item__link {
    color: #435b71;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 16px
}

.notifications-item__link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.notifications-item__link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.notifications-item__art {
    color: rgba(67,91,113,.8);
    font-size: 1rem;
    line-height: 130%
}

.notifications-item__art>* {
    display: inline-block
}

.notifications-item__art>:after {
    color: rgba(67,91,113,.3);
    content: "/";
    margin: 0 9px
}

.notifications-item__art>:last-child:after {
    display: none
}

.page {
    position: relative
}

.cost-old {
    color: #848484;
    font-weight: 500;
    text-decoration: line-through
}

.catalog {
    display: none;
    left: 0;
    position: fixed;
    top: 174px;
    width: 100%;
    z-index: 20
}

.catalog .container {
    background: #f8f9fb;
    border-radius: 22px;
    padding: 0 0 24px
}

.catalog__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 34px;
    padding: 30px 24px 0
}

.catalog__title {
    color: rgba(67,91,113,.3);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-right: 20px;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.catalog__title .dots {
    margin-left: 20px
}

.catalog__category {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 24px;
    position: relative;
    text-align: left;
    width: 100%
}

.catalog__category:hover svg {
    fill: #0abfb4
}

.catalog__category:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.catalog__category:last-child {
    margin-bottom: 0
}

.catalog__category:before {
    background: #0abfb4;
    border-radius: 0 36px 36px 0;
    -webkit-box-shadow: 0 4px 4px rgba(10,191,180,.3);
    box-shadow: 0 4px 4px rgba(10,191,180,.3);
    content: "";
    height: 100%;
    left: -24px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: calc(100% + 48px)
}

.catalog__category>* {
    z-index: 2
}

.catalog__category svg {
    fill: #435b71;
    height: 40px;
    margin-right: 12px;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    width: 40px
}

.catalog__category small {
    color: rgba(67,91,113,.5);
    display: block;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.catalog__category-wrapper {
    max-width: 100px;
    width: 100%
}

.catalog__category-wrapper>span {
    color: #435b71;
    display: inline-block;
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 6px;
    padding-bottom: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__category-wrapper>span span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.catalog__category.active {
    padding: 14px 0
}

.catalog__category.active:before {
    opacity: 1
}

.catalog__category.active svg {
    fill: #fff
}

.catalog__category.active span {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.catalog__category.active small {
    color: hsla(0,0%,100%,.5)
}

.catalog__category--small:before {
    display: none
}

.catalog__category--small svg {
    fill: rgba(67,91,113,.2);
    margin-right: 0
}

.catalog__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 24px 0 0
}

.catalog__content-left {
    min-width: 200px;
    overflow-y: auto;
    padding-left: 24px;
    padding-right: 24px;
    width: 200px
}

.catalog__content-left.series {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-content: center;
    min-width: 80px;
    width: 80px
}

.catalog__content-left.series .catalog__category--small {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.catalog__content-left.series .catalog__category--small:first-child {
    padding-bottom: 14px;
    padding-top: 14px
}

.catalog__content-left.series .catalog__category--small svg {
    min-width: 40px;
    width: 40px
}

.catalog__content-left.series .catalog__category--small small {
    white-space: nowrap
}

.catalog__content-left.series .catalog__category--small .catalog__category-wrapper {
    opacity: 0;
    pointer-events: none
}

.catalog__content-left::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 32px;
    height: 4px;
    width: 4px
}

.catalog__content-left::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__content-left::-webkit-scrollbar-track:hover {
    background-color: transparent;
    border-radius: 32px
}

.catalog__content-left::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 32px;
    cursor: pointer;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 2px
}

.catalog__content-left::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
    border-radius: 32px
}

.catalog__content-left::-webkit-scrollbar-button {
    display: none
}

.catalog__content-middle {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: #fff;
    border-radius: 26px;
    display: none;
    flex-grow: 1;
    height: auto;
    margin-right: 48px;
    max-width: calc(100% - 220px);
    padding: 40px
}

.catalog__content-right .catalog__content-title {
    color: rgba(67,91,113,.3);
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 15px
}

.catalog__content-right .catalog__content-title .dots {
    margin-right: 16px
}

.catalog__content-title {
    color: #435b71;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 40px
}

.catalog__content-title a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.catalog__content-title a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.catalog__content-title .dots {
    margin-right: 24px
}

.catalog__content-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog__content-grid .catalog__content-grid-item {
    margin-bottom: 20px;
    max-width: none;
    min-width: auto;
    padding-right: 4px;
    width: 33.3333%
}

.catalog__content-grid-item {
    max-width: 220px;
    min-width: 140px;
    width: 100%
}

.catalog__content-grid-item a,.catalog__content-grid-item span {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%
}

.catalog__content-grid-item a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.catalog__content-grid-item a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.catalog__content-grid-item .quantity {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 64px;
    color: rgba(67,91,113,.5);
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 8px;
    padding: 1px 10px
}

.catalog__content-wrapper {
    padding: 20px 25px 40px;
    width: 100%
}

.catalog__series-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    color: #435b71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    height: 58px;
    justify-content: center;
    line-height: 130%;
    margin-bottom: 16px;
    width: 150px
}

.catalog__series-item span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.catalog__series-item:last-child {
    margin-bottom: 0
}

.catalog__series-item:hover {
    color: #0abfb4;
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.catalog__series-item:hover span {
    border-color: rgba(10,191,180,.7)
}

.catalog__series-item.green {
    background: #0abfb4;
    -webkit-box-shadow: 0 4px 4px rgba(10,191,180,.3);
    box-shadow: 0 4px 4px rgba(10,191,180,.3)
}

.catalog__series-item.yellow {
    background: #ffbc57;
    -webkit-box-shadow: 0 4px 4px rgba(255,188,87,.3);
    box-shadow: 0 4px 4px rgba(255,188,87,.3)
}

.catalog__series-item.violet {
    background: #c76ee7;
    -webkit-box-shadow: 0 4px 4px rgba(199,110,231,.3);
    box-shadow: 0 4px 4px rgba(199,110,231,.3)
}

.catalog__series-item.forest {
    background: #3c5d4a;
    -webkit-box-shadow: 0 4px 4px rgba(60,93,74,.3);
    box-shadow: 0 4px 4px rgba(60,93,74,.3)
}

.catalog__series-item.dark {
    background: #444;
    -webkit-box-shadow: 0 4px 4px rgba(68,68,68,.3);
    box-shadow: 0 4px 4px rgba(68,68,68,.3)
}

.catalog__series-item.all {
    border: 1px solid #ececec
}

.catalog__series-item.all:hover {
    border-color: #0abfb4
}

.catalog__spoiler {
    border-bottom: 2px solid rgba(67,91,113,.03);
    width: 100%
}

.catalog__spoiler:first-child {
    border-top: 2px solid rgba(67,91,113,.03)
}

.catalog__spoiler:last-child {
    border-bottom: none
}

.catalog__spoiler-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 22px 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__spoiler-title-wrapper {
    width: calc(100% - 116px)
}

.catalog__spoiler-title svg {
    fill: #435b71;
    height: 40px;
    margin-right: 20px;
    width: 40px
}

.catalog__spoiler-title a,.catalog__spoiler-title span {
    color: #435b71;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 6px;
    padding-bottom: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__spoiler-title a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.catalog__spoiler-title small {
    color: rgba(67,91,113,.5);
    display: block;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.catalog__spoiler-title.open {
    background: #0abfb4;
    -webkit-box-shadow: 0 20px 30px -10px rgba(10,191,180,.3);
    box-shadow: 0 20px 30px -10px rgba(10,191,180,.3)
}

.catalog__spoiler-title.open svg {
    fill: #fff
}

.catalog__spoiler-title.open a {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.catalog__spoiler-title.open small {
    color: hsla(0,0%,100%,.5)
}

.catalog__spoiler-title.open .catalog__spoiler-open {
    background: hsla(0,0%,100%,.2);
    border-color: transparent;
    color: #fff
}

.catalog__spoiler-content {
    display: none;
    padding: 20px 25px 40px
}

.catalog__spoiler-item {
    margin-bottom: 24px;
    width: 100%
}

.catalog__spoiler-item:last-child {
    margin-bottom: 0
}

.catalog__spoiler-item a,.catalog__spoiler-item span {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%
}

.catalog__spoiler-item a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.catalog__spoiler-item .quantity {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 64px;
    color: rgba(67,91,113,.5);
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 8px;
    padding: 1px 10px
}

.catalog__spoiler-open {
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 50%;
    color: #435b71;
    font-size: 1.6rem;
    height: 36px;
    margin-left: auto;
    width: 36px
}

.catalog__spoiler-open.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.catalog__link {
    margin-bottom: 24px;
    width: 100%
}

.catalog__link:last-child {
    margin-bottom: 0
}

.catalog__link.title a {
    font-size: 2.2rem;
    font-weight: 500
}

.catalog__link a,.catalog__link span {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%
}

.catalog__link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.catalog__link .quantity {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 64px;
    color: rgba(67,91,113,.5);
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 8px;
    padding: 1px 10px
}

.catalog .tabs__btn {
    border-radius: 64px;
    color: #435b71;
    font-family: Raleway;
    font-size: 1.3rem;
    font-weight: 700;
    height: 32px;
    line-height: 120%;
    margin-right: 4px;
    padding: 8px 16px
}

.catalog .tabs__btn:last-child {
    margin-right: 0
}

.catalog .tabs__btn span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.catalog .tabs__btn:hover {
    color: #0abfb4
}

.catalog .tabs__btn:hover span {
    border-color: rgba(10,191,180,.7)
}

.catalog .tabs__btn.active {
    background: #142c42;
    color: #fff
}

.catalog .tabs__btn.active span {
    border-color: transparent
}

@media (min-width: 992px) {
    .catalog {
        max-height:calc(100vh - 188px)
    }
}

.card__product {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    background: #f8f9fb;
    border-radius: 36px;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    max-width: 100%;
    padding: 6px 6px 22px
}

.card__product,.card__product-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.card__product-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 32px;
    height: 200px;
    justify-content: center;
    margin-bottom: 24px;
    position: relative
}

.card__product-img>img {
    mix-blend-mode: darken
}

.card__product-img-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 2px;
    width: 100%
}

.card__product-img-link img {
    max-height: 100%;
    mix-blend-mode: darken;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card__product-img:hover .card__product-img-link img {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.card__product-img:hover~.card__product-content .card__product-link a {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__product-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 18px;
    padding-right: 18px;
    width: 100%
}

.card__product-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 14px;
    width: 100%
}

.card__product-rating {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    align-items: center;
    bottom: 10px;
    color: rgba(67,91,113,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: flex-start;
    left: 18px;
    line-height: 1.4rem;
    position: absolute
}

.card__product-rating span {
    margin-top: 2px
}

.card__product-rating i {
    color: #ffbc57;
    font-size: 1.6rem;
    margin-left: 5px
}

.card__product-rating:hover {
    color: #0abfb4
}

.card__product-pin {
    background: #0abfb4;
    border-radius: 122px;
    color: #fff;
    display: inline;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 700;
    height: 28px;
    line-height: 2.8rem;
    margin-bottom: 9px;
    margin-right: 9px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    vertical-align: middle
}

.card__product-pin:first-letter {
    font-size: 1.2rem!important
}

.card__product-pin:last-child {
    margin-bottom: 0
}

.card__product-pin span {
    font-size: 1.2rem!important
}

.card__product-pin.green {
    background: #6ddaa6
}

.card__product-pin.yellow {
    background: #ffbc57
}

.card__product-pin.grey {
    background: rgba(67,91,113,.05);
    color: #435b71
}

.card__product-pin.red {
    background: #ff5468;
    color: #fff
}

.card__product-pin-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: calc(100% - 45px);
    justify-content: flex-start;
    left: 18px;
    position: absolute;
    top: 18px
}

.card__product-fav {
    color: rgba(67,91,113,.2);
    font-size: 2rem;
    position: absolute;
    right: 22px;
    top: 22px
}

.card__product-fav:hover {
    color: rgba(255,84,104,.8)
}

.card__product-fav.added {
    color: rgba(255,84,104,.8)
}

.card__product-logo {
    bottom: 10px;
    max-width: 70px;
    position: absolute;
    right: 18px
}

.card__product-labels {
    margin-bottom: 14px;
    opacity: .5
}

.card__product-labels a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.card__product-labels a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__product-labels .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.card__product-link {
    margin-bottom: 20px;
    position: relative
}

.card__product-link.mb20 {
    margin-bottom: 20px
}

.card__product-link a,.card__product-link>div {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    position: relative
}

.card__product-link a:before,.card__product-link>div:before {
    background: rgba(67,91,113,.05);
    border-radius: 0 24px 24px 0;
    content: "";
    height: 100%;
    left: -24px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 6px
}

.card__product-link>div {
    border-bottom: transparent;
    color: #435b71
}

.card__product-link:hover>div {
    color: #435b71
}

.card__product-link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__product-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-item-align: end;
    align-items: center;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-self: flex-end;
    margin-bottom: 20px;
    margin-top: auto;
    width: 100%
}

.card__product-bottom:last-child {
    margin-bottom: 0
}

.card__product-bottom .btn i {
    display: none;
    font-size: 2.2rem
}

.card__product-nobutton {
    background: rgba(67,91,113,.05);
    color: #435b71;
    cursor: auto;
    width: 100%
}

.card__product-price>small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 130%;
    margin-bottom: 7px
}

.card__product-price>small small {
    font-weight: 700;
    text-decoration: line-through
}

.card__product-price>small .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 5px;
    padding: 1px 4px 1px 3px
}

.card__product-price small {
    font-size: 1.1rem
}

.card__product-price span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.card__product-hashtags {
    color: rgba(67,91,113,.8);
    display: block!important;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    margin-left: -10px;
    margin-right: -10px;
    min-width: calc(100% + 20px);
    opacity: .5;
    overflow-x: auto;
    padding: 0 10px 5px;
    position: relative;
    white-space: nowrap;
    width: calc(100% + 20px)
}

.card__product-hashtags>* {
    display: inline-block
}

.card__product-hashtags-wrapper {
    display: none;
    overflow: hidden
}

.card__product-hashtags::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 32px;
    height: 4px;
    width: 2px
}

.card__product-hashtags::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card__product-hashtags::-webkit-scrollbar-track:hover {
    background-color: transparent;
    border-radius: 32px
}

.card__product-hashtags::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 32px;
    cursor: pointer;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 2px
}

.card__product-hashtags::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
    border-radius: 32px
}

.card__product-hashtags::-webkit-scrollbar-button {
    display: none
}

.card__product-hashtags a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    margin-right: 20px
}

.card__product-hashtags a:last-child {
    margin-right: 0
}

.card__product-hashtags a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__product-button {
    background: #0abfb4;
    -webkit-box-shadow: 0 4px 10px rgba(10,191,180,.3);
    box-shadow: 0 4px 10px rgba(10,191,180,.3)
}

.card__product-button:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.card__product-button:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.card__product-more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center
}

.card__product-more i {
    background: #f8f9fb;
    border-radius: 50%;
    height: 80px;
    margin-bottom: 24px;
    position: relative;
    width: 80px
}

.card__product-more i:after,.card__product-more i:before {
    background: #0abfb4;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 20px
}

.card__product-more i:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.card__product-more span {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card__product-more-button:hover i:before {
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.card__product-more-button:hover i:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg) scale(1.1);
    -ms-transform: translate(-50%,-50%) rotate(90deg) scale(1.1);
    transform: translate(-50%,-50%) rotate(90deg) scale(1.1)
}

.card__product-more-button:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__product .card__product-link {
    min-height: 88px
}

.card__product--violet .card__product-rating:hover {
    color: #c76ee7
}

.card__product--violet .card__product-labels a:hover {
    border-color: rgba(199,110,231,.7);
    color: #c76ee7
}

.card__product--violet .card__product-link a:hover {
    border-color: rgba(199,110,231,.7);
    color: #c76ee7
}

.card__product--violet .card__product-button {
    background: #c76ee7;
    -webkit-box-shadow: 0 4px 10px rgba(199,110,231,.3);
    box-shadow: 0 4px 10px rgba(199,110,231,.3)
}

.card__product--violet .card__product-button:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.card__product--violet .card__product-button:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.card__product--violet .card__product-hashtags a:hover {
    border-color: rgba(199,110,231,.7);
    color: #c76ee7
}

.card__product--small {
    padding: 12px 20px 12px 12px
}

.card__product--small .card__product-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 180px;
    margin: 0 34px 0 0;
    min-width: 94px;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 94px
}

.card__product--small .card__product-img>img {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-bottom: auto
}

.card__product--small .card__product-logo {
    margin-bottom: 12px;
    max-width: 60px;
    position: static
}

.card__product--small .card__product-rating {
    position: static
}

.card__product--small .card__product-pin {
    border-radius: 64px;
    font-size: 1.2rem;
    height: auto;
    line-height: 2.4rem;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: auto
}

.card__product--small .card__product-pin:last-child {
    margin-right: 0
}

.card__product--small .card__product-pin-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto;
    left: auto;
    position: relative;
    top: auto
}

.card__product--small .card__product-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.card__product--small .card__product-fav {
    position: static
}

.card__product--small .card__product-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0
}

.card__product--small .card__product-content-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: calc(100% - 128px)
}

.card__product--small .card__product-link {
    margin-bottom: 24px;
    min-height: auto
}

.card__product--small .card__product-link a:before {
    display: none
}

.card__product--small .card__product-bottom {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 22px
}

.card__product--small .card__product-price {
    margin-right: 14px
}

.card__product--small .card__product-button {
    height: 36px;
    padding-left: 28px;
    padding-right: 28px
}

.card__product--small .card__product-button i {
    display: block
}

.card__product--small .card__product-hashtags {
    max-width: 100%
}

.card__product--small .card__product .card__product-link {
    min-height: auto
}

.card__product.hovered .card__product-link a {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__product:hover .card__product-hashtags::-webkit-scrollbar-track {
    background-color: rgba(10,191,180,0);
    border-radius: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card__product:hover .card__product-hashtags::-webkit-scrollbar-track:hover {
    background-color: rgba(10,191,180,.1);
    border-radius: 32px
}

.card__product:hover .card__product-hashtags::-webkit-scrollbar-thumb {
    background-color: #0abfb4;
    border-radius: 32px;
    cursor: pointer;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 2px
}

.card__product:hover .card__product-hashtags::-webkit-scrollbar-thumb:hover {
    background-color: rgba(10,191,180,.2);
    border-radius: 32px
}

.card__useful-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card__useful-img img {
    border-radius: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.card__useful-img:hover img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07)
}

.card__useful-img:hover+.card__useful-content .card__useful-title a {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__useful-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 10px;
    width: 100%
}

.card__useful-date {
    background: #435b71;
    border-radius: 64px;
    bottom: 20px;
    color: #fff;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 700;
    left: 20px;
    line-height: 130%;
    padding: 6px 16px;
    position: absolute
}

.card__useful-title {
    color: #435b71;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px
}

.card__useful-title a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.card__useful-title a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__useful-desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: rgba(67,91,113,.8);
    display: -webkit-box;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.card__useful-hashtags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -10px;
    margin-top: auto;
    opacity: .5;
    position: relative;
    width: 100%
}

.card__useful-hashtags a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 10px;
    margin-right: 20px
}

.card__useful-hashtags a:last-child {
    margin-right: 0
}

.card__useful-hashtags a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__useful--news .card__useful-desc {
    margin-bottom: 0
}

.card__video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%
}

.card__video,.card__video-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.card__video-img {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.card__video-img,.card__video-img img {
    border-radius: 32px;
    width: 100%
}

.card__video-img:hover+.card__video-content .card__video-title a {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__video-img:hover:before {
    background: rgba(20,44,66,.1)
}

.card__video-img:hover:after {
    color: rgba(10,191,180,.6)
}

.card__video-img:before {
    background: rgba(20,44,66,.3);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.card__video-img:after {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: hsla(0,0%,100%,.6);
    content: "\e936";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 56px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card__video-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 10px;
    width: 100%
}

.card__video-title {
    color: #435b71;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px
}

.card__video-title a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.card__video-title a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__offer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 188px;
    padding: 32px
}

.card__offer.hidden {
    display: none!important
}

.card__offer-container .card__offer {
    margin-bottom: 24px
}

.card__offer-container .card__offer:last-child {
    margin-bottom: 0
}

.card__offer .dots {
    margin-left: 24px;
    margin-right: 24px
}

.card__offer-img {
    border-radius: 50%;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px
}

.card__offer-img>img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.card__offer-img.card__offer-img--сases {
    border-radius: 20px;
    height: 140px;
    width: 120px
}

.card__offer-img_logo {
    background: #fff;
    border-radius: 12px;
    bottom: 6px;
    height: 40px;
    left: 6px;
    overflow: hidden;
    position: absolute;
    width: calc(100% - 12px);
    z-index: 5
}

.card__offer-img_logo img {
    height: auto;
    max-height: 40px;
    max-width: 90%;
    width: auto
}

.card__offer-content {
    width: calc(100% - 172px)
}

.card__offer-pin {
    background: #435b71;
    border-radius: 64px;
    color: #fff;
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 6px 11px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.card__offer-pin--green {
    background: #6ddaa6
}

.card__offer-text,.card__offer-title {
    padding-left: 5px;
    padding-right: 5px
}

.card__offer-title {
    color: #435b71;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 8px
}

.card__offer-linktitle {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 10px
}

.card__offer-linktitle a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71
}

.card__offer-linktitle a:hover {
    border-color: #0abfb4;
    color: #0abfb4
}

.card__offer-text {
    color: #262935;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%
}

.card__cart {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px
}

.card__cart-img {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    width: 117px
}

.card__cart-img:hover~.card__cart-inner .card__cart-link {
    color: #0abfb4
}

.card__cart-img:hover~.card__cart-inner .card__cart-link a {
    border-color: rgba(10,191,180,.7)
}

.card__cart .dots {
    margin-left: 16px;
    margin-right: 16px
}

.card__cart .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.card__cart-inner {
    margin-right: 12px;
    width: calc(100% - 487px)
}

.card__cart-tags {
    margin-bottom: 8px
}

.card__cart-tags span {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    opacity: .5
}

.card__cart-pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    display: inline-block;
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    min-height: 19px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle
}

.card__cart-pin.green {
    background: #6ddaa6
}

.card__cart-pin.yellow {
    background: #ffbc57
}

.card__cart-link {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.card__cart-link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.card__cart-link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__cart-price {
    margin-right: 24px
}

.card__cart-price>small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 130%;
    margin-bottom: 7px
}

.card__cart-price>small small {
    font-weight: 700;
    text-decoration: line-through
}

.card__cart-price>small .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 5px;
    padding: 1px 4px 1px 3px
}

.card__cart-price small {
    font-size: 1.1rem
}

.card__cart-price span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.card__cart-delete {
    color: rgba(67,91,113,.2);
    font-size: 2.4rem;
    margin-left: auto
}

.card__cart-delete:hover {
    color: #ff5468
}

.card__cart .counter {
    margin-right: 24px
}

.card__order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px
}

.card__order-img {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    width: 117px
}

.card__order-img:hover~.card__order-inner .card__order-link {
    color: #0abfb4
}

.card__order-img:hover~.card__order-inner .card__order-link a {
    border-color: rgba(10,191,180,.7)
}

.card__order .dots {
    margin-left: 16px;
    margin-right: 16px
}

.card__order .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.card__order-inner {
    margin-right: 12px;
    width: calc(100% - 389px)
}

.card__order-quantity {
    color: rgba(67,91,113,.3);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-left: auto;
    margin-right: 32px
}

.card__order-tags {
    margin-bottom: 8px
}

.card__order-tags span {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    opacity: .5
}

.card__order-pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    display: inline-block;
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    min-height: 19px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle
}

.card__order-pin.green {
    background: #6ddaa6
}

.card__order-pin.yellow {
    background: #ffbc57
}

.card__order-link {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.card__order-link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.card__order-link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__order-price>small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 130%;
    margin-bottom: 7px
}

.card__order-price>small small {
    font-weight: 700;
    text-decoration: line-through
}

.card__order-price>small .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 5px;
    padding: 1px 4px 1px 3px
}

.card__order-price small {
    font-size: 1.1rem
}

.card__order-price span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.card__order .counter {
    margin-right: 24px
}

.card__fav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px
}

.card__fav-wrapper .card__fav {
    margin-bottom: 16px
}

.card__fav-wrapper .card__fav:last-child {
    margin-bottom: 0
}

.card__fav-img {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    width: 117px
}

.card__fav-img:hover~.card__fav-inner .card__fav-link {
    color: #0abfb4
}

.card__fav-img:hover~.card__fav-inner .card__fav-link a {
    border-color: rgba(10,191,180,.7)
}

.card__fav .dots {
    margin-left: 16px;
    margin-right: 16px
}

.card__fav .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.card__fav-inner {
    margin-right: 12px;
    width: calc(100% - 383px)
}

.card__fav-tags {
    margin-bottom: 8px
}

.card__fav-tags span {
    color: rgba(67,91,113,.8);
    font-size: 1.1rem;
    font-weight: 600;
    opacity: .5
}

.card__fav-pin,.card__fav-tags span {
    font-family: Raleway;
    line-height: 130%
}

.card__fav-pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    min-height: 19px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle
}

.card__fav-pin.green {
    background: #6ddaa6
}

.card__fav-pin.yellow {
    background: #ffbc57
}

.card__fav-link {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.card__fav-link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.card__fav-link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__fav-price {
    margin-right: 20px
}

.card__fav-price>small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 130%;
    margin-bottom: 7px
}

.card__fav-price>small small {
    font-weight: 700;
    text-decoration: line-through
}

.card__fav-price>small .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 5px;
    padding: 1px 4px 1px 3px
}

.card__fav-price small {
    font-size: 1.1rem
}

.card__fav-price span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.card__fav-add {
    background: #0abfb4;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 10px rgba(10,191,180,.3);
    box-shadow: 0 4px 10px rgba(10,191,180,.3);
    color: #fff;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.card__fav-add:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.card__fav-delete {
    color: rgba(67,91,113,.2);
    font-size: 2.4rem;
    margin-left: auto
}

.card__fav-delete:hover {
    color: #ff5468
}

.card__reviews {
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 5.80645px #f3f5f9;
    box-shadow: inset 0 0 5.80645px #f3f5f9;
    padding: 12px
}

.card__reviews-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 102px;
    justify-content: center;
    margin-right: 16px;
    overflow: hidden;
    width: 96px
}

.card__reviews-img img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.card__reviews-img:hover img {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.card__reviews-img:hover~.card__reviews-info .card__reviews-link {
    color: #0abfb4
}

.card__reviews-img:hover~.card__reviews-info .card__reviews-link a {
    border-color: rgba(10,191,180,.7)
}

.card__reviews-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 16px
}

.card__reviews-info {
    width: calc(100% - 112px)
}

.card__reviews-link {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 12px
}

.card__reviews-link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.card__reviews-link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card__reviews-rating {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%
}

.card__reviews-rating .icon-star {
    color: #ffbc57;
    font-size: 12px;
    vertical-align: middle
}

.card__reviews-rating span {
    margin-right: 12px
}

.card__reviews-rating span:last-child {
    margin-right: 0
}

.card__reviews-buttons {
    margin-bottom: -10px
}

.card__reviews-buttons .btn {
    font-size: 1.2rem;
    height: 36px;
    line-height: 130%;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 0 20px
}

.card__reviews-buttons .btn:last-child {
    margin-right: 0
}

.card-cart__wrapper .card__cart {
    margin-bottom: 16px
}

.card-cart__wrapper .card__cart:last-child {
    margin-bottom: 0
}

.card-production {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    padding: 18px 18px 48px
}

.card-production__img {
    border-bottom: none;
    margin-bottom: 16px
}

.card-production__img:hover~.card-production__title a {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.card-production__title {
    color: #435b71;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: center
}

.card-production__title a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.card-production__title a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 40
}

.header.header-animated {
    -webkit-transform: translateY(-72px);
    -ms-transform: translateY(-72px);
    transform: translateY(-72px)
}

.header__oldbrowser {
    background: #ff5468;
    font-size: 2rem;
    padding: 24px 0;
    position: relative;
    top: 0
}

.header__cookies,.header__oldbrowser {
    color: #fff;
    display: none;
    font-weight: 600;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 999
}

.header__cookies {
    background: #0abfb4;
    bottom: 0;
    font-size: 14px;
    padding: 12px 0;
    position: fixed
}

.header__cookies>.container {
    padding-right: 42px
}

.header__cookies-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px
}

.header__cookies-close:hover {
    opacity: .56
}

.header__cookies-ok {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    padding: 6px 16px 5px
}

.header__cookies-ok:hover {
    background: #fff;
    color: #0abfb4
}

.header__top {
    background: #fff
}

.header__top .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 72px;
    justify-content: space-between
}

.header__top-call {
    color: #262935;
    font-family: Raleway;
    text-align: right
}

.header__top-call>span {
    color: rgba(38,41,53,.5);
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 2px
}

.header__top-call a {
    border-bottom: 1px dotted rgba(38,41,53,.3);
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem
}

.header__top-call a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header__top-call i {
    display: none
}

.header__main {
    background: #0abfb4
}

.header__main .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 84px;
    justify-content: flex-start
}

.header__main .container>* {
    margin-right: 20px
}

.header__main .container>:last-child {
    margin-right: 0
}

.header__main--mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.header__main--mobile .header__main-cart {
    margin-right: 0
}

.header__main--mobile .mobile-search__result .header-card__price {
    margin-left: 80px;
    margin-top: 12px
}

.header__main--mobile .mobile-search__result .header-card__add {
    margin-left: auto;
    margin-top: 12px
}

.header__main-call {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.2);
    border-radius: 64px 0 0 64px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.2rem;
    height: 40px;
    justify-content: center;
    margin-right: 1px;
    padding-left: 16px;
    padding-right: 14px
}

.header__main-call:hover {
    background: hsla(0,0%,100%,.3)
}

.header__main-cart {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.2);
    border-radius: 0 64px 64px 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.2rem;
    height: 40px;
    justify-content: center;
    margin-right: 20px;
    padding-left: 14px;
    padding-right: 16px
}

.header__main-cart:hover {
    background: hsla(0,0%,100%,.3)
}

.header__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #435b71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.6rem
}

.header__nav-item {
    margin-right: 2px;
    position: relative
}

.header__nav-item:last-child {
    margin-right: 0
}

.header__nav-item>a,.header__nav-item>span {
    border-radius: 12px 12px 0 0;
    display: block;
    padding: 12px 14px 9px;
    position: relative
}

.header__nav-item>a>span,.header__nav-item>span>span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.header__nav-item>a>span.is-dotted,.header__nav-item>span>span.is-dotted {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.header__nav-item>a>i,.header__nav-item>span>i {
    display: inline-block;
    font-size: 1rem;
    margin-left: 8px;
    opacity: .5;
    vertical-align: middle
}

.header__nav-item>a.isCategory,.header__nav-item>span.isCategory {
    cursor: pointer
}

.header__nav-item>a.isCategory span,.header__nav-item>span.isCategory span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.header__nav-item>a.isCategory span.is-dotted,.header__nav-item>span.isCategory span.is-dotted {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.header__nav-item>a.isCategory>i,.header__nav-item>span.isCategory>i {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.header__nav-item>a.is-active,.header__nav-item>span.is-active {
    background: #e7f9f8;
    border-radius: 12px;
    color: #0abfb4
}

.header__nav-item>a.is-active span,.header__nav-item>span.is-active span {
    border-bottom: 1px dotted rgba(10,191,180,.7)
}

.header__nav-item:hover .header__nav-dropdown {
    opacity: 1;
    pointer-events: all
}

.header__nav-item:hover>a>span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header__nav-item:hover>a.isCategory,.header__nav-item:hover>span.isCategory {
    background: #e7f9f8;
    border-radius: 12px 12px 0 0;
    color: #0abfb4
}

.header__nav-item:hover>a.isCategory>span,.header__nav-item:hover>span.isCategory>span {
    border-color: rgba(10,191,180,.7)
}

.header__nav-item:hover>a.isCategory>i,.header__nav-item:hover>span.isCategory>i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__nav-item:hover>a.isCategory.is-active>span,.header__nav-item:hover>span.isCategory.is-active>span {
    border-color: #0abfb4
}

.header__nav-item:hover .header__nav-bigdropdown {
    opacity: 1;
    pointer-events: all
}

.header__nav-dropdown {
    background: #fff;
    border: 1px solid rgba(10,191,180,.1);
    border-radius: 0 12px 12px 12px;
    color: #435b71;
    left: 0;
    opacity: 0;
    padding: 24px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 240px;
    z-index: 20
}

.header__nav-dropdown:before {
    background: rgba(10,191,180,.2);
    border-radius: 0 6px 6px 0;
    content: "";
    height: calc(100% - 48px);
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px
}

.header__nav-dropdown-item {
    margin-bottom: 16px
}

.header__nav-dropdown-item:last-child {
    margin-bottom: 0
}

.header__nav-dropdown-item a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.header__nav-dropdown-item a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header__nav-bigdropdown {
    background: #f8f9fb;
    border-radius: 22px;
    color: #435b71;
    left: -20px;
    opacity: 0;
    padding: 24px 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 268px;
    z-index: 20
}

.header__nav-bigdropdown-li {
    margin-bottom: 14px;
    padding-right: 24px;
    position: static
}

.header__nav-bigdropdown-li:last-child {
    margin-bottom: 0
}

.header__nav-bigdropdown-li>.icon-carret-down {
    display: none
}

.header__nav-bigdropdown-li>a,.header__nav-bigdropdown-li>span {
    border-radius: 0 64px 64px 0;
    display: inline-block;
    padding: 12px 24px;
    position: relative;
    width: 100%;
    z-index: 20
}

.header__nav-bigdropdown-li>a>figure,.header__nav-bigdropdown-li>a>img,.header__nav-bigdropdown-li>span>figure,.header__nav-bigdropdown-li>span>img {
    display: inline-block;
    margin-right: 16px;
    position: relative;
    vertical-align: middle
}

.header__nav-bigdropdown-li>a>figure img,.header__nav-bigdropdown-li>span>figure img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header__nav-bigdropdown-li>a>figure img:nth-child(2),.header__nav-bigdropdown-li>span>figure img:nth-child(2) {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.header__nav-bigdropdown-li>a span,.header__nav-bigdropdown-li>span span {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71
}

.header__nav-bigdropdown-li>a .icon-angle-right,.header__nav-bigdropdown-li>span .icon-angle-right {
    color: rgba(67,91,113,.7);
    font-size: 14px;
    margin-left: 14px
}

.header__nav-bigdropdown-li:hover>a {
    background: #0abfb4;
    -webkit-box-shadow: 0 4px 4px rgba(10,191,180,.3);
    box-shadow: 0 4px 4px rgba(10,191,180,.3)
}

.header__nav-bigdropdown-li:hover>a>figure img:first-child {
    opacity: 0
}

.header__nav-bigdropdown-li:hover>a>figure img:nth-child(2) {
    opacity: 1
}

.header__nav-bigdropdown-li:hover>a .icon-angle-right {
    color: hsla(0,0%,100%,.7)
}

.header__nav-bigdropdown-li:hover>a span {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.header__nav-bigdropdown-li:hover .header__nav-bigdropdown-services_modal {
    opacity: 1;
    pointer-events: all
}

.header__nav-bigdropdown-li>span {
    background: #0abfb4;
    -webkit-box-shadow: 0 4px 4px rgba(10,191,180,.3);
    box-shadow: 0 4px 4px rgba(10,191,180,.3)
}

.header__nav-bigdropdown-li>span>figure img:first-child {
    opacity: 0
}

.header__nav-bigdropdown-li>span>figure img:nth-child(2) {
    opacity: 1
}

.header__nav-bigdropdown-li>span .icon-angle-right {
    color: hsla(0,0%,100%,.7)
}

.header__nav-bigdropdown-li>span span {
    border-color: hsla(0,0%,100%,0);
    color: #fff
}

.header__nav-bigdropdown-services_modal {
    background: #f8f9fb;
    border-radius: 22px;
    height: 460px;
    left: 0;
    opacity: 0;
    padding: 32px 32px 32px 278px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 1040px
}

.header__nav-bigdropdown-services_scroll {
    -ms-grid-columns: (1fr)[2];
    -ms-grid-rows: masonry;
    background: #fff;
    border-radius: 22px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: masonry;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 32px;
    row-gap: 24px;
    width: 100%
}

.header__nav-bigdropdown-services_scroll::-webkit-scrollbar {
    background-color: rgba(67,91,113,.1);
    border-radius: 122px;
    height: 4px;
    width: 4px
}

.header__nav-bigdropdown-services_scroll::-webkit-scrollbar-track {
    background-color: rgba(10,191,180,0);
    border-radius: 122px 0 0 122px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header__nav-bigdropdown-services_scroll::-webkit-scrollbar-thumb {
    background-color: #0abfb4;
    border-radius: 122px;
    cursor: pointer;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 4px
}

.header__nav-bigdropdown-services_scroll::-webkit-scrollbar-button {
    display: none
}

.header__nav-bigdropdown-services_scroll .header__nav-bigdropdown-services_ul {
    max-width: 340px
}

.header__nav-bigdropdown-services_ul .catalog__content-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative
}

.header__nav-bigdropdown-services_ul .catalog__content-title .dots {
    left: 0;
    margin: 0;
    position: absolute;
    top: 6px
}

.header__nav-bigdropdown-services_ul ul {
    padding-left: 20px
}

.header__nav-bigdropdown-services_ul ul li {
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 16px
}

.header__nav-bigdropdown-services_ul ul li a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71
}

.header__nav-bigdropdown-services_ul ul li a:hover {
    border-color: rgba(10,191,180,.3);
    color: #0abfb4
}

.header__nav-bigdropdown-services_ul ul li span {
    border-bottom: 1px solid rgba(67,91,113,0);
    color: rgba(67,91,113,.7)
}

.header__catalog-open {
    background: hsla(0,0%,100%,.2);
    border-radius: 64px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    height: 52px;
    height: 56px;
    line-height: 100%;
    padding: 0 30px
}

.header__catalog-open span {
    border-bottom: 1px dotted hsla(0,0%,100%,.3)
}

.header__catalog-open i {
    font-size: 1rem;
    margin-left: 5px
}

.header__catalog-open:hover {
    background: hsla(0,0%,100%,.3)
}

.header__catalog-open.open {
    background: hsla(0,0%,100%,.3)
}

.header__catalog-open.open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header__search .custom-input .placeholder {
    bottom: 20px;
    font-size: 1.4rem;
    left: 30px;
    line-height: 1.6rem;
    top: auto
}

.header__search .custom-input .input {
    background: hsla(0,0%,100%,.08);
    border: none;
    border-radius: 64px;
    line-height: 2.4rem;
    padding: 16px 54px 16px 30px
}

.header__search-submit {
    color: hsla(0,0%,100%,.5);
    font-size: 2.4rem;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header__search-modal {
    background: #fff;
    border-radius: 26px;
    display: none;
    padding: 20px 30px 0;
    position: absolute;
    right: 0;
    top: 15px;
    width: calc(100% - 154px)
}

.header-search {
    z-index: 100
}

.header-search__field {
    margin-bottom: 20px;
    position: relative
}

.header-search__input {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    min-height: 24px;
    padding-right: 32px
}

.header-search__submit {
    font-size: 24px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-search__categories {
    margin-bottom: 6px
}

.header-search__result {
    background: #f8f9fb;
    border: 1px solid #fff;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: none;
    margin-left: -30px;
    margin-right: -30px;
    padding: 16px
}

.header-search__scrollresult {
    border-radius: 0 0 26px 26px;
    margin: 0 -30px;
    max-height: calc(100vh - 180px);
    overflow: hidden;
    overflow-y: auto;
    padding: 0 30px
}

.header-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 24px;
    padding-bottom: 28px;
    position: relative
}

.header-card:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.header-card:last-child .header-card__divider {
    display: none
}

.header-card__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 78px;
    justify-content: center;
    width: 117px
}

.header-card__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.header-card__img:hover~.header-card__inner .header-card__title a {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header-card__title {
    color: #435b71;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-bottom: 6px
}

.header-card__title a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.header-card__title a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header-card__inner {
    width: calc(100% - 443px)
}

.header-card__bottom {
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    opacity: .5
}

.header-card__hashtags {
    margin-bottom: -20px
}

.header-card__hashtags a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    margin-bottom: 20px;
    margin-right: 20px
}

.header-card__hashtags a:last-child {
    margin-right: 0
}

.header-card__hashtags a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.header-card__price {
    margin-left: auto;
    margin-right: 20px
}

.header-card__price>small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 130%;
    margin-bottom: 7px
}

.header-card__price>small small {
    font-weight: 700;
    text-decoration: line-through
}

.header-card__price>small .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 5px;
    padding: 1px 4px 1px 3px
}

.header-card__price small {
    font-size: 1.1rem
}

.header-card__price span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.header-card__add i {
    display: none;
    font-size: 2.2rem
}

.header-card__divider {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' transform='rotate(90 2 2)' fill='%23435B71' r='2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    bottom: 0;
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 6px;
    left: 0;
    opacity: .1;
    position: absolute;
    width: 100%
}

.header-card .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.header-card .dots {
    margin-left: 16px;
    margin-right: 16px
}

.header__cart {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: hsla(0,0%,100%,.2);
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 56px;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 30px
}

.header__cart:hover {
    background: hsla(0,0%,100%,.3)
}

.header__cart i {
    color: #fff;
    font-size: 3rem;
    margin-right: 12px
}

.header__cart small,.header__cart span {
    display: block
}

.header__cart small {
    color: hsla(0,0%,100%,.5);
    font-size: 1rem;
    line-height: 140%
}

.header__cart span {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal
}

.header__fav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.2);
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.4rem;
    height: 56px;
    justify-content: center;
    width: 56px
}

.header__fav:hover {
    background: hsla(0,0%,100%,.3)
}

.header__fav--mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.4rem;
    justify-content: center
}

.header__fav--mobile,.header__profile {
    border-radius: 50%;
    color: #fff;
    height: 56px;
    width: 56px
}

.header__profile {
    background: hsla(0,0%,100%,.2);
    font-size: 3.5rem
}

.header__profile:hover {
    background: hsla(0,0%,100%,.3)
}

.header__profile--mobile {
    background: hsla(0,0%,100%,.05);
    border-radius: 64px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    height: 56px;
    line-height: 100%;
    padding-left: 12px;
    padding-right: 20px
}

.header__profile--mobile i {
    font-size: 3.2rem;
    margin-right: 10px
}

.header__profile--mobile span {
    border-bottom: 1px dotted hsla(0,0%,100%,.3)
}

.header__profile-wrapper {
    position: relative
}

.header__profile-modal {
    background: #fff;
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 16px 28px 16px 16px;
    display: none;
    padding-bottom: 30px;
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 20
}

.header__profile-modal-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 200%
}

.header__profile-modal-title .dots {
    margin-left: 16px
}

.header__profile-modal-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0abfb4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 3.5rem;
    height: 56px;
    justify-content: center;
    width: 56px
}

.header__profile-link {
    border-bottom: 1px dotted rgba(67,91,113,.7);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 18px
}

.header__profile-link:hover {
    border-color: #0abfb4;
    color: #0abfb4
}

.header__profile-link-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.header__profile-link-wrapper:before {
    background: rgba(10,191,180,.2);
    border-radius: 0 6px 6px 0;
    content: "";
    height: 100%;
    left: -21px;
    position: absolute;
    top: 0;
    width: 6px
}

.header__profile-link:last-child {
    margin-bottom: 0
}

.header__burger {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    margin-left: 14px;
    opacity: 1;
    padding: 5px;
    position: relative;
    width: 28px
}

.header__burger span {
    background: #fff;
    border-radius: 64px;
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 22px
}

.header__burger span:first-child {
    top: 6px
}

.header__burger span:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.header__burger span:nth-child(3) {
    bottom: 6px
}

.header__burger.open span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header__burger.open span:first-child {
    -webkit-transform: translateY(-48%) translateX(-50%) rotate(45deg);
    -ms-transform: translateY(-48%) translateX(-50%) rotate(45deg);
    transform: translateY(-48%) translateX(-50%) rotate(45deg)
}

.header__burger.open span:nth-child(2) {
    left: -50%;
    opacity: 0;
    pointer-events: none
}

.header__burger.open span:nth-child(3) {
    bottom: auto;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    transform: translateY(-50%) translateX(-50%) rotate(-45deg)
}

.header__dropdown {
    background: #142c42;
    -webkit-box-shadow: 0 50px 30px -50px rgba(20,44,66,.3);
    box-shadow: 0 50px 30px -50px rgba(20,44,66,.3);
    display: none;
    height: calc(100vh - 64px);
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 64px;
    width: 100%
}

.header__dropdown-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px
}

.header__dropdown-buttons>* {
    margin-right: 20px
}

.header__dropdown-buttons>:last-child {
    margin-right: 0
}

.header__dropdown-list {
    background: hsla(0,0%,100%,.05);
    border-radius: 16px;
    color: #fff;
    list-style: none;
    margin: 0 0 10px;
    padding: 24px
}

.header__dropdown-list:last-child {
    margin-bottom: 40px
}

.header__dropdown-list li {
    margin-bottom: 20px
}

.header__dropdown-list li:last-child {
    margin-bottom: 0
}

.header__dropdown-list li .title {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.header__dropdown-list li .title a,.header__dropdown-list li .title span {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

.header__dropdown-list a,.header__dropdown-list span {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.header__dropdown-list a {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.header__dropdown-list span {
    opacity: .3
}

.header__dropdown-link {
    margin-bottom: 20px
}

.header__dropdown-link:last-child {
    margin-bottom: 0
}

.header__dropdown-link a,.header__dropdown-link span {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

.header__dropdown-link a {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.header__dropdown .container {
    padding-bottom: 40px;
    padding-top: 24px
}

.header__dropdown .catalog {
    background: #fff;
    border-radius: 22px;
    display: block;
    left: auto;
    margin-bottom: 30px;
    position: relative;
    top: auto
}

.header__dropdown .catalog__top {
    margin-bottom: 0;
    padding: 16px 16px 0
}

.header__dropdown .catalog__title {
    display: none
}

.header__dropdown .catalog__content {
    height: auto;
    padding: 0
}

.header__dropdown .catalog__link,.header__dropdown .catalog__spoiler-item {
    margin-bottom: 18px
}

.header__dropdown .catalog__link>a,.header__dropdown .catalog__link>span,.header__dropdown .catalog__spoiler-item>a,.header__dropdown .catalog__spoiler-item>span {
    font-size: 1.6rem;
    line-height: 140%
}

.header__dropdown .catalog__link>.quantity,.header__dropdown .catalog__spoiler-item>.quantity {
    font-size: 1.4rem;
    line-height: 100%
}

.header__dropdown .catalog__link.title,.header__dropdown .catalog__link.title a,.header__dropdown .catalog__link.title span,.header__dropdown .catalog__spoiler-item.title,.header__dropdown .catalog__spoiler-item.title a,.header__dropdown .catalog__spoiler-item.title span {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.4rem
}

body {
    padding-top: 156px
}

.intro .container {
    padding-bottom: 60px;
    padding-top: 20px
}

.intro__swiper {
    height: 100%;
    position: relative
}

.intro__swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #f2fcfb;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 32px 54px 60px
}

.intro__swiper-slide-wrapper {
    max-width: 570px;
    width: calc(100% - 300px)
}

.intro__swiper-slide small,.intro__swiper-slide span {
    display: block
}

.intro__swiper-slide h1,.intro__swiper-slide span {
    color: #435b71;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px
}

.intro__swiper-slide small {
    color: rgba(67,91,113,.7);
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%
}

.intro__swiper-slide img {
    max-height: 345px;
    max-width: 300px
}

.intro__swiper-pagination {
    max-width: calc(100vw - 152px)
}

.intro__swiper-pagination.swiper-pagination-bullets {
    bottom: 40px;
    left: 60px;
    margin-bottom: -5px;
    position: absolute;
    z-index: 10
}

.intro__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-bottom: 5px!important;
    margin-left: 0!important;
    margin-right: 5px!important
}

.mps {
    border-top: 6px solid #f8f9fb
}

.mps.mps-hidden {
    overflow: hidden
}

.mps--about,.mps--error,.mps.product,.mps.together {
    overflow-x: initial
}

.mps .container {
    padding-bottom: 60px;
    padding-top: 60px
}

.mps .container .row.column20 {
    margin-bottom: -20px
}

.mps .container .row.column40 {
    margin-bottom: -40px
}

.mps .container .row.column40 [class*=col-] {
    margin-bottom: 40px
}

.mps .container.pb40 {
    padding-bottom: 40px
}

.mps__link {
    border: 2px solid rgba(67,91,113,.1);
    border-radius: 64px;
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%;
    padding: 9px 16px
}

.mps__link span {
    border-bottom: 1px solid rgba(67,91,113,.3);
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.mps__link span.dotted {
    border-bottom: 1px dotted rgba(67,91,113,.7)
}

.mps__link:hover {
    background: #fff;
    border: 2px solid #435b71;
    color: #435b71
}

.mps__link:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.mps__link:hover span.dotted {
    border-color: #fff
}

.mps__link.is-active {
    background: #435b71;
    border: 2px solid #435b71;
    color: #fff
}

.mps__link.is-active span {
    border-color: transparent;
    color: #fff
}

.mps__link.orange {
    background: #ff993b;
    color: #fff
}

.mps__link.orange span {
    border-color: hsla(0,0%,100%,.3)
}

.mps__link.orange:hover {
    border-color: transparent;
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.mps__link-wrappersticky {
    background: #fff;
    border-bottom: 6px solid #f8f9fb;
    padding: 12px 0 14px;
    position: relative;
    z-index: 5
}

.mps__link-wrappersticky.sticky {
    position: -webkit-sticky;
    position: sticky
}

.mps__link-wrappersticky+.mps {
    border-top: 0
}

.mps__link-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px -10px 12px
}

.mps__link-wrapper.scroll-horizontal {
    cursor: w-resize;
    display: block!important;
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;
    position: relative;
    white-space: nowrap
}

.mps__link-wrapper.scroll-horizontal::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 32px;
    height: 8px;
    width: 8px
}

.mps__link-wrapper.scroll-horizontal::-webkit-scrollbar-track {
    background-color: rgba(67,91,113,.2);
    border-radius: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mps__link-wrapper.scroll-horizontal::-webkit-scrollbar-thumb {
    background-color: #0abfb4;
    border-radius: 32px;
    cursor: pointer;
    height: 8px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 8px
}

.mps__link-wrapper.scroll-horizontal::-webkit-scrollbar-button {
    display: none
}

.mps__link-wrapper.scroll-horizontal>* {
    display: inline-block;
    margin: 0 4px
}

.mps__link-wrapper.mb0 {
    margin-bottom: 0
}

.mps__link-wrapper.mb-m10 {
    margin-bottom: -10px
}

.mps__link-wrapper.mb-m20 {
    margin-bottom: -20px
}

.mps__link-wrapper--jcfs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mps__link-wrapper>* {
    margin: 0 6px 10px
}

.mps__link-wrapper+.mps__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    text-align: center
}

.mps__link-wrapper.green .mps__link:hover {
    background: #fff;
    border: 2px solid #435b71;
    color: #435b71
}

.mps__link-wrapper.green .mps__link:hover span {
    border-color: rgba(67,91,113,.7)
}

.mps__link-wrapper.green .mps__link.colored {
    background: #0abfb4;
    color: #fff
}

.mps__link-wrapper.green .mps__link.colored span {
    border-color: hsla(0,0%,100%,.3)
}

.mps__link-wrapper.green .mps__link.colored:hover {
    border-color: transparent;
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.mps__link-wrapper.green .mps__link.colored:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.mps__link-wrapper.violet .mps__link:hover {
    background: #fff;
    border: 2px solid #435b71;
    color: #435b71
}

.mps__link-wrapper.violet .mps__link:hover span {
    border-color: rgba(67,91,113,.7)
}

.mps__link-wrapper.violet .mps__link.colored {
    background: #c76ee7;
    color: #fff
}

.mps__link-wrapper.violet .mps__link.colored span {
    border-color: hsla(0,0%,100%,.3)
}

.mps__link-wrapper.violet .mps__link.colored:hover {
    border-color: transparent;
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.mps__text {
    color: rgba(67,91,113,.5);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%
}

.mps__infotext {
    padding-left: 34px;
    position: relative
}

.mps__infotext .dots.pos-centerleft {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mps__infotext .dots.pos-topleft {
    left: 0;
    position: absolute;
    top: 3px
}

.mps__title {
    color: #435b71;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 100%
}

.mps__title.fz36 {
    font-size: 3.6rem
}

.mps__title.flex-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.mps__title.flex-title .mps__title-info {
    width: calc(100% - 30px)
}

.mps__title h1 {
    font-size: 3.6rem
}

.mps__title>:not(a) {
    display: inline-block;
    vertical-align: middle
}

.mps__title .dots {
    margin-right: 22px
}

.mps__title-wrapper {
    width: calc(100% - 30px)
}

.mps__title a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.mps__title a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.mps__title .infconter {
    opacity: .5
}

.mps__title+.mps__subtitle {
    margin-top: 15px
}

.mps__title--subtitle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.mps__title--subtitle .dots {
    margin-right: 16px
}

.mps__title--subtitle .mps__title-wrapper small,.mps__title--subtitle .mps__title-wrapper span {
    display: block
}

.mps__title--subtitle .mps__title-wrapper span {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 2px
}

.mps__title--subtitle .mps__title-wrapper small {
    color: rgba(67,91,113,.4);
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 130%
}

.mps__title--h2 {
    color: #435b71;
    font-size: 2rem;
    line-height: 3.2rem
}

.mps__title--h2.bold {
    font-weight: 700
}

.mps__title--h2 .dots {
    margin-right: 16px
}

.mps__title--h2.fz24 {
    font-size: 2.4rem;
    line-height: 3.4rem
}

.mps__title--h2.fz28 {
    font-size: 2.8rem;
    line-height: 3.4rem
}

.mps__title--c_gray {
    color: rgba(67,91,113,.3)
}

.mps__subtitle {
    color: rgba(67,91,113,.5);
    font-family: Raleway;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    padding-left: 32px
}

.mps__swiper {
    position: relative
}

.mps__swiper .swiper-slide {
    height: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.mps__swiper .swiper-slide.swiper-slide-visible {
    opacity: 1;
    pointer-events: all
}

.mps__swiper .nav-next,.mps__swiper .nav-prev {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f9fb;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 4.61538px #f3f5f9;
    box-shadow: inset 0 0 4.61538px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.8rem;
    height: 72px;
    justify-content: center;
    position: absolute;
    top: 80px;
    width: 72px;
    z-index: 5
}

.mps__swiper .nav-prev {
    left: -100px
}

.mps__swiper .nav-next {
    right: -100px
}

.mps__intro {
    background: #f8f9fb;
    border-radius: 36px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    margin-bottom: 60px;
    padding: 40px
}

.mps__intro+.mps__link-wrapper {
    margin-top: -30px
}

.mps__intro-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #435b71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 3.6rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 3.6rem;
    margin-bottom: 24px
}

.mps__intro-title .logo {
    max-width: 100px
}

.mps__intro-title .dots {
    margin: 0 24px
}

.mps__intro-title .title {
    width: calc(100% - 156px)
}

.mps__intro-title .icon svg {
    fill: #435b71;
    height: 52px;
    width: 52px
}

.mps__intro-title .icon img {
    height: 52px;
    width: 52px
}

.mps__intro-title .icon~.title {
    width: calc(100% - 108px)
}

.mps__intro-title--noicon .dots {
    margin-left: 0
}

.mps__intro-title--noicon .title {
    width: calc(100% - 30px)
}

.mps__intro .content {
    font-size: 1.2rem
}

.mps__intro-img {
    border-radius: 24px;
    overflow: hidden;
    width: 100%
}

.mps__intro-img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mps__show-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid rgba(20,44,66,.1);
    border-radius: 64px;
    color: #435b71;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    line-height: 100%;
    padding: 0 20px
}

.mps__show-more .icon-plus {
    height: 10px;
    margin-left: 10px;
    position: relative;
    width: 10px
}

.mps__show-more .icon-plus:after,.mps__show-more .icon-plus:before {
    background: rgba(67,91,113,.2);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 10px
}

.mps__show-more .icon-plus:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.mps__show-more:hover {
    border-color: rgba(10,191,180,.3);
    color: #0abfb4
}

.mps__show-more:hover .icon-plus:after,.mps__show-more:hover .icon-plus:before {
    background: rgba(10,191,180,.2)
}

.mps__date {
    background: #142c42;
    border-radius: 64px;
    color: #fff;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 130%;
    max-width: 100%;
    padding: 8px 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mps__img {
    border-radius: 32px;
    overflow: hidden;
    width: 100%
}

.mps__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mps__video {
    border-radius: 32px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.mps__video:before {
    background: rgba(20,44,66,.3);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.mps__video:after {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: hsla(0,0%,100%,.6);
    content: "\e936";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 56px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mps__video:hover:before {
    background: rgba(20,44,66,.1)
}

.mps__video:hover:after {
    color: rgba(10,191,180,.6)
}

.mps__video img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mps__scroll-up {
    background: #f8f9fb;
    border-radius: 50%;
    color: #142c42;
    font-size: 1.6rem;
    height: 48px;
    width: 48px
}

.mps__scroll-up:hover {
    color: #0abfb4
}

.mps__scrollto-hashtags {
    border-radius: 64px;
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    height: 32px;
    line-height: 100%;
    padding: 8px 16px
}

.mps__scrollto-hashtags span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.mps__scrollto-hashtags:hover {
    color: #0abfb4
}

.mps__scrollto-hashtags:hover span {
    border-color: rgba(10,191,180,.7)
}

.mps__sitemap .mps__link-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px 0;
    min-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

.mps__sitemap .mps__link-wrapper .mps__link {
    border: 2px solid rgba(67,91,113,.1);
    margin: 0 10px 10px 0
}

.mps__sitemap .mps__link-wrapper .mps__link span {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: rgba(67,91,113,.8)
}

.mps__sitemap ol li .mps__link-wrapper,.mps__sitemap ul li .mps__link-wrapper {
    padding-left: 18px
}

.mps__sitemap .mps__intro {
    margin-bottom: 32px;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative
}

.mps__sitemap .mps__intro>:last-child {
    margin-bottom: 0
}

.mps__hr {
    border-top: 6px solid #f8f9fb
}

.mps__hr.h3px {
    border-top: 3px solid #f8f9fb
}

.mps__mhrdashed {
    border: 0;
    border-top: 1px dashed rgba(0,0,0,.2)
}

.section__series {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
    padding: 32px 40px 24px
}

.section__series>a:first-child:hover+.dots.w6+.section__series-title a {
    border-color: hsla(0,0%,100%,.7)
}

.section__series img {
    margin-right: 40px;
    max-width: 180px
}

.section__series .dots {
    margin-right: 32px
}

.section__series-title {
    width: calc(100% - 510px)
}

.section__series-title a {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    color: #fff;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 100%
}

.section__series-title a:hover {
    border-color: hsla(0,0%,100%,.7)
}

.section__series-title span {
    color: hsla(0,0%,100%,.8);
    display: block;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 130%;
    margin-top: 14px
}

.section__series-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.2);
    border-radius: 64px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 100%;
    margin-left: auto;
    padding: 0 42px
}

.section__series-button span {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section__series-button:hover {
    background: hsla(0,0%,100%,.3)
}

.section__series-button:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.section__series.green {
    background: #0abfb4
}

.section__series.green .dots span {
    background: #06b4a9
}

.section__series.violet {
    background: #c76ee7
}

.section__series.violet .dots span {
    background: #ba61da
}

.section__banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    border-radius: 32px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    padding: 50px 32px;
    position: relative
}

.section__banner .dots {
    margin-right: 32px
}

.section__banner-content {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 100%;
    width: calc(100% - 300px)
}

.section__banner-content.hover a:not(.section__banner-content-image) {
    border-color: hsla(0,0%,100%,.7)
}

.section__banner-content a:not(.section__banner-content-image) {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.section__banner-content a:not(.section__banner-content-image):hover {
    border-color: hsla(0,0%,100%,.7)
}

.section__banner-content a:not(.section__banner-content-image):hover~.section__banner-content-image {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.section__banner-content span {
    color: hsla(0,0%,100%,.8);
    display: block;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    margin-top: 20px
}

.section__banner-content-image {
    bottom: 10px;
    position: absolute;
    right: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section__banner-content-image:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.section__banner.cyan {
    background: #0abfb4;
    -webkit-box-shadow: 0 15px 20px -25px rgba(10,191,180,.2);
    box-shadow: 0 15px 20px -25px rgba(10,191,180,.2)
}

.section__banner.cyan .dots span {
    background: #00ada2
}

.section__banner.violet {
    background: #c76ee7;
    -webkit-box-shadow: 0 16.4062px 9.375px -9.375px rgba(199,110,231,.3);
    box-shadow: 0 16.4062px 9.375px -9.375px rgba(199,110,231,.3)
}

.section__banner.violet .dots span {
    background: #ab52cb
}

.section__banner.dark {
    background: rgba(20,44,66,.95);
    -webkit-box-shadow: 0 15px 20px -25px rgba(20,44,66,.2);
    box-shadow: 0 15px 20px -25px rgba(20,44,66,.2)
}

.section__banner.dark .dots span {
    background: #0b1e39
}

.section__banner.irecommend .section__banner-content a {
    font-size: 2.8rem;
    line-height: 3.2rem
}

.section__banner.irecommend .section__banner-content img {
    right: 80px;
    top: -16px
}

.section__hashtags {
    background: #f8f9fb;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9
}

.section__hashtags .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding-bottom: 40px;
    padding-top: 40px
}

.section__hashtags a {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.section__hashtags a:first-child {
    margin-left: 0
}

.section__hashtags a:last-child {
    margin-right: 0
}

.section__hashtags a span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.section__hashtags a:hover {
    color: #0abfb4
}

.section__hashtags a:hover span {
    border-color: rgba(10,191,180,.7)
}

a.section__dark-item span {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a.section__dark-item:hover {
    background: #fff;
    border-color: transparent
}

a.section__dark-item:hover img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

a.section__dark-item:hover span {
    border-color: rgba(67,91,113,.7);
    color: #435b71
}

span.section__dark-item {
    background: rgba(10,191,180,.1);
    border-color: #0abfb4
}

span.section__dark-item span {
    border-color: transparent
}

.partners__swiper {
    background: #f8f9fb;
    overflow: hidden;
    padding: 40px 70px
}

.partners__swiper .swiper-slide {
    width: auto
}

.partners__swiper-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 120px;
    justify-content: center;
    padding: 16px;
    width: 160px
}

.partners__swiper-item.brd--grey {
    border: 1px solid rgba(67,91,113,.1)
}

.partners__swiper-item.w100 {
    width: 100%
}

.partners__swiper-item img {
    max-height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.partners__swiper-item_link {
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
    text-align: center
}

.partners__swiper-item_link a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71;
    display: inline
}

.partners__swiper-item_link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.partners__swiper-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.partners__swiper-item:hover+.partners__swiper-item_link a {
    border-color: rgba(10,191,180,.3);
    color: #0abfb4
}

.series__list {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 40px
}

.series__list .swiper-slide {
    width: auto
}

.series__list .swiper-wrapper {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.series__list-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f9fb;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 58px;
    justify-content: center;
    padding: 10px;
    width: 150px
}

.series__list-item.item--solo {
    width: 100%
}

.series__list-item span {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 130%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.series__list-item img {
    max-height: calc(100% - 5px);
    max-width: calc(100% - 5px)
}

.series__list-item:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.series__list-item.lgrey {
    background: #f8f9fb
}

.series__list-item.cyan {
    background: #0abfb4
}

.series__list-item.yellow {
    background: #ffbc57
}

.series__list-item.violet {
    background: #c76ee7
}

.series__list-item.green {
    background: #3c5d4a
}

.series__list-item.black {
    background: #444
}

.series__intro {
    background: #f8f9fb;
    border-radius: 36px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    margin-bottom: 40px;
    padding: 20px 20px 0
}

.series__intro-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    border-radius: 24px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
    padding: 16px 32px
}

.series__intro-title .dots {
    margin-left: 40px;
    margin-right: 32px
}

.series__intro-title .title {
    color: #fff;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.8rem;
    margin-bottom: 16px
}

.series__intro-title .title-wrapper {
    margin-right: 10px;
    width: calc(100% - 660px)
}

.series__intro-title .title-wrapper .mps__text {
    line-height: 160%;
    margin-top: 8px
}

.series__intro-title-images {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #fff;
    border: 4px solid hsla(0,0%,100%,.3);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    padding: 3px 8px
}

.series__intro-title-images img {
    height: 80px;
    width: 120px
}

.series__intro-title .subtitle {
    color: hsla(0,0%,100%,.8);
    display: inline-block;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 130%;
    max-width: 200px
}

.series__intro-title .series__intro-title-images {
    margin-left: auto
}

.series__intro-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%
}

.series__intro-content>.dots {
    margin-bottom: 12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.series__intro-button {
    background: #3bccc3;
    border-radius: 64px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    height: 56px;
    line-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 45px;
    padding-right: 45px
}

.series__intro-button span {
    border-bottom: 1px dotted hsla(0,0%,100%,.3);
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.series__intro-button i {
    margin-left: 8px;
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.series__intro-button:hover {
    background: #0abfb4
}

.series__intro-button.open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.series__intro-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    max-width: 100%;
    position: relative;
    width: calc(33.3333% - 10px)
}

.series__intro-image,.series__intro-image-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.series__intro-image-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    align-items: flex-start;
    justify-content: flex-start;
    justify-content: space-evenly;
    width: 100%
}

.series__intro-image img {
    border-radius: 24px;
    margin-bottom: 20px
}

.series__intro-image span {
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 160%;
    text-align: center
}

.series__intro-spoiler {
    display: none;
    padding-bottom: 60px
}

.series__intro-medium {
    color: #435b71;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 16px;
    text-align: center
}

.series__intro-small {
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%;
    text-align: center
}

.series__intro.green .series__intro-title {
    background: #0abfb4
}

.series__intro.green .series__intro-title .dots span {
    background: #06b4a9
}

.series__intro.wt .series__intro {
    color: #435b71
}

.series__intro.wt .series__intro-title {
    background: #fff;
    color: #435b71
}

.series__intro.wt .series__intro-title .dots span {
    background: rgba(67,91,113,.3)
}

.series__intro.wt .series__intro-title .title {
    color: #435b71
}

.series__intro.wt .series__intro-title .subtitle {
    color: rgba(67,91,113,.8)
}

.series__intro-logo img {
    max-width: 180px;
    min-width: 156px
}

.social__row {
    border: 1px solid #f1f2f4;
    border-radius: 36px;
    max-width: 100%;
    padding: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.social__row--margin_auto {
    margin-left: auto;
    margin-right: auto
}

.social__row--border_n {
    border: none;
    padding: 0
}

.social__row a {
    border-radius: 50%;
    display: inline-block;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-right: 16px;
    text-align: center;
    width: 40px
}

.social__row a:last-child {
    margin-right: 0
}

.social__row a.icon-vk {
    background: rgba(89,146,255,.15);
    color: #5992ff
}

.social__row a.icon-vk:hover {
    background: rgba(89,146,255,.3)
}

.social__row a.icon-instagram {
    background: rgba(204,118,234,.15);
    color: #cc76ea
}

.social__row a.icon-instagram:hover {
    background: rgba(204,118,234,.3)
}

.social__row a.icon-twitter {
    background: rgba(27,214,255,.15);
    color: #1bd6ff
}

.social__row a.icon-twitter:hover {
    background: rgba(27,214,255,.3)
}

.social__row a.icon-fb-1 {
    background: rgba(99,133,255,.15);
    color: #6385ff
}

.social__row a.icon-fb-1:hover {
    background: rgba(99,133,255,.3)
}

.social__row a.icon-odnoklassniki-2 {
    background: rgba(255,153,60,.15);
    color: #ff993c
}

.social__row a.icon-odnoklassniki-2:hover {
    background: rgba(255,153,60,.3)
}

.social__row a.icon-whatsapp {
    background: rgba(71,192,97,.15);
    color: #47c061
}

.social__row a.icon-whatsapp:hover {
    background: rgba(71,192,97,.3)
}

.social__row a.icon-telegram {
    background: rgba(27,200,255,.15);
    color: #1bc8ff
}

.social__row a.icon-telegram:hover {
    background: rgba(27,200,255,.3)
}

.social__row a.icon-viber {
    background: rgba(196,101,255,.15);
    color: #c465ff
}

.social__row a.icon-viber:hover {
    background: rgba(196,101,255,.3)
}

.social-share {
    color: rgba(67,91,113,.5);
    display: inline-block;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%
}

.contacts__content {
    padding-left: 20px
}

.contacts__content .contacts__item {
    margin-bottom: 12px
}

.contacts__content .contacts__item:last-child {
    margin-bottom: 0
}

.contacts__item {
    font-family: Raleway
}

.contacts__item-title {
    color: rgba(67,91,113,.5);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%
}

.contacts__item-title--mb_10 {
    margin-bottom: 10px
}

.contacts__item span {
    color: #4a6278;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.4rem
}

.contacts__item a {
    border-bottom: 1px dotted rgba(10,191,180,.7);
    color: #0abfb4;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.contacts__item small {
    color: rgba(67,91,113,.5);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 200%;
    margin-left: .5rem
}

.contacts__item-banners {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -20px;
    margin-top: 10px
}

.contacts__item-banners .contacts-banner {
    border: 1px solid #ebf1f4;
    margin-bottom: 20px;
    margin-right: 30px
}

.contacts__item-banners .contacts-banner:last-child {
    margin-right: 0
}

.contacts__item-banners .contacts-banner--yandex {
    border: none
}

.contacts__map {
    border-radius: 32px;
    height: 100%;
    max-height: 575px;
    min-height: 320px;
    overflow: hidden;
    width: 100%
}

.contacts-banner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebf1f4;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 63px;
    justify-content: center;
    min-width: 90px
}

.contacts-banner--yandex {
    border: none
}

.contacts__greenblock {
    background: #0abfb4;
    border-radius: 20px;
    -webkit-box-shadow: 0 40px 20px -25px rgba(10,191,180,.2);
    box-shadow: 0 40px 20px -25px rgba(10,191,180,.2);
    padding: 24px
}

.contacts__greenblock-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 24px;
    position: relative
}

.contacts__greenblock-item:first-child {
    padding-bottom: 24px
}

.contacts__greenblock-item:first-child:before {
    background: rgba(0,173,162,.5);
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 48px)
}

.contacts__greenblock-item:last-child {
    margin-bottom: 0
}

.contacts__greenblock-item .dots {
    margin-right: 24px
}

.contacts__greenblock-item .dots span {
    background: #00ada2
}

.contacts__greenblock-item .desc {
    color: hsla(0,0%,100%,.5);
    display: block;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 6px
}

.contacts__greenblock-item a {
    border-bottom: 1px dotted hsla(0,0%,100%,.3);
    color: #fff;
    font-family: Raleway;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 3.2rem
}

.contacts__greenblock-item a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.contacts__greenblock-item a[href^="mailto:"] {
    font-size: 1.7rem;
    line-height: 2rem
}

.contacts__greenblock-item a .contacts__greenblock-item-inner a:hover {
    border-color: hsla(0,0%,100%,.7);
    color: #fff
}

.contacts__greenblock-item-inner {
    width: calc(100% - 30px)
}

.contacts__greenblock-item-inner a:hover {
    border-color: hsla(0,0%,100%,.7);
    color: #fff
}

.producing {
    overflow: initial
}

.producing.pt0.brd-top-0 {
    border-top: 0
}

.producing.pt0.brd-top-0 .container {
    padding-top: 0
}

.producing__spoiler {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.producing__spoiler.open {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.producing__spoiler.open .producing__spoiler-button {
    border-color: #0abfb4;
    color: #0abfb4;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.producing__spoiler.open .producing__spoiler-button:hover {
    color: #435b71
}

.producing__spoiler-wrapper .producing__spoiler {
    margin-bottom: 20px
}

.producing__spoiler-wrapper .producing__spoiler:last-child {
    margin-bottom: 0
}

.producing__spoiler-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 24px
}

.producing__spoiler-title .dots {
    margin: 0 24px
}

.producing__spoiler-title-inner {
    width: calc(100% - 150px)
}

.producing__spoiler-title.is-link,.producing__spoiler-title.no-linkcard {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    padding: 20px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.producing__spoiler-title.is-link .producing__spoiler-title-inner,.producing__spoiler-title.no-linkcard .producing__spoiler-title-inner {
    padding-left: 18px;
    width: calc(100% - 48px)
}

.producing__spoiler-title.is-link .producing__spoiler-heading,.producing__spoiler-title.no-linkcard .producing__spoiler-heading {
    border-bottom-style: solid;
    font-size: 1.6rem
}

.producing__spoiler-title.no-linkcard .producing__spoiler-heading {
    border-color: transparent;
    color: #262935;
    cursor: auto
}

.producing__spoiler-title.no-linkcard:hover .producing__spoiler-heading {
    border-color: transparent;
    color: #262935
}

.producing__spoiler-title.is-link:hover {
    border-color: rgba(10,191,180,.3)
}

.producing__spoiler-title.is-link:hover .producing__spoiler-heading {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.producing__spoiler-title .producing__spoiler-heading.no-link,.producing__spoiler-title span.producing__spoiler-heading {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    color: #262935;
    cursor: pointer
}

.producing__spoiler-title .producing__spoiler-heading.no-link:hover,.producing__spoiler-title span.producing__spoiler-heading:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.producing__spoiler-content {
    display: none;
    padding: 0 24px 24px
}

.producing__spoiler-button {
    border: 1px solid rgba(20,44,66,.1);
    border-radius: 50%;
    color: #142c42;
    cursor: pointer;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin-left: 12px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 48px
}

.producing__spoiler-button:hover {
    color: #0abfb4
}

.producing__spoiler-heading {
    border-bottom: 1px solid rgba(67,91,113,.3);
    cursor: pointer;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    -webkit-transition: color .3s ease,border-color .3s ease;
    transition: color .3s ease,border-color .3s ease
}

.producing__spoiler-heading:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.producing__spoiler-subtitle {
    color: rgba(38,41,53,.5);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%
}

.producing__spoiler-subtitle b {
    color: #262935
}

.producing__spoiler-subtitle-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px
}

.producing__spoiler-subtitle-wrapper .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 12px;
    margin-right: 12px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.producing__spoiler-icon {
    height: 36px;
    width: 36px
}

.producing__spoiler-icon--circle {
    border-radius: 50%;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px
}

.producing__spoiler-icon--circle~.producing__spoiler-title-inner {
    width: calc(100% - 160px)
}

.producing__spoiler-categories {
    list-style-type: none;
    margin-left: 100px;
    margin-right: 60px;
    padding: 0
}

.producing__spoiler-categories li {
    margin-bottom: 24px
}

.producing__spoiler-categories li:last-child {
    margin-bottom: 0
}

.producing__spoiler-categories-item {
    border-bottom: 1px solid rgba(67,91,113,.3);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%
}

.producing__spoiler-categories-item:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.producing__spoiler--faq .producing__spoiler-title .dots {
    margin-left: 0
}

.producing__spoiler--faq .producing__spoiler-title-inner {
    width: calc(100% - 88px)
}

.producing__spoiler--faq .producing__spoiler-content .content {
    font-size: 1.2rem;
    margin-left: 28px;
    margin-right: 60px
}

.producing__spoiler2-title {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.producing__spoiler2-title .dots.w4:first-child {
    margin-left: 0
}

.producing__spoiler2-title.open {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.producing__spoiler2-title.open .producing__spoiler-button {
    border-color: #0abfb4;
    color: #0abfb4;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.producing__aftercontent-imgcircle {
    border-radius: 50%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 220px
}

.producing__aftercontent-imgcircle img {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.producing__aftercontent-imgcircle.decore-n1:before {
    background: #0abfb4;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 64px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    width: 64px
}

.producing__aftercontent-info {
    width: calc(100% - 248px)
}

.producing__highlight {
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    overflow: hidden;
    padding: 60px 50px
}

.producing__highlight.pd32 {
    padding: 32px
}

.producing__highlight-title {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 16px
}

.producing__highlight-title:last-child {
    margin-bottom: 0
}

.producing__highlight-title.mb5 {
    margin-bottom: 5px
}

.producing__highlight-title.mb10 {
    margin-bottom: 10px
}

.producing__highlight-title.mb15 {
    margin-bottom: 15px
}

.producing__highlight-title.mb20 {
    margin-bottom: 20px
}

.producing__highlight-title a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71;
    display: inline
}

.producing__highlight-title a:hover {
    border-color: #0abfb4;
    color: #0abfb4
}

.producing__highlight-subtitle {
    color: #435b71;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

.producing__highlight-par {
    color: #262935;
    display: inline-block;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%;
    margin-bottom: 16px
}

.producing__highlight-par:last-child {
    margin-bottom: 0
}

.producing__highlight-par a {
    border-bottom: 1px solid rgba(10,191,180,.7);
    color: #0abfb4;
    font-weight: 700
}

.producing__highlight-par a:hover {
    border-color: transparent
}

.producing__highlight-img {
    border: 15px solid rgba(67,91,113,.1);
    border-radius: 640px 0 0 640px;
    max-width: 100%;
    position: absolute;
    right: -65px;
    top: 0;
    width: 306px
}

.producing__highlight-inner {
    position: relative
}

.producing__highlight-inner .producing__highlight-par {
    width: calc(100% - 250px)
}

.producing__highlight .custom-input .input,.producing__highlight .custom-select__input {
    background: #fff
}

.producing__workers {
    -ms-grid-columns: (1fr)[2];
    display: -ms-grid;
    display: grid;
    gap: 30px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2,1fr)
}

.producing__workers-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 36px 20px
}

.producing__workers-item .dots {
    margin-left: 20px;
    margin-right: 20px
}

.producing__workers-item-inner {
    width: calc(100% - 124px)
}

.producing__workers-img {
    border-radius: 50%;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 80px
}

.producing__workers-title {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 4px
}

.producing__workers-subtitle {
    color: rgba(67,91,113,.3);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem
}

.producing__advantages {
    -ms-grid-columns: (1fr)[2];
    display: -ms-grid;
    display: grid;
    gap: 30px;
    grid-auto-rows: auto;
    grid-template-columns: repeat(2,1fr)
}

.producing__advantages--gray .producing__advantages-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 36px 32px
}

.producing__advantages--gray .producing__advantages-item:nth-child(2),.producing__advantages--gray .producing__advantages-item:nth-child(4) {
    -ms-grid-row-span: initial;
    grid-row-end: auto
}

.producing__advantages--gray .producing__advantages-item:nth-child(6),.producing__advantages--gray .producing__advantages-item:nth-child(7) {
    -ms-grid-row-span: 2 span;
    grid-row-end: span 2
}

.producing__advantages--gray .producing__advantages-icon {
    height: auto;
    margin-bottom: 0;
    margin-right: 32px;
    width: auto
}

.producing__advantages--gray .producing__advantages-text {
    width: calc(100% - 82px)
}

.producing__advantages-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px
}

.producing__advantages-item:nth-child(2),.producing__advantages-item:nth-child(4) {
    -ms-grid-row-span: 2 span;
    grid-row-end: span 2
}

.producing__advantages-item--transparent {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 12px
}

.producing__advantages-item--transparent .producing__advantages-text {
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2.4rem;
    opacity: .5
}

.producing__advantages-icon {
    height: 36px;
    margin-bottom: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 36px
}

.producing__advantages-number {
    border: 1px solid rgba(67,91,113,.3);
    border-radius: 50%;
    color: rgba(67,91,113,.3);
    font-size: 30px;
    font-weight: 700;
    height: 40px;
    margin-right: 20px;
    text-align: center;
    width: 40px
}

.producing__advantages-number2 {
    color: #435b71;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px;
    width: 100%
}

.producing__advantages-text {
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%
}

.producing__advantages-text.c-dgrey {
    color: #4a6278
}

.producing__advantages-decoration {
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: 0 0 32px 0;
    bottom: -40px;
    margin-top: auto;
    position: relative;
    right: -40px
}

.producing__photo {
    -ms-grid-columns: (1fr)[4];
    display: -ms-grid;
    display: grid;
    gap: 30px;
    grid-auto-rows: auto;
    grid-template-columns: repeat(4,1fr)
}

.producing__photo-item {
    border-radius: 24px;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover
}

.producing__photo>a[data-fslightbox] {
    border-radius: 24px;
    overflow: hidden;
    position: relative
}

.producing__photo>a[data-fslightbox]:before {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0abfb4;
    content: "\e93b";
    display: block;
    font-family: icomoon!important;
    font-size: 32px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    opacity: 0;
    position: absolute;
    text-transform: none;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 10
}

.producing__photo>a[data-fslightbox] img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.producing__photo>a[data-fslightbox]:hover:before {
    opacity: 1
}

.producing__photo>a[data-fslightbox]:hover img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07)
}

.producing__examples {
    -ms-grid-columns: (1fr)[3];
    display: -ms-grid;
    display: grid;
    gap: 30px;
    grid-auto-rows: auto;
    grid-template-columns: repeat(3,1fr)
}

.producing__examples-item {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 24px;
    overflow: hidden
}

.producing__examples-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.producing__examples-item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.producing__tzform .producing__highlight {
    overflow: initial;
    padding: 32px
}

.producing__tzform-footer .btn-submit {
    width: 220px
}

.producing__tzform-footer .custom-checkbox {
    margin-left: 32px;
    max-width: 420px;
    width: calc(100% - 280px)
}

.producing__tzcontent {
    position: relative
}

.producing__tzcontent:after,.producing__tzcontent:before {
    background: url(/assets/img/svg/dot-bg.svg) repeat-x;
    background-size: contain;
    content: "";
    display: block;
    height: 5px;
    opacity: .1;
    width: 100%
}

.producing__tzcontent:before {
    margin-bottom: 40px
}

.producing__tzcontent:after {
    margin-top: 40px
}

.producing__tzcontent .button-download {
    border-radius: 122px
}

.producing__tzcontent .button-download svg {
    margin-left: 12px
}

.producing__tzcontent .italick {
    font-style: italic;
    opacity: .7
}

.producing__tabsblock .mps__link {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px 16px 8px
}

.producing__tabsblock .mps__link span {
    border-bottom-style: dotted
}

.producing__cardproduct {
    background: #f8f9fb;
    border-radius: 24px;
    color: #435b71;
    padding: 32px
}

.producing__cardproduct-header_photo {
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 50%;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px
}

.producing__cardproduct-header_photo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.producing__cardproduct-header_photo:hover+.producing__cardproduct-header_caption .producing__highlight-title a {
    border-color: rgba(10,191,180,.3);
    color: #0abfb4
}

.producing__cardproduct-header_caption {
    padding-left: 52px;
    position: relative;
    width: calc(100% - 120px)
}

.producing__cardproduct-header_caption:before {
    background: url(/assets/img/svg/dots3-horizontal-decore.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 20px;
    left: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

.producing__cardproduct-header_caption:first-child {
    padding-left: 26px
}

.producing__cardproduct-header_caption:first-child:before {
    left: 0
}

.producing__cardproduct-header_caption.mb0 {
    margin-bottom: 0
}

.producing__cardproduct-header_caption.mb15 {
    margin-bottom: 15px
}

.producing__cardproduct-header_caption .producing__highlight-title:last-child {
    margin-bottom: 0
}

.producing__cardproduct-header_price {
    text-align: right
}

.producing__cardproduct-header_propsflex .producing__cardproduct-props {
    margin-bottom: 30px;
    margin-right: 30px
}

.producing__cardproduct-header_propsflex .producing__cardproduct-props:last-child {
    margin-right: 0
}

.producing__cardproduct-header_propsflex .producing__cardproduct-props.propsflex-infodop {
    max-width: 420px
}

.producing__cardproduct-header_propsflex .producing__cardproduct-props.propsflex-infodop.w100 {
    max-width: 100%
}

.producing__cardproduct-priceblock {
    background: #fff;
    border-radius: 24px;
    padding: 32px
}

.producing__cardproduct-priceblock_flexlist {
    margin-bottom: -30px
}

.producing__cardproduct-priceblock_flexlist .producing__cardproduct-props {
    margin-bottom: 30px;
    margin-right: 30px
}

.producing__cardproduct-props {
    color: #435b71
}

.producing__cardproduct-props_sml {
    color: rgba(67,91,113,.3);
    font-size: 12px;
    font-weight: 600
}

.producing__cardproduct-props_vl {
    color: #435b71;
    font-size: 16px;
    font-weight: 600
}

.producing__cardproduct-props_text {
    font-size: 14px;
    font-weight: 500
}

.producing__cardproduct-props .producing__cardproduct-props_sml+.producing__cardproduct-props_vl {
    margin-top: 4px
}

.producing__cardproduct-pricetable_tr {
    border-bottom: 1px solid rgba(74,98,120,.1);
    padding: 12px 0 12px 26px;
    position: relative
}

.producing__cardproduct-pricetable_tr:first-child {
    border-top: 1px solid rgba(74,98,120,.1)
}

.producing__cardproduct-pricetable_tr:before {
    background: url(/assets/img/svg/dots3-horizontal-decore.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

.producing__cardproduct-pricetable_td1,.producing__cardproduct-pricetable_td2 {
    padding: 12px 0
}

.producing__cardproduct-pricetable_td1 {
    padding-right: 12px;
    width: calc(100% - 140px)
}

.producing__cardproduct-italiccontent {
    font-family: Noah,sans-serif;
    font-size: 14px;
    font-style: italic;
    opacity: .6
}

.producing__cardproduct-italiccontent p {
    font-size: 14px;
    line-height: 1.6
}

.producing__infoblockreview {
    background: #f8f9fb;
    border-radius: 32px;
    color: #435b71;
    padding: 32px
}

.producing__infoblockreview-header_title {
    color: #435b71;
    width: calc(100% - 100px)
}

.producing__infoblockreview-header_logo {
    mix-blend-mode: darken;
    text-align: center;
    width: 80px
}

.producing__infoblockreview-header_logo img {
    display: inline
}

.producing__review {
    background: #fff;
    border-radius: 20px;
    color: #435b71;
    padding: 32px;
    position: relative
}

.producing__review-text {
    font-style: italic;
    position: relative
}

.producing__review-text:before {
    background: #0abfb4;
    border-radius: 0 122px 122px 0;
    content: "";
    display: block;
    height: 100%;
    left: -32px;
    position: absolute;
    top: 0;
    width: 6px
}

.producing__review-user_foto {
    border-radius: 50%;
    height: 53px;
    overflow: hidden;
    width: 53px
}

.producing__review-user_info {
    width: calc(100% - 70px)
}

.producing__review-user_title {
    font-weight: 700
}

.producing__props {
    background: #f8f9fb;
    border-radius: 12px;
    color: #4a6278;
    padding: 14px 24px
}

.producing__props-title {
    width: calc(100% - 100px)
}

.producing__props-value {
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    width: 80px
}

.greenblock-free {
    margin-top: 32px;
    min-height: 75px;
    position: relative
}

.greenblock-free__subtitle,.greenblock-free__title {
    width: calc(100% - 160px)
}

.greenblock-free__title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 100%
}

.greenblock-free__subtitle {
    color: #fff;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem
}

.greenblock-free__img {
    position: absolute;
    right: 0;
    top: 0
}

.spoiler-list {
    counter-reset: spoiler-list-counter;
    list-style: none;
    padding: 0
}

.spoiler-list__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background: #f8f9fb;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    counter-increment: spoiler-list-counter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 24px;
    position: relative
}

.spoiler-list__item:last-child {
    margin-bottom: 0
}

.spoiler-list__item .dots {
    margin: 15px 24px 0
}

.spoiler-list__item:before {
    color: rgba(67,91,113,.2);
    content: counter(spoiler-list-counter);
    font-size: 4rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-top: 15px;
    width: 20px
}

.spoiler-list__item-inner {
    width: calc(100% - 74px)
}

.spoiler-list__item-divider {
    background: rgba(67,91,113,.1);
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.spoiler-list__heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

.spoiler-list__subtitle {
    color: rgba(38,41,53,.5);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%
}

.spoiler-list__subtitle b {
    color: #262935
}

.spoiler-list__subtitle-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px
}

.spoiler-list__subtitle-wrapper .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 12px;
    margin-right: 12px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.highlight {
    background: #142c42;
    border-radius: 24px;
    color: #fff;
    padding: 40px 32px
}

.highlight .dots {
    margin-right: 32px
}

.highlight .dots span {
    background: #0b1e39
}

.highlight__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
    padding-bottom: 40px;
    position: relative
}

.highlight__item:before {
    background: rgba(11,30,57,.95);
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 62px)
}

.highlight__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.highlight__item:last-child:before {
    display: none
}

.highlight__item-inner {
    max-width: 355px;
    width: calc(100% - 348px)
}

.highlight__item-title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 12px
}

.highlight__item-text {
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem
}

.highlight__item-link a {
    border-bottom: 1px solid rgba(10,191,180,.3);
    color: #0abfb4;
    font-size: 1.6rem;
    font-weight: 700
}

.highlight__item-link a:hover {
    border-color: #0abfb4
}

.highlight__item .button-download,.highlight__item-button {
    margin-left: auto
}

.highlight__item-logo {
    background: #fff;
    border-radius: 16px;
    height: 180px;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 210px
}

.highlight__item-inner2 {
    max-width: 522px;
    width: calc(100% - 278px)
}

.highlight__item-inner2.mr-auto {
    margin-right: auto
}

.highlight__item-iconwrap {
    background: #fff;
    border-radius: 50%;
    height: 100px;
    padding: 20px;
    width: 100px
}

.highlight__item-iconwrap img,.highlight__item-logo img {
    height: auto;
    max-height: auto;
    max-width: auto;
    width: auto
}

.cart__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #435b71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 3.6rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 100%
}

.cart__title .dots {
    margin-right: 24px
}

.cart__title-desc {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    margin-top: 6px
}

.cart__title-desc .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.cart__final {
    margin-bottom: 40px
}

.cart__final .final-item__title {
    color: rgba(67,91,113,.3);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px
}

.cart__final .final-item__desc {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

.cart__final .final-item__desc small {
    color: rgba(67,91,113,.5);
    font-size: 1.4rem
}

.cart__final .final-item__pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    display: inline;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 10px;
    min-height: 24px;
    padding: 3px 5px
}

.cart__info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 32px
}

.cart-final {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 24px;
    padding: 24px 28px
}

.cart-final>* {
    margin-bottom: 28px
}

.cart-final>:last-child {
    margin-bottom: 0
}

.cart-final__title {
    color: rgba(67,91,113,.5);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6rem
}

.cart-final__title b {
    color: #435b71
}

.cart-final__promo {
    vertical-align: middle
}

.cart-final__promo svg {
    fill: rgba(67,91,113,.5);
    margin-right: 12px;
    vertical-align: middle
}

.cart-final__promo span,.cart-final__promo svg {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cart-final__promo span {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.cart-final__promo:hover svg {
    fill: #0abfb4
}

.cart-final__promo:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.cart-final__button {
    height: 52px;
    width: 100%
}

.cart-info__title {
    color: rgba(67,91,113,.3);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 6px
}

.cart-info__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
    max-width: 100%;
    width: 100%
}

.cart-info__divider {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' transform='rotate(90 2 2)' fill='%23435B71' r='2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    height: 6px;
    margin: 24px 0;
    width: 100%
}

.checkout-item {
    border-radius: 20px;
    padding: 28px 24px
}

.checkout-item__step {
    color: rgba(67,91,113,.2);
    display: inline-block;
    font-size: 4rem;
    font-weight: 700;
    line-height: 2.4rem;
    vertical-align: middle
}

.checkout-item__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #435b71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 2.4rem;
    padding: 8px 0
}

.checkout-item__title .dots {
    margin-left: 24px;
    margin-right: 24px
}

.checkout-item__title .item-title {
    width: calc(100% - 72px)
}

.checkout-item__title .item-title__desc {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    line-height: 130%;
    margin-top: 6px;
    opacity: .5
}

.checkout-item__title .item-title__desc .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 12px;
    margin-right: 12px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.checkout-item__content {
    margin-top: 40px
}

.checkout-item__checkboxes {
    margin-bottom: 32px;
    margin-right: 32px
}

.checkout-item__checkboxes .custom-checkbox {
    margin-bottom: 16px;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.checkout-item__checkboxes .custom-checkbox:last-child {
    margin-bottom: 0
}

.checkout-item__radios {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 16px
}

.checkout-item__confirm {
    width: 100%
}

.checkout-item__confirm .dots {
    margin-right: 24px
}

.checkout-item:not(.checkout-item--active) {
    border: 1px solid rgba(38,41,53,.15)
}

.checkout-item.checkout-item--active {
    margin-bottom: 40px
}

.checkout-item.checkout-item--active:last-child {
    margin-bottom: 0
}

.checkout-item.checkout-item--confirmed .checkout-item__title .item-title {
    margin-right: 12px;
    width: calc(100% - 196px)
}

.checkout__item {
    margin-bottom: 20px
}

.checkout__item:last-child {
    margin-bottom: 0
}

.checkout-final {
    display: inline-block;
    vertical-align: middle
}

.checkout-final__desc {
    color: rgba(67,91,113,.3);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.checkout-final__price {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

.checkout-final__price small {
    font-size: 1.6rem;
    opacity: .5
}

.checkout-final__price .old {
    margin-left: 12px;
    opacity: .42
}

.checkout-final__price .old span {
    text-decoration: line-through
}

.checkout__final {
    margin-right: 24px
}

.checkout-success__buttons .btn {
    margin-bottom: 12px;
    margin-right: 12px
}

.checkout-success__buttons .btn:last-child {
    margin-right: 0
}

.radios__title {
    color: rgba(38,41,53,.6);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    margin-bottom: 16px;
    width: 100%
}

.radios__content {
    display: none;
    margin-bottom: 40px;
    margin-top: 16px;
    width: 100%
}

.radios .custom-radio {
    margin-bottom: 16px;
    margin-right: 16px
}

.radios .custom-radio:last-child {
    margin-right: 0
}

.delivery-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.delivery-item .dots {
    margin-left: 24px;
    margin-right: 24px
}

.delivery-item__img {
    width: 73px
}

.delivery-item__adress {
    color: #435b71;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 8px
}

.delivery-item__adress svg {
    fill: #0abfb4;
    margin-right: 12px;
    vertical-align: middle
}

.delivery-item__adress span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.delivery-item__desc {
    color: rgba(67,91,113,.6);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.delivery-item__desc .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 8px;
    margin-right: 8px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.delivery-item__metro {
    color: rgba(20,44,66,.8);
    font-size: 1.2rem;
    line-height: 100%;
    margin-left: auto;
    margin-right: auto
}

.delivery-item__metro .delivery-metro__icon {
    border: 3px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    width: 12px
}

.delivery-item__metro .delivery-metro__icon.color_salat {
    border-color: #bed12e
}

.delivery-item__price {
    color: #435b71;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-left: auto
}

.delivery-item__price small {
    font-size: 1.4rem;
    opacity: .5
}

.delivery-item__price .old-price {
    color: rgba(67,91,113,.5);
    font-size: 1.1rem;
    margin-right: 4px
}

.delivery-item__price .old-price span {
    text-decoration: line-through
}

.delivery-item__price .old-price .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 4px;
    padding: 1px 4px 1px 3px;
    text-decoration: none;
    vertical-align: text-top
}

.delivery-item__btnchoose {
    min-width: 100px;
    padding: 8px
}

.delivery-item__btnchoose:last-child {
    margin-left: 10px
}

.delivery-item__btnchoose.select_point {
    background: #ff993b;
    -webkit-box-shadow: 0 4px 10px rgba(255,153,59,.3);
    box-shadow: 0 4px 10px rgba(255,153,59,.3)
}

.delivery-item__btnchoose.select_point:hover {
    -webkit-filter: none;
    filter: none
}

.delivery-item__wrapper.scroll_wrapper {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 5px
}

.delivery-item__wrapper.scroll_wrapper::-webkit-scrollbar {
    background-color: rgba(67,91,113,.1);
    border-radius: 122px;
    height: 4px;
    width: 4px
}

.delivery-item__wrapper.scroll_wrapper::-webkit-scrollbar-track {
    background-color: rgba(10,191,180,0);
    border-radius: 122px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.delivery-item__wrapper.scroll_wrapper::-webkit-scrollbar-thumb {
    background-color: #0abfb4;
    border-radius: 122px;
    cursor: pointer;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 2px
}

.delivery-item__wrapper.scroll_wrapper::-webkit-scrollbar-button {
    display: none
}

.delivery-item__wrapper .delivery-item {
    margin-bottom: 24px
}

.delivery-item__wrapper .delivery-item:last-child {
    margin-bottom: 0
}

.delivery-heading {
    color: #435b71;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

.account-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.account-title .dots {
    margin-right: 24px
}

.account-title__inner {
    width: calc(100% - 28px)
}

.account-title__body {
    color: #435b71;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: 6px
}

.account-title__desc {
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 130%
}

.account-title__desc a {
    border-bottom: 1px solid rgba(10,191,180,.7);
    color: #0abfb4;
    font-weight: 700
}

.account-title__desc a:hover {
    border-color: transparent
}

.account-title--medium .account-title__body {
    font-size: 2rem;
    line-height: 2.8rem
}

.account-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.account-input-wrapper {
    margin-bottom: 24px
}

.account-input-wrapper .account-input {
    margin-bottom: 16px
}

.account-input-wrapper .account-input:last-child {
    margin-bottom: 0
}

.account-input__button {
    color: rgba(67,91,113,.6);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.account-input__button svg {
    fill: rgba(67,91,113,.5);
    margin-right: 8px;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    vertical-align: middle
}

.account-input__button span {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    padding-bottom: 3px
}

.account-input__button:hover {
    color: rgba(10,191,180,.6)
}

.account-input__button:hover svg {
    fill: #0abfb4
}

.account-input__button:hover span {
    border-color: rgba(10,191,180,.7)
}

.account-input__button--submit {
    color: #0abfb4;
    display: none
}

.account-input__button--submit svg {
    fill: #0abfb4
}

.account-input__button--submit span {
    border-color: rgba(10,191,180,.7)
}

.account-input__button--submit:hover span {
    border-color: transparent
}

.account-input .custom-input {
    margin-right: 16px;
    width: calc(100% - 146px)
}

.account-nav {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 20px;
    overflow: hidden
}

.account-nav__item {
    border-bottom: 1px solid rgba(38,41,53,.15);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6rem;
    padding: 24px;
    position: relative
}

.account-nav__item:before {
    background: #0abfb4;
    border-radius: 0 6px 6px 0;
    height: calc(100% - 40px);
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px
}

.account-nav__item:last-child {
    border-bottom: none
}

.account-nav__item img {
    display: inline;
    margin-right: 24px;
    vertical-align: middle
}

.account-nav__item a {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.account-nav__item a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.account-nav__item small {
    color: rgba(67,91,113,.3)
}

.account-nav__item--active:before {
    content: ""
}

.account-nav__item--active img {
    display: none
}

.account-nav__item--active span {
    color: #0abfb4
}

.account-logout {
    color: rgba(67,91,113,.6);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%
}

.account-logout .dots {
    margin-right: 24px
}

.account-logout a {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.account-logout a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.account__nav {
    margin-bottom: 32px
}

.account__logout {
    margin-left: 32px;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

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

.account__radios {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.account-spoiler {
    background: #f8f9fb;
    border: 1px solid transparent;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    padding: 24px 30px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.account-spoiler-wrapper .account-spoiler {
    margin-bottom: 16px
}

.account-spoiler-wrapper .account-spoiler:last-child {
    margin-bottom: 0
}

.account-spoiler__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.account-spoiler__title .dots {
    margin-left: 24px;
    margin-right: 24px
}

.account-spoiler__title .spoiler-title__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: calc(100% - 64px);
    width: 100%
}

.account-spoiler__title .spoiler-title__item {
    margin-left: auto;
    margin-right: auto
}

.account-spoiler__title .spoiler-title__icon {
    margin-right: 20px
}

.account-spoiler__title .spoiler-title__desc {
    color: rgba(67,91,113,.3);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 10px
}

.account-spoiler__title .spoiler-title__info {
    font-size: 2rem;
    font-weight: 700;
    line-height: 100%
}

.account-spoiler__title .spoiler-title__info span {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.account-spoiler__title .spoiler-title__info span:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4;
    cursor: pointer
}

.account-spoiler__title .spoiler-title__button {
    border: 1px solid rgba(38,41,53,.15);
    border-radius: 50%;
    color: #262935;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.account-spoiler__title .spoiler-title__button:hover {
    border-color: #0abfb4;
    color: #0abfb4
}

.account-spoiler__content {
    display: none;
    margin-top: 40px
}

.account-spoiler__content .spoiler-content__inner {
    -ms-grid-columns: (1fr)[2];
    -ms-grid-rows: (1fr)[3];
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(3,1fr);
    margin-bottom: 32px;
    row-gap: 20px
}

.account-spoiler__content .spoiler-content__item {
    max-width: 100%
}

.account-spoiler__content .spoiler-content__item small,.account-spoiler__content .spoiler-content__item span {
    display: block
}

.account-spoiler__content .spoiler-content__item small {
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px
}

.account-spoiler__content .spoiler-content__item span {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

.account-spoiler__content .spoiler-content__cards {
    margin-bottom: 40px
}

.account-spoiler__content .spoiler-content__cards .card__order {
    margin-bottom: 16px
}

.account-spoiler__content .spoiler-content__cards .card__order:last-child {
    margin-bottom: 0
}

.account-spoiler__content .spoiler-content__button {
    min-width: 240px
}

.account-spoiler--open {
    background: #fff;
    border-color: rgba(38,41,53,.15)
}

.account-spoiler--open .spoiler-title__info span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.account-spoiler--open .spoiler-title__button {
    border-color: #0abfb4;
    color: #0abfb4;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.error-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: rgba(20,44,66,.95);
    border-radius: 36px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 450px;
    padding: 0 100px;
    position: relative
}

.error-banner__inner {
    width: calc(100% - 500px)
}

.error-banner__title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px
}

.error-banner__title h1 {
    font-size: 3.6rem
}

.error-banner__desc {
    color: hsla(0,0%,100%,.7);
    font-family: Raleway;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom: 40px
}

.error-banner__img {
    bottom: 20px;
    position: absolute;
    right: 100px
}

.hashtag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -12px
}

.hashtag__item {
    color: rgba(10,191,180,.8);
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 130%;
    margin: 12px
}

.hashtag__item span {
    border-bottom: 1px solid rgba(10,191,180,.3);
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.hashtag__item:hover span {
    border-color: transparent
}

.hashtag__item.hashtag__item--h1 {
    font-size: 2.8rem
}

.hashtag__item.hashtag__item--h2 {
    font-size: 2.4rem
}

.hashtag__item.hashtag__item--h3 {
    font-size: 2rem
}

.hashtag__item.hashtag__item--h4 {
    font-size: 1.8rem
}

.hashtag__item.hashtag__item--h5 {
    font-size: 1.6rem
}

.reviews-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.reviews-title .dots {
    margin-right: 24px
}

.reviews-title__inner {
    width: calc(100% - 260px)
}

.reviews-title__body {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 10px
}

.reviews-title__body h1 {
    font-size: 3.6rem;
    line-height: 100%
}

.reviews-title__desc {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    opacity: .5
}

.reviews-title__desc .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 12px;
    margin-right: 12px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.reviews-title__desc a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    margin-right: 20px
}

.reviews-title__desc a:last-child {
    margin-right: 0
}

.reviews-title__desc a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.reviews-title__desc a.bold {
    font-weight: 700;
    margin-left: 4px;
    margin-right: 0
}

.reviews-hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px
}

.reviews-hero__img {
    width: 42%
}

.reviews-hero__content {
    width: calc(58% - 24px)
}

.reviews-hero__rating {
    margin-bottom: 24px
}

.reviews-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.reviews-rating__radial {
    margin-right: 12px
}

.reviews-rating__average {
    margin-right: 24px
}

.reviews-rating__buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.reviews-rating__buttons .reviews-rating__button {
    margin-right: 12px
}

.reviews-rating__buttons .reviews-rating__button:last-child {
    margin-right: 0
}

.reviews-rating__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 12px;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 54px;
    justify-content: center;
    text-align: center;
    width: 54px
}

.reviews-rating__button,.reviews-rating__button span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.reviews-rating__button span {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #ff993b;
    font-family: Raleway;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: flex-start;
    justify-content: center;
    line-height: 100%;
    margin-bottom: 5px;
    width: 100%
}

.reviews-rating__button span i {
    display: inline-block;
    font-size: 16px;
    margin-left: 4px;
    vertical-align: middle
}

.reviews-rating__button small {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.reviews-rating__button:disabled {
    cursor: default
}

.reviews-detail__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.reviews-detail__sorter {
    margin-left: auto;
    margin-right: 36px
}

.reviews-sorter__button {
    border: 0!important;
    color: #435b71;
    cursor: pointer;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 100%;
    opacity: .5
}

.reviews-sorter__button span {
    border-bottom: 1px dotted #435b71;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.reviews-sorter__button i {
    display: none;
    font-size: 1.2rem;
    margin-left: 6px
}

.reviews-sorter__button:hover {
    color: #0abfb4;
    opacity: .7
}

.reviews-sorter__button:hover span {
    border-color: rgba(10,191,180,.7)
}

.reviews-sorter__button.reviews-sorter__button--active {
    color: #0abfb4;
    opacity: 1
}

.reviews-sorter__button.reviews-sorter__button--active span {
    border-color: #0abfb4
}

.reviews-sorter__button.reviews-sorter__button--active i {
    display: inline
}

.reviews-sorter .reviews-sorter__button:first-child {
    margin-right: 24px
}

.reviews-card {
    border-radius: 32px;
    margin-bottom: 20px;
    padding: 32px
}

.reviews-card:last-child {
    margin-bottom: 0
}

.reviews-card__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 32px
}

.reviews-card__img {
    background: #fff;
    border-radius: 50%;
    color: rgba(67,91,113,.3);
    font-size: 2.4rem;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}

.reviews-card-title .dots {
    margin-left: 24px;
    margin-right: 24px
}

.reviews-card-title__inner {
    position: relative;
    width: calc(100% - 112px)
}

.reviews-card__name {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 6px
}

.reviews-card__rating .icon-star {
    color: #ffbc57;
    font-size: 13px
}

.reviews-card__rating .icon-star:not(.icon-star--active) {
    opacity: .3
}

.reviews-card__rating-number {
    color: rgba(67,91,113,.15);
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 2.8rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reviews-card__divider {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' transform='rotate(90 2 2)' fill='%23435B71' r='2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    height: 6px;
    margin: 24px 0;
    opacity: .1;
    width: 100%
}

.reviews-card__date {
    color: rgba(67,91,113,.3);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%;
    margin-top: 32px
}

.reviews-card__date .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 6px;
    margin-right: 6px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.reviews-card__wrapper .reviews-card:nth-of-type(odd) {
    background: #f8f9fb
}

.reviews-card__wrapper .reviews-card:nth-of-type(2n) {
    background: #fff
}

.reviews-card__wrapper .reviews-card:nth-of-type(2n) .reviews-answer {
    background: #f8f9fb;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9
}

.reviews-content__subtitle {
    color: #262935;
    font-family: Raleway;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 8px
}

.reviews-content__img {
    border-radius: 16px;
    display: inline-block;
    height: 64px;
    margin: 10px 10px 0;
    overflow: hidden;
    width: 90px
}

.reviews-content__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.reviews-content__img-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

.reviews-answer {
    background: #fff;
    border-radius: 20px;
    margin-top: 32px;
    padding: 24px 48px;
    position: relative
}

.reviews-answer p {
    max-width: 910px
}

.reviews-answer:before {
    background: #0abfb4;
    border-radius: 0 6px 6px 0;
    content: "";
    height: calc(100% - 48px);
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px
}

.reviews-answer__logo {
    position: absolute;
    right: 16px;
    top: 16px
}

.reviews-load-more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.reviews-load-more .load-more-plus {
    margin-bottom: 1px
}

.reviews-load-more span {
    border-bottom: 1px dotted rgba(67,91,113,.3);
    color: #435b71;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.reviews-load-more:hover span {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.hero-img {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    padding: 20px
}

.hero-img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.hero-img__desc {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 130%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center;
    width: 280px
}

.hero-img.hero-img--reviews img {
    margin: 0 auto;
    max-height: 400px
}

.rating-radial {
    background-color: #f2e9e1;
    border-radius: 50%;
    font-size: 20px;
    height: 50px;
    line-height: 50%;
    padding: 0;
    position: relative;
    width: 50px
}

.rating-radial:after {
    background-color: #f8f9fb;
    border-radius: 50%;
    content: " ";
    height: calc(100% - 12px);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 12px)
}

.rating-radial__label {
    color: #435b71;
    font-family: Raleway;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 50px;
    z-index: 2
}

.rating-radial .left-half-clipper {
    clip: rect(0,50px,50px,25px);
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial .value-bar {
    clip: rect(0,25px,50px,0);
    border: 6px solid #ff993c;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p0 .first50-bar,.rating-radial.p0 .value-bar {
    display: none
}

.rating-radial.p1 .value-bar {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg)
}

.rating-radial.p1 .first50-bar {
    display: none
}

.rating-radial.p2 .value-bar {
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg)
}

.rating-radial.p2 .first50-bar {
    display: none
}

.rating-radial.p3 .value-bar {
    -webkit-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    transform: rotate(11deg)
}

.rating-radial.p3 .first50-bar {
    display: none
}

.rating-radial.p4 .value-bar {
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg)
}

.rating-radial.p4 .first50-bar {
    display: none
}

.rating-radial.p5 .value-bar {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.rating-radial.p5 .first50-bar {
    display: none
}

.rating-radial.p6 .value-bar {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.rating-radial.p6 .first50-bar {
    display: none
}

.rating-radial.p7 .value-bar {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg)
}

.rating-radial.p7 .first50-bar {
    display: none
}

.rating-radial.p8 .value-bar {
    -webkit-transform: rotate(29deg);
    -ms-transform: rotate(29deg);
    transform: rotate(29deg)
}

.rating-radial.p8 .first50-bar {
    display: none
}

.rating-radial.p9 .value-bar {
    -webkit-transform: rotate(32deg);
    -ms-transform: rotate(32deg);
    transform: rotate(32deg)
}

.rating-radial.p9 .first50-bar {
    display: none
}

.rating-radial.p10 .value-bar {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.rating-radial.p10 .first50-bar {
    display: none
}

.rating-radial.p11 .value-bar {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.rating-radial.p11 .first50-bar {
    display: none
}

.rating-radial.p12 .value-bar {
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg)
}

.rating-radial.p12 .first50-bar {
    display: none
}

.rating-radial.p13 .value-bar {
    -webkit-transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    transform: rotate(47deg)
}

.rating-radial.p13 .first50-bar {
    display: none
}

.rating-radial.p14 .value-bar {
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg)
}

.rating-radial.p14 .first50-bar {
    display: none
}

.rating-radial.p15 .value-bar {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.rating-radial.p15 .first50-bar {
    display: none
}

.rating-radial.p16 .value-bar {
    -webkit-transform: rotate(58deg);
    -ms-transform: rotate(58deg);
    transform: rotate(58deg)
}

.rating-radial.p16 .first50-bar {
    display: none
}

.rating-radial.p17 .value-bar {
    -webkit-transform: rotate(61deg);
    -ms-transform: rotate(61deg);
    transform: rotate(61deg)
}

.rating-radial.p17 .first50-bar {
    display: none
}

.rating-radial.p18 .value-bar {
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg)
}

.rating-radial.p18 .first50-bar {
    display: none
}

.rating-radial.p19 .value-bar {
    -webkit-transform: rotate(68deg);
    -ms-transform: rotate(68deg);
    transform: rotate(68deg)
}

.rating-radial.p19 .first50-bar {
    display: none
}

.rating-radial.p20 .value-bar {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.rating-radial.p20 .first50-bar {
    display: none
}

.rating-radial.p21 .value-bar {
    -webkit-transform: rotate(76deg);
    -ms-transform: rotate(76deg);
    transform: rotate(76deg)
}

.rating-radial.p21 .first50-bar {
    display: none
}

.rating-radial.p22 .value-bar {
    -webkit-transform: rotate(79deg);
    -ms-transform: rotate(79deg);
    transform: rotate(79deg)
}

.rating-radial.p22 .first50-bar {
    display: none
}

.rating-radial.p23 .value-bar {
    -webkit-transform: rotate(83deg);
    -ms-transform: rotate(83deg);
    transform: rotate(83deg)
}

.rating-radial.p23 .first50-bar {
    display: none
}

.rating-radial.p24 .value-bar {
    -webkit-transform: rotate(86deg);
    -ms-transform: rotate(86deg);
    transform: rotate(86deg)
}

.rating-radial.p24 .first50-bar {
    display: none
}

.rating-radial.p25 .value-bar {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rating-radial.p25 .first50-bar {
    display: none
}

.rating-radial.p26 .value-bar {
    -webkit-transform: rotate(94deg);
    -ms-transform: rotate(94deg);
    transform: rotate(94deg)
}

.rating-radial.p26 .first50-bar {
    display: none
}

.rating-radial.p27 .value-bar {
    -webkit-transform: rotate(97deg);
    -ms-transform: rotate(97deg);
    transform: rotate(97deg)
}

.rating-radial.p27 .first50-bar {
    display: none
}

.rating-radial.p28 .value-bar {
    -webkit-transform: rotate(101deg);
    -ms-transform: rotate(101deg);
    transform: rotate(101deg)
}

.rating-radial.p28 .first50-bar {
    display: none
}

.rating-radial.p29 .value-bar {
    -webkit-transform: rotate(104deg);
    -ms-transform: rotate(104deg);
    transform: rotate(104deg)
}

.rating-radial.p29 .first50-bar {
    display: none
}

.rating-radial.p30 .value-bar {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.rating-radial.p30 .first50-bar {
    display: none
}

.rating-radial.p31 .value-bar {
    -webkit-transform: rotate(112deg);
    -ms-transform: rotate(112deg);
    transform: rotate(112deg)
}

.rating-radial.p31 .first50-bar {
    display: none
}

.rating-radial.p32 .value-bar {
    -webkit-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform: rotate(115deg)
}

.rating-radial.p32 .first50-bar {
    display: none
}

.rating-radial.p33 .value-bar {
    -webkit-transform: rotate(119deg);
    -ms-transform: rotate(119deg);
    transform: rotate(119deg)
}

.rating-radial.p33 .first50-bar {
    display: none
}

.rating-radial.p34 .value-bar {
    -webkit-transform: rotate(122deg);
    -ms-transform: rotate(122deg);
    transform: rotate(122deg)
}

.rating-radial.p34 .first50-bar {
    display: none
}

.rating-radial.p35 .value-bar {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.rating-radial.p35 .first50-bar {
    display: none
}

.rating-radial.p36 .value-bar {
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg)
}

.rating-radial.p36 .first50-bar {
    display: none
}

.rating-radial.p37 .value-bar {
    -webkit-transform: rotate(133deg);
    -ms-transform: rotate(133deg);
    transform: rotate(133deg)
}

.rating-radial.p37 .first50-bar {
    display: none
}

.rating-radial.p38 .value-bar {
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg)
}

.rating-radial.p38 .first50-bar {
    display: none
}

.rating-radial.p39 .value-bar {
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg)
}

.rating-radial.p39 .first50-bar {
    display: none
}

.rating-radial.p40 .value-bar {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.rating-radial.p40 .first50-bar {
    display: none
}

.rating-radial.p41 .value-bar {
    -webkit-transform: rotate(148deg);
    -ms-transform: rotate(148deg);
    transform: rotate(148deg)
}

.rating-radial.p41 .first50-bar {
    display: none
}

.rating-radial.p42 .value-bar {
    -webkit-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    transform: rotate(151deg)
}

.rating-radial.p42 .first50-bar {
    display: none
}

.rating-radial.p43 .value-bar {
    -webkit-transform: rotate(155deg);
    -ms-transform: rotate(155deg);
    transform: rotate(155deg)
}

.rating-radial.p43 .first50-bar {
    display: none
}

.rating-radial.p44 .value-bar {
    -webkit-transform: rotate(158deg);
    -ms-transform: rotate(158deg);
    transform: rotate(158deg)
}

.rating-radial.p44 .first50-bar {
    display: none
}

.rating-radial.p45 .value-bar {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.rating-radial.p45 .first50-bar {
    display: none
}

.rating-radial.p46 .value-bar {
    -webkit-transform: rotate(166deg);
    -ms-transform: rotate(166deg);
    transform: rotate(166deg)
}

.rating-radial.p46 .first50-bar {
    display: none
}

.rating-radial.p47 .value-bar {
    -webkit-transform: rotate(169deg);
    -ms-transform: rotate(169deg);
    transform: rotate(169deg)
}

.rating-radial.p47 .first50-bar {
    display: none
}

.rating-radial.p48 .value-bar {
    -webkit-transform: rotate(173deg);
    -ms-transform: rotate(173deg);
    transform: rotate(173deg)
}

.rating-radial.p48 .first50-bar {
    display: none
}

.rating-radial.p49 .value-bar {
    -webkit-transform: rotate(176deg);
    -ms-transform: rotate(176deg);
    transform: rotate(176deg)
}

.rating-radial.p49 .first50-bar {
    display: none
}

.rating-radial.p50 .value-bar {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rating-radial.p50 .first50-bar {
    display: none
}

.rating-radial.p51 .value-bar {
    -webkit-transform: rotate(184deg);
    -ms-transform: rotate(184deg);
    transform: rotate(184deg)
}

.rating-radial.p51 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p51 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p52 .value-bar {
    -webkit-transform: rotate(187deg);
    -ms-transform: rotate(187deg);
    transform: rotate(187deg)
}

.rating-radial.p52 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p52 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p53 .value-bar {
    -webkit-transform: rotate(191deg);
    -ms-transform: rotate(191deg);
    transform: rotate(191deg)
}

.rating-radial.p53 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p53 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p54 .value-bar {
    -webkit-transform: rotate(194deg);
    -ms-transform: rotate(194deg);
    transform: rotate(194deg)
}

.rating-radial.p54 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p54 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p55 .value-bar {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg)
}

.rating-radial.p55 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p55 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p56 .value-bar {
    -webkit-transform: rotate(202deg);
    -ms-transform: rotate(202deg);
    transform: rotate(202deg)
}

.rating-radial.p56 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p56 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p57 .value-bar {
    -webkit-transform: rotate(205deg);
    -ms-transform: rotate(205deg);
    transform: rotate(205deg)
}

.rating-radial.p57 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p57 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p58 .value-bar {
    -webkit-transform: rotate(209deg);
    -ms-transform: rotate(209deg);
    transform: rotate(209deg)
}

.rating-radial.p58 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p58 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p59 .value-bar {
    -webkit-transform: rotate(212deg);
    -ms-transform: rotate(212deg);
    transform: rotate(212deg)
}

.rating-radial.p59 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p59 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p60 .value-bar {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg)
}

.rating-radial.p60 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p60 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p61 .value-bar {
    -webkit-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    transform: rotate(220deg)
}

.rating-radial.p61 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p61 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p62 .value-bar {
    -webkit-transform: rotate(223deg);
    -ms-transform: rotate(223deg);
    transform: rotate(223deg)
}

.rating-radial.p62 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p62 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p63 .value-bar {
    -webkit-transform: rotate(227deg);
    -ms-transform: rotate(227deg);
    transform: rotate(227deg)
}

.rating-radial.p63 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p63 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p64 .value-bar {
    -webkit-transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    transform: rotate(230deg)
}

.rating-radial.p64 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p64 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p65 .value-bar {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg)
}

.rating-radial.p65 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p65 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p66 .value-bar {
    -webkit-transform: rotate(238deg);
    -ms-transform: rotate(238deg);
    transform: rotate(238deg)
}

.rating-radial.p66 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p66 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p67 .value-bar {
    -webkit-transform: rotate(241deg);
    -ms-transform: rotate(241deg);
    transform: rotate(241deg)
}

.rating-radial.p67 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p67 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p68 .value-bar {
    -webkit-transform: rotate(245deg);
    -ms-transform: rotate(245deg);
    transform: rotate(245deg)
}

.rating-radial.p68 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p68 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p69 .value-bar {
    -webkit-transform: rotate(248deg);
    -ms-transform: rotate(248deg);
    transform: rotate(248deg)
}

.rating-radial.p69 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p69 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p70 .value-bar {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg)
}

.rating-radial.p70 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p70 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p71 .value-bar {
    -webkit-transform: rotate(256deg);
    -ms-transform: rotate(256deg);
    transform: rotate(256deg)
}

.rating-radial.p71 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p71 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p72 .value-bar {
    -webkit-transform: rotate(259deg);
    -ms-transform: rotate(259deg);
    transform: rotate(259deg)
}

.rating-radial.p72 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p72 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p73 .value-bar {
    -webkit-transform: rotate(263deg);
    -ms-transform: rotate(263deg);
    transform: rotate(263deg)
}

.rating-radial.p73 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p73 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p74 .value-bar {
    -webkit-transform: rotate(266deg);
    -ms-transform: rotate(266deg);
    transform: rotate(266deg)
}

.rating-radial.p74 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p74 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p75 .value-bar {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rating-radial.p75 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p75 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p76 .value-bar {
    -webkit-transform: rotate(274deg);
    -ms-transform: rotate(274deg);
    transform: rotate(274deg)
}

.rating-radial.p76 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p76 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p77 .value-bar {
    -webkit-transform: rotate(277deg);
    -ms-transform: rotate(277deg);
    transform: rotate(277deg)
}

.rating-radial.p77 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p77 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p78 .value-bar {
    -webkit-transform: rotate(281deg);
    -ms-transform: rotate(281deg);
    transform: rotate(281deg)
}

.rating-radial.p78 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p78 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p79 .value-bar {
    -webkit-transform: rotate(284deg);
    -ms-transform: rotate(284deg);
    transform: rotate(284deg)
}

.rating-radial.p79 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p79 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p80 .value-bar {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg)
}

.rating-radial.p80 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p80 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p81 .value-bar {
    -webkit-transform: rotate(292deg);
    -ms-transform: rotate(292deg);
    transform: rotate(292deg)
}

.rating-radial.p81 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p81 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p82 .value-bar {
    -webkit-transform: rotate(295deg);
    -ms-transform: rotate(295deg);
    transform: rotate(295deg)
}

.rating-radial.p82 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p82 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p83 .value-bar {
    -webkit-transform: rotate(299deg);
    -ms-transform: rotate(299deg);
    transform: rotate(299deg)
}

.rating-radial.p83 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p83 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p84 .value-bar {
    -webkit-transform: rotate(302deg);
    -ms-transform: rotate(302deg);
    transform: rotate(302deg)
}

.rating-radial.p84 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p84 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p85 .value-bar {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg)
}

.rating-radial.p85 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p85 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p86 .value-bar {
    -webkit-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    transform: rotate(310deg)
}

.rating-radial.p86 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p86 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p87 .value-bar {
    -webkit-transform: rotate(313deg);
    -ms-transform: rotate(313deg);
    transform: rotate(313deg)
}

.rating-radial.p87 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p87 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p88 .value-bar {
    -webkit-transform: rotate(317deg);
    -ms-transform: rotate(317deg);
    transform: rotate(317deg)
}

.rating-radial.p88 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p88 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p89 .value-bar {
    -webkit-transform: rotate(320deg);
    -ms-transform: rotate(320deg);
    transform: rotate(320deg)
}

.rating-radial.p89 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p89 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p90 .value-bar {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg)
}

.rating-radial.p90 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p90 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p91 .value-bar {
    -webkit-transform: rotate(328deg);
    -ms-transform: rotate(328deg);
    transform: rotate(328deg)
}

.rating-radial.p91 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p91 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p92 .value-bar {
    -webkit-transform: rotate(331deg);
    -ms-transform: rotate(331deg);
    transform: rotate(331deg)
}

.rating-radial.p92 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p92 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p93 .value-bar {
    -webkit-transform: rotate(335deg);
    -ms-transform: rotate(335deg);
    transform: rotate(335deg)
}

.rating-radial.p93 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p93 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p94 .value-bar {
    -webkit-transform: rotate(338deg);
    -ms-transform: rotate(338deg);
    transform: rotate(338deg)
}

.rating-radial.p94 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p94 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p95 .value-bar {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg)
}

.rating-radial.p95 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p95 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p96 .value-bar {
    -webkit-transform: rotate(346deg);
    -ms-transform: rotate(346deg);
    transform: rotate(346deg)
}

.rating-radial.p96 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p96 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p97 .value-bar {
    -webkit-transform: rotate(349deg);
    -ms-transform: rotate(349deg);
    transform: rotate(349deg)
}

.rating-radial.p97 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p97 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p98 .value-bar {
    -webkit-transform: rotate(353deg);
    -ms-transform: rotate(353deg);
    transform: rotate(353deg)
}

.rating-radial.p98 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p98 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p99 .value-bar {
    -webkit-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg)
}

.rating-radial.p99 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p99 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-radial.p100 .value-bar {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.rating-radial.p100 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.rating-radial.p100 .first50-bar {
    clip: rect(0,50px,50px,25px);
    background-color: #ff993c;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px
}

.rating-average {
    padding-right: 40px;
    position: relative
}

.rating-average__title {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 130%
}

.rating-average__desc {
    color: rgba(67,91,113,.5);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%
}

.rating-average__icon {
    color: rgba(67,91,113,.3);
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-title .dots {
    margin-right: 24px
}

.product-title__inner {
    width: calc(100% - 92px)
}

.product-title__body {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 10px
}

.product-title__body h1 {
    font-size: 3.6rem;
    line-height: 100%
}

.product-title__desc {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%;
    opacity: .5
}

.product-title__desc .slash {
    background: rgba(67,91,113,.3);
    display: inline-block;
    height: 9px;
    margin-left: 12px;
    margin-right: 12px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 1px
}

.product-title__desc a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    margin-right: 20px
}

.product-title__desc a:last-child {
    margin-right: 0
}

.product-title__desc a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.product-title__desc a.bold {
    font-weight: 700;
    margin-left: 4px;
    margin-right: 0
}

.product-hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 36px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px 20px
}

.product-hero__swiper--small {
    margin: 20px 0;
    max-height: 260px;
    overflow: hidden
}

.product-hero__swiper--small .product-swiper__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(67,91,113,.2);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 70px;
    justify-content: center;
    overflow: hidden;
    width: 90px
}

.product-hero__swiper--small .product-swiper__img img {
    max-height: 100%;
    max-width: 100%
}

.product-hero__swiper--small .swiper-slide {
    cursor: pointer
}

.product-hero__swiper--small .swiper-slide-thumb-active .product-swiper__img {
    border-color: rgba(10,191,180,.7)
}

.product-hero__swiper--big {
    background: #fff;
    border-radius: 24px;
    height: 426px;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 748px)
}

.product-hero__swiper--big .swiper-wrapper {
    max-width: 100%
}

.product-hero__swiper--big .swiper-slide {
    cursor: pointer
}

.product-hero__swiper--big .product-swiper__img,.product-hero__swiper--big .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.product-hero__swiper--big .product-swiper__img {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.product-hero__swiper--big .product-swiper__img img {
    max-height: 100%;
    max-width: 100%
}

.product-hero__swiper--big .product-hero__next,.product-hero__swiper--big .product-hero__prev {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20
}

.product-hero__swiper--big .product-hero__prev {
    left: 15px
}

.product-hero__swiper--big .product-hero__next {
    right: 15px
}

.product-hero__navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 90px
}

.product-hero__pagination {
    background: #435b71;
    border-radius: 64px;
    bottom: 12px;
    color: #fff;
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 700;
    left: 12px;
    line-height: 130%;
    max-width: 100%;
    padding: 1px 6px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 20
}

.product-hero__next,.product-hero__prev {
    background: #fff;
    border: 1px solid rgba(38,41,53,.1);
    border-radius: 50%;
    color: #435b71;
    font-size: 12px;
    height: 40px;
    width: 40px
}

.product-hero__next:hover,.product-hero__prev:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.product-hero__actions {
    height: 426px;
    width: 310px
}

.product-hero__info {
    margin-left: 28px;
    width: 280px
}

.product-actions {
    background: #fff;
    border-radius: 24px;
    padding: 24px
}

.product-actions.is-flexyblock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-actions.is-flexyblock .card__product-nobutton {
    margin-bottom: auto
}

.product-actions__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px
}

.product-actions__art {
    display: block;
    margin-bottom: 8px
}

.product-actions__art,.product-actions__rating {
    color: rgba(67,91,113,.8);
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%
}

.product-actions__rating span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.product-actions__rating .icon-star {
    color: #ffbc57;
    font-size: 12px;
    margin-left: 5px;
    vertical-align: middle
}

.product-actions__rating:hover {
    color: #0abfb4
}

.product-actions__rating:hover span {
    border-color: rgba(10,191,180,.7)
}

.product-actions__logo {
    height: 28px;
    width: 86px
}

.product-actions__logo img {
    height: 100%;
    width: 100%
}

.product-actions__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px
}

.product-actions__price>small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: rgba(67,91,113,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 130%;
    margin-bottom: 7px
}

.product-actions__price>small small {
    font-weight: 700;
    text-decoration: line-through
}

.product-actions__price>small .pin {
    background: #0abfb4;
    border-radius: 64px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 130%;
    margin-left: 5px;
    padding: 1px 4px 1px 3px
}

.product-actions__price small {
    font-size: 1.1rem
}

.product-actions__price span {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.product-actions__counter {
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product-actions__button {
    height: 48px;
    width: 100%
}

.product-actions__bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    border-top: 1px solid #f1f2f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 35px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 28px
}

.product-actions__link {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.product-actions__link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.product-actions__link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.product-actions .social__row {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.product-actions .social__row a {
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
    width: 32px
}

.product-actions .social__row a:last-child {
    margin-right: 0
}

.product-info__title {
    color: rgba(67,91,113,.3);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 6px
}

.product-info__item {
    margin: 10px 0
}

.product-info__divider {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' transform='rotate(90 2 2)' fill='%23435B71' r='2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    height: 6px;
    margin: 24px 0;
    opacity: .1;
    width: 100%
}

.product__add-to-fav {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 50%;
    color: rgba(67,91,113,.3);
    font-size: 16px;
    height: 48px;
    width: 48px
}

.product__add-to-fav:hover {
    color: rgba(255,84,104,.7)
}

.product__add-to-fav.active {
    border-color: #ff5468;
    color: #ff5468
}

.product-banners {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.product-banners__item {
    margin-right: 24px
}

.product-banners__item:last-child {
    margin-right: 0
}

.product-content__title {
    color: rgba(67,91,113,.3);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 16px
}

.product-content__components {
    -ms-grid-columns: (1fr)[2];
    display: -ms-grid;
    display: grid;
    gap: 16px 20px;
    grid-template-columns: repeat(2,1fr)
}

.product-content__swiper {
    overflow: hidden;
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

.product-content__swiper .swiper-slide {
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product-content__swiper .swiper-slide.swiper-slide-visible {
    opacity: 1
}

.product-content__swiper .nav-next,.product-content__swiper .nav-prev {
    background: #fff;
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 50%;
    height: 48px;
    position: absolute;
    top: 36%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    z-index: 5
}

.product-content__swiper .nav-prev {
    left: 0
}

.product-content__swiper .nav-next {
    right: 0
}

.info-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.info-item__inner {
    max-width: 160px
}

.info-item__inner--w_100 {
    max-width: none;
    width: 100%
}

.info-item__title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 6px
}

.info-item__desc,.info-item__title {
    font-family: Raleway;
    line-height: 130%
}

.info-item__desc {
    color: rgba(67,91,113,.8);
    font-size: 1.1rem;
    font-weight: 500
}

.info-item__price {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-right: 16px
}

.components-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #f8f9fb;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px
}

.components-item__img {
    border-radius: 16px;
    height: 160px;
    overflow: hidden;
    width: 90px
}

.components-item__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.components-item__inner {
    width: calc(100% - 110px)
}

.components-item__link {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 14px
}

.components-item__link a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.components-item__link a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.components-item__text {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#4a6278),to(rgba(74,98,120,0)));
    background: linear-gradient(180deg,#4a6278 50%,rgba(74,98,120,0));
    -webkit-background-clip: text;
    background-clip: text;
    display: -webkit-box;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 200%;
    overflow: hidden;
    text-overflow: ellipsis
}

.opt-spoiler {
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    margin-bottom: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.opt-spoiler:last-child {
    margin-bottom: 0
}

.opt-spoiler .spoiler-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.4rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 2.8rem;
    padding: 32px 24px
}

.opt-spoiler .spoiler-title .dots {
    margin-left: 24px;
    margin-right: 24px
}

.opt-spoiler .spoiler-title__text {
    cursor: pointer;
    max-width: calc(100% - 136px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.opt-spoiler .spoiler-title__text span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.opt-spoiler .spoiler-title__text:hover {
    color: #0abfb4
}

.opt-spoiler .spoiler-title__text:hover span {
    border-color: rgba(10,191,180,.7)
}

.opt-spoiler .spoiler-content {
    display: none;
    padding: 20px 24px 32px
}

.opt-spoiler .spoiler-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 28px 24px;
    position: relative
}

.opt-spoiler .spoiler-item:last-child {
    margin-bottom: 0
}

.opt-spoiler .spoiler-item:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.2' d='m1.24 11.34 3.08-3.72L0 6.5l.88-2.72 4.2 1.6-.2-4.44h2.88l-.2 4.44 4.2-1.6.88 2.72-4.32 1.12 3.08 3.72-2.28 1.72-2.8-4.04-2.8 4.04-2.28-1.72Z' fill='%23435B71'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    height: 13px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 13px
}

.opt-spoiler .spoiler-item .dots {
    margin-right: 24px
}

.opt-spoiler .spoiler-item__text {
    font-family: Raleway;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    width: calc(100% - 28px)
}

.opt-spoiler .spoiler__button {
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 50%;
    height: 48px;
    margin-left: auto;
    width: 48px
}

.opt-spoiler .spoiler__button:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.opt-spoiler.open {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.opt-spoiler.open .spoiler__button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.opt-spoiler__wrapper {
    margin-bottom: 40px
}

.opt-list {
    counter-reset: optSpoiler;
    list-style: none;
    padding: 0
}

.opt-list li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    counter-increment: optSpoiler;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 24px 32px;
    position: relative
}

.opt-list.li--bgwhite-brd li {
    background: transparent;
    border: 1px solid rgba(67,91,113,.3)
}

.opt-list.li--nonumber li:before {
    display: none;
    list-style: none
}

.opt-list.li--nonumber li .dots {
    margin-left: 0
}

.opt-list li:last-child {
    margin-bottom: 0
}

.opt-list li:before {
    color: rgba(67,91,113,.2);
    content: counter(optSpoiler);
    font-size: 4rem;
    font-weight: 700;
    line-height: 2.4rem
}

.opt-list li .dots {
    margin-left: 24px;
    margin-right: 24px
}

.opt-list__text {
    color: #262935;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%;
    width: calc(100% - 84px)
}

.opt-logistic {
    list-style-type: none;
    padding: 0
}

.opt-logistic li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #f8f9fb;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
    padding: 32px
}

.opt-logistic li:last-child {
    margin-bottom: 0
}

.opt-logistic__img {
    border-radius: 50%;
    height: 120px;
    margin-right: 32px;
    width: 120px
}

.opt-logistic__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.opt-logistic__inner {
    width: calc(100% - 152px)
}

.opt-logistic__title {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 12px
}

.opt-logistic__text {
    color: #262935;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 200%
}

.map-selects {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.map-selects .custom-select {
    margin-right: 20px
}

.map-selects .custom-select:last-child {
    margin-right: 0
}

.map-selects .custom-select:first-child {
    width: calc(25% - 15px)
}

.map-selects .custom-select:nth-child(2) {
    width: calc(33.33333% - 15px)
}

.map-selects .custom-select:nth-child(3) {
    width: calc(41.66667% - 15px)
}

.toBuyMap {
    border-radius: 32px;
    height: 537px;
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
}

.toBuyMap .bold {
    font-weight: 700
}

.deliveryMap {
    border-radius: 24px;
    height: 288px;
    margin-bottom: 32px;
    overflow: hidden;
    width: 100%
}

.news-detail__hashtags {
    color: rgba(67,91,113,.8);
    font-size: 1.2rem;
    line-height: 130%;
    margin-top: 40px
}

.news-detail__hashtags>* {
    margin-right: 20px
}

.news-detail__hashtags>:last-child {
    margin-right: 0
}

.news-detail__hashtags a {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.news-detail__hashtags a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.news__lightbox {
    display: block;
    overflow: hidden;
    position: relative
}

.news__lightbox:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news__lightbox img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.footer {
    position: relative
}

.footer__top {
    background: #142c42
}

.footer__top .container {
    padding-bottom: 50px;
    padding-top: 50px
}

.footer__top .container,.footer__top-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.footer__top-item {
    margin-right: 100px
}

.footer__top-item:last-child {
    margin-right: 0
}

.footer__top-item .dots {
    margin-right: 30px
}

.footer__top-item .dots span {
    background: #00ada2
}

.footer__top-item .desc {
    color: hsla(0,0%,100%,.5);
    display: block;
    font-family: Raleway;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 12px
}

.footer__top-item a {
    border-bottom: 1px dotted hsla(0,0%,100%,.3);
    color: #fff;
    font-family: Raleway;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 2.8rem
}

.footer__top-item a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.footer__main {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(20,44,66,.95)),to(rgba(20,44,66,.95)));
    background: linear-gradient(0deg,rgba(20,44,66,.95),rgba(20,44,66,.95))
}

.footer__main .container {
    padding-top: 30px
}

.footer__main-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px
}

.footer__info,.footer__main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background: #0abfb4;
    border-radius: 36px 36px 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 40px 28px 0;
    text-align: center
}

.footer__info>span {
    color: hsla(0,0%,100%,.7);
    display: block;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 30px;
    text-align: center
}

.footer__info .dots {
    margin-bottom: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.footer__info .dots span {
    background: #06b4a9
}

.footer__info ul {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    text-align: center
}

.footer__info ul li {
    margin-bottom: 16px
}

.footer__info ul li:last-child {
    margin-bottom: 0
}

.footer__info ul li a,.footer__info ul li span {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem
}

.footer__info ul li a {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    color: hsla(0,0%,100%,.5)
}

.footer__info ul li a:hover {
    border-color: hsla(0,0%,100%,.7);
    color: #fff
}

.footer__info ul li a.special,.footer__info ul li span {
    color: #fff
}

.footer__info-link {
    border: 2px solid hsla(0,0%,100%,.3);
    border-radius: 12px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    padding: 14px 16px
}

.footer__info-link span {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.footer__info-link:hover {
    border-color: #fff
}

.footer__info-link:hover span {
    border-color: hsla(0,0%,100%,.7)
}

.footer__info-grid {
    -ms-grid-columns: (1fr)[2];
    display: -ms-grid;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 15px
}

.footer__info-grid>:last-child {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    text-align: center
}

.footer__info-white {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8px 8px 0 0;
    justify-content: center;
    margin-top: auto;
    overflow: hidden
}

.footer__info-white,.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__social {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    background: rgba(24,27,39,.4);
    border-radius: 64px;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.footer__social:last-child {
    margin-bottom: 0
}

.footer__social-wrapper {
    margin-left: 20px
}

.footer__social-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.4rem;
    height: 40px;
    justify-content: center;
    margin-bottom: 16px;
    width: 40px
}

.footer__social-item:last-child {
    margin-bottom: 0
}

.footer__social-item.icon-vk {
    background: rgba(89,146,255,.15);
    color: #5992ff
}

.footer__social-item.icon-vk:hover {
    background: rgba(89,146,255,.3)
}

.footer__social-item.icon-instagram {
    background: rgba(204,118,234,.15);
    color: #cc76ea
}

.footer__social-item.icon-instagram:hover {
    background: rgba(204,118,234,.3)
}

.footer__social-item.icon-twitter {
    background: rgba(27,214,255,.15);
    color: #1bd6ff
}

.footer__social-item.icon-twitter:hover {
    background: rgba(27,214,255,.3)
}

.footer__social-item.icon-fb-1 {
    background: rgba(99,133,255,.15);
    color: #6385ff
}

.footer__social-item.icon-fb-1:hover {
    background: rgba(99,133,255,.3)
}

.footer__social-item.icon-odnoklassniki-2 {
    background: rgba(255,153,60,.15);
    color: #ff993c
}

.footer__social-item.icon-odnoklassniki-2:hover {
    background: rgba(255,153,60,.3)
}

.footer__social-item.icon-whatsapp {
    background: rgba(71,192,97,.15);
    color: #47c061
}

.footer__social-item.icon-whatsapp:hover {
    background: rgba(71,192,97,.3)
}

.footer__social-item.icon-telegram {
    background: rgba(27,200,255,.15);
    color: #1bc8ff
}

.footer__social-item.icon-telegram:hover {
    background: rgba(27,200,255,.3)
}

.footer__social-item.icon-viber {
    background: rgba(196,101,255,.15);
    color: #c465ff
}

.footer__social-item.icon-viber:hover {
    background: rgba(196,101,255,.3)
}

.footer__spoiler {
    background: hsla(0,0%,100%,.05);
    border-radius: 16px;
    color: #fff;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 30px 32px;
    width: 100%
}

.footer__spoiler:last-child {
    margin-bottom: 20px
}

.footer__spoiler-wrapper {
    margin-left: 40px;
    margin-right: 60px;
    width: calc(100% - 430px)
}

.footer__spoiler-title {
    margin-bottom: 16px;
    width: 100%
}

.footer__spoiler-title a,.footer__spoiler-title>span {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem
}

.footer__spoiler-title a span {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.footer__spoiler-title a:hover {
    color: #0abfb4
}

.footer__spoiler-title a:hover span {
    border-color: rgba(10,191,180,.7)
}

.footer__spoiler-button {
    border: 1px solid rgba(67,91,113,.6);
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    height: 24px;
    margin-left: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 24px
}

.footer__spoiler-button.open {
    border-color: rgba(10,191,180,.5);
    color: #0abfb4;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer__spoiler-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -12px
}

.footer__spoiler-content>* {
    margin-bottom: 12px;
    margin-right: 24px
}

.footer__spoiler-content>:last-child {
    margin-right: 0
}

.footer__spoiler-content a,.footer__spoiler-content>span {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.footer__spoiler-content a {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.footer__spoiler-content a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.footer__nav {
    max-width: 230px
}

.footer__nav>* {
    margin-bottom: 20px
}

.footer__nav>:last-child {
    margin-bottom: 0
}

.footer__nav a,.footer__nav span {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem
}

.footer__nav a {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.footer__nav a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.footer__logo {
    height: 52px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 162px
}

.footer__scroll {
    background: #fff;
    border: 4px solid #0abfb4;
    border-radius: 50%;
    bottom: 100px;
    color: #0abfb4;
    font-size: 25px;
    height: 56px;
    position: absolute;
    right: 100px;
    width: 56px
}

.footer__scroll:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.footer>:not(.footer__bg) {
    z-index: 2
}

.footer__bg {
    bottom: 0;
    height: 100%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.footer__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.popup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5vh auto 0;
    max-width: 640px;
    padding: 54px 24px 12px;
    position: relative;
    width: auto;
    z-index: 99999
}

.popup__divider {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' transform='rotate(90 2 2)' fill='%23435B71' r='2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    height: 6px;
    margin: 32px 0;
    opacity: .1;
    width: 100%
}

.popup__modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.popup-backcall .btn-submit,.popup-review .btn-submit,.popup__oneclick .btn-submit {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 354px;
    width: 100%
}

.popup__mask {
    background: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.popup__video {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 0
}

.popup__video iframe {
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.popup__video .popup__close {
    color: #fff
}

.popup-review__preview {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.popup-review__preview img {
    border: 1px solid rgba(67,91,113,.1);
    border-radius: 12px;
    height: 64px;
    margin-bottom: 16px;
    margin-right: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 90px
}

.popup-heading,.popup-review__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.popup-heading {
    margin-bottom: 32px;
    width: 100%
}

.popup-heading .dots {
    margin-right: 24px
}

.popup-heading__subtitle {
    color: rgba(67,91,113,.3);
    font-family: Raleway;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 130%
}

.popup-heading__title {
    color: #435b71;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

.popup-heading .rating {
    margin-left: auto
}

.popup__upload {
    margin-bottom: 16px
}

.popup__logo {
    opacity: .1
}

.popup__logo,.popup__tabs {
    margin-bottom: 32px
}

.popup__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    background: #f8f9fb;
    border-radius: 32px;
    -webkit-box-shadow: inset 0 0 6px #f3f5f9;
    box-shadow: inset 0 0 6px #f3f5f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px 32px 24px;
    width: 100%
}

.popup__content .custom-input {
    margin-bottom: 16px
}

.popup__content .custom-input .input {
    background: #fff
}

.popup__content .tabs__content {
    width: 100%
}

.popup__content .btn-transparent {
    color: #435b71
}

.popup__content .btn-transparent span {
    border-color: rgba(67,91,113,.3)
}

.popup__close {
    color: #435b71;
    font-size: 20px;
    position: absolute;
    right: 16px;
    top: 16px
}

.popup__close:hover {
    color: #0abfb4
}

.popup-account__desc {
    color: #262935;
    font-family: Raleway;
    font-size: 1.2rem;
    line-height: 200%;
    margin-left: auto;
    margin-right: auto;
    max-width: 302px;
    text-align: center
}

.popup__successfull {
    margin: 10% auto;
    padding-bottom: 54px!important
}

@media (max-width: 991px) {
    .popup {
        margin:5vh auto
    }
}

.mps__anchor {
    border-bottom: 1px solid rgba(67,91,113,.15);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    padding: 16px 24px;
    position: relative;
    width: 100%
}

.mps__anchor:before {
    background: #0abfb4;
    border-radius: 0 6px 6px 0;
    content: "";
    height: calc(100% - 24px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 6px
}

.mps__anchor:hover {
    color: #0abfb4
}

.mps__anchor:hover span {
    border-color: rgba(10,191,180,.7)
}

.mps__anchor.active {
    color: #0abfb4;
    cursor: default
}

.mps__anchor.active span {
    border-color: transparent
}

.mps__anchor.active:before {
    opacity: 1
}

.mps__anchor:last-child {
    border-bottom: none
}

.mps__anchor span {
    border-bottom: 1px dotted rgba(67,91,113,.3)
}

.mps__anchor-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.mps__anchor-wrapper--with-icon .mps__anchor:after {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #0abfb4;
    border-radius: 50%;
    color: #fff;
    content: "\e90e";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 32px;
    line-height: 1;
    line-height: 32px;
    margin-left: 12px;
    opacity: 0;
    text-align: center;
    text-transform: none;
    width: 32px
}

.mps__anchor-wrapper--with-icon .mps__anchor img {
    display: inline;
    margin-right: 12px;
    vertical-align: middle;
    width: 28px
}

.mps__anchor-wrapper--with-icon .mps__anchor.active span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 88px)
}

.mps__anchor-wrapper--with-icon .mps__anchor.active:after {
    opacity: 1
}

@media (min-width: 992px) {
    .mps__anchor-wrapper {
        display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .mps__anchor {
        font-size:1.4rem
    }
}

@media (max-width: 991px) {
    .mps__anchor {
        border:none;
        display: inline-block;
        padding: 20px;
        width: auto
    }

    .mps__anchor:before {
        border-radius: 6px 6px 0 0;
        bottom: 0;
        height: 6px;
        left: 50%;
        top: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

    .mps__anchor-wrapper {
        background: #fff;
        border-radius: 0;
        display: none;
        left: 0;
        margin-bottom: 0;
        overflow: auto;
        position: fixed;
        top: 64px;
        -webkit-transform: translateY(-110px);
        -ms-transform: translateY(-110px);
        transform: translateY(-110px);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        white-space: nowrap;
        width: 100%;
        z-index: 50
    }

    .mps__anchor-wrapper.scroll-animated-mobile {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width: 576px) {
    .mps__anchor {
        font-size:1.4rem
    }

    .mps__anchor-wrapper--with-icon .mps__anchor:after {
        display: none
    }
}

.section__dark {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: rgba(20,44,66,.95);
    border-radius: 36px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 60px;
    position: relative
}

.section__dark-link {
    color: hsla(0,0%,100%,.5);
    font-size: 1.4rem;
    line-height: 100%;
    margin-bottom: 12px
}

.section__dark-link a {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.section__dark-link a:hover {
    border-color: rgba(10,191,180,.7);
    color: rgba(10,191,180,.7)
}

.section__dark-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 3.2rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 120%;
    margin-right: 40px
}

.section__dark-title a,.section__dark-title span,.section__dark-title>div {
    max-width: 240px
}

.section__dark-title a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px
}

.section__dark-title a:hover {
    color: #0abfb4
}

.section__dark-title .dots {
    margin-left: 40px
}

.section__dark-title .dots span {
    background: hsla(0,0%,100%,.2)
}

.section__dark-title h1 {
    font-size: 2.8rem;
    line-height: 120%;
    text-align: left
}

.section__dark-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: hsla(0,0%,100%,.1);
    border: 2px solid transparent;
    border-radius: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Raleway;
    font-size: 1.2rem;
    font-weight: 600;
    height: 120px;
    justify-content: center;
    line-height: 130%;
    padding-left: 14px;
    padding-right: 14px;
    text-align: center;
    width: 130px
}

.section__dark-item,.section__dark-item-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section__dark-item-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section__dark-item-wrapper .item-wrapper {
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative
}

.section__dark-item-wrapper .item-wrapper:last-child {
    margin-right: 0
}

.section__dark-item-wrapper .item-wrapper:nth-child(3) .section__dark-item-popup,.section__dark-item-wrapper .item-wrapper:nth-child(4) .section__dark-item-popup {
    left: auto;
    right: 0
}

.section__dark-item-popup {
    -ms-grid-columns: (auto)[2];
    background: #fff;
    border: 1px solid rgba(67,91,113,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    box-shadow: 0 5px 15px -5px rgba(67,91,113,.1);
    color: #435b71;
    -webkit-column-gap: 54px;
    -moz-column-gap: 54px;
    column-gap: 54px;
    display: -ms-grid;
    display: grid;
    font-size: 1.4rem;
    font-weight: 700;
    grid-template-columns: repeat(2,auto);
    left: 0;
    line-height: 100%;
    max-width: none;
    opacity: 0;
    padding: 48px 32px;
    position: absolute;
    row-gap: 24px;
    top: calc(100% + 25px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 5
}

.section__dark-item-popup:before {
    bottom: 100%;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%
}

.section__dark-item-popup.clone_intabletpopup {
    display: block;
    left: 50%!important;
    padding: 0 10px 0 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section__dark-item-popup>a {
    max-width: 200px
}

.section__dark-item-popup>a span {
    border-bottom: 1px solid rgba(67,91,113,.3)
}

.section__dark-item-popup>a:hover {
    color: #0abfb4
}

.section__dark-item-popup>a:hover span {
    border-color: rgba(10,191,180,.7)
}

.section__dark-item-popup>div a {
    border-bottom: 1px solid rgba(67,91,113,.3);
    color: #435b71
}

.section__dark-item-popup>div a:hover {
    border-color: rgba(10,191,180,.7);
    color: #0abfb4
}

.section__dark-item-popup>div a>span {
    opacity: .7
}

.section__dark-item img {
    margin-bottom: 12px
}

.section__dark-decoration {
    max-height: 100%;
    max-width: 300px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section__dark-decoration img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.section__dark-decoration--opacitybg {
    max-height: 100%;
    max-width: 680px;
    opacity: .05;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.section__dark--main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section__dark--main .section__dark-inner {
    max-width: 60%;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 5
}

.section__dark--main .section__dark-inner.w100 {
    max-width: 100%;
    width: 100%
}

.section__dark--main .section__dark-decoration {
    max-width: none
}

.section__dark--main .section__dark-decoration img {
    max-height: 288px
}

.section__dark-servpopup {
    background: rgba(21,45,67,.9);
    color: #fff;
    display: none;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding: 48px 20px 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.section__dark-servpopup-close {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px
}

.section__dark-servpopup .header__nav-bigdropdown-services_scroll {
    background: transparent;
    height: auto;
    overflow: initial;
    padding: 0;
    width: 100%
}

.section__dark-servpopup .header__nav-bigdropdown-services_ul ul li a {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.section__dark-servpopup .header__nav-bigdropdown-services_ul ul li a:hover {
    border-color: rgba(10,191,180,.3);
    color: #0abfb4
}

.section__dark-servpopup .header__nav-bigdropdown-services_ul ul li span {
    color: hsla(0,0%,100%,.7)
}

.section__dark-servpopup .catalog__content-title,.section__dark-servpopup .mps__title {
    color: #fff
}

.section__dark-servpopup .catalog__content-title a,.section__dark-servpopup .mps__title a {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.section__dark-servpopup .catalog__content-title a:hover,.section__dark-servpopup .mps__title a:hover {
    border-color: rgba(10,191,180,.3);
    color: #0abfb4
}

.section__dark-servpopup .catalog__content-title .dots span,.section__dark-servpopup .mps__title .dots span {
    background: hsla(0,0%,100%,.4)
}

.section__dark-scrollymobile {
    background: #142c42;
    display: none;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 64px;
    width: 100%;
    z-index: 120
}

.section__dark-scrollymobile .section__dark-item-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 10px;
    white-space: nowrap
}

.section__dark-scrollymobile .item-wrapper {
    margin: 0!important;
    text-align: center;
    width: 25%
}

.section__dark-scrollymobile .section__dark-item {
    background: transparent;
    border: 0;
    border-radius: 0;
    height: 56px;
    position: relative
}

.section__dark-scrollymobile .section__dark-item:hover {
    background: transparent
}

.section__dark-scrollymobile .section__dark-item img {
    display: none
}

.section__dark-scrollymobile .section__dark-item span {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.section__dark-scrollymobile .section__dark-item i {
    color: #fff
}

.section__dark-scrollymobile span.section__dark-item:after {
    background: #0abfb4;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.section__dark-scrollymobile span.section__dark-item span {
    color: #0abfb4
}

@media (min-width: 1200px) {
    .section__dark--big .section__dark-h1 {
        max-width:350px
    }

    .section__dark--big .section__dark-decoration {
        top: 50%
    }
}

@media (min-width: 992px) {
    .section__dark-h1 {
        font-size:3.2rem
    }

    .section__dark-h1 h1 {
        font-size: 3.6rem;
        line-height: 100%
    }

    .section__dark-item-wrapper .item-wrapper:hover .section__dark-item-popup {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 1200px) and (max-width:1339px) {
    .section__dark--big .section__dark-decoration {
        display:none
    }

    .section__dark--main .section__dark-decoration {
        display: block
    }
}

@media (max-width: 1345px) and (min-width:1199px) {
    .section__dark-decoration {
        display:none
    }
}

@media (max-width: 1199px) {
    .section__dark {
        padding:32px
    }

    .section__dark-title {
        margin-bottom: 24px;
        margin-right: 0;
        width: 100%
    }

    .section__dark-title a,.section__dark-title span {
        max-width: 100%
    }

    .section__dark-item-wrapper {
        width: 100%
    }

    .section__dark--main {
        min-height: auto
    }

    .section__dark--main .section__dark-inner {
        max-width: 70%
    }

    .section__dark--main .section__dark-decoration {
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: calc(30% - 30px)
    }
}

@media (max-width: 991px) {
    .section__dark-decoration {
        display:none
    }

    .section__dark--main .section__dark-inner {
        max-width: 100%;
        width: 100%
    }

    .section__dark-item.type_btntablet div span {
        border-bottom: 1px dotted hsla(0,0%,100%,.3)
    }

    .section__dark-item-popup {
        display: none
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .section__dark-item {
        width:100%
    }

    .section__dark-item-wrapper {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px)
    }

    .section__dark-item-wrapper .item-wrapper {
        margin: 0 5px 10px;
        width: calc(25% - 10px)
    }

    .section__dark-item-wrapper .item-wrapper:last-child {
        margin: 0 5px 10px
    }
}

@media (max-width: 767px) {
    .section__dark {
        border-radius:24px;
        padding: 32px 12px 12px
    }

    .section__dark-title {
        font-size: 2.4rem;
        margin-bottom: 18px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative
    }

    .section__dark-title a,.section__dark-title span {
        max-width: 100%;
        width: 100%
    }

    .section__dark-title .dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: none;
        justify-content: center;
        margin: 25px auto -4px;
        width: 100%
    }

    .section__dark-title .dots>span {
        left: 0;
        margin: 0 3px;
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .section__dark-item {
        width: 100%
    }

    .section__dark-item-wrapper .item-wrapper {
        margin: 4px;
        width: calc(50% - 8px)
    }

    .section__dark-item-wrapper .item-wrapper:last-child {
        margin: 4px
    }

    .section__dark-decoration {
        display: block;
        height: 110px;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 239px
    }

    .section__dark--main .section__dark-title {
        margin-bottom: 24px
    }

    .section__dark--main .section__dark-decoration {
        display: none
    }

    .section__dark-item {
        height: 58px;
        padding-left: 10px;
        padding-right: 10px
    }

    .section__dark-item img {
        display: none
    }
}

@media (max-width: 576px) {
    .section__dark-decoration {
        display:none
    }
}

.cataloglblock-3-3-2 .card__product-price span {
    font-size: 2rem
}

@media (min-width: 992px) {
    .header__burger,.header__main--mobile {
        display:none
    }

    .header__dropdown {
        display: none!important
    }

    .mps--p80 .container {
        padding-bottom: 80px;
        padding-top: 80px
    }

    .mps--p100 .container {
        padding-bottom: 80px;
        padding-top: 100px
    }

    .producing__content-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }

    .checkout-success .mps__text {
        font-size: 1.4rem
    }

    .footer__spoiler-button {
        display: none
    }

    .cart-modal__main .card__cart {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        background: #f8f9fb;
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 6px #f3f5f9;
        box-shadow: inset 0 0 6px #f3f5f9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 16px
    }

    .cart-modal__main .card__cart-img {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        width: 117px
    }

    .cart-modal__main .card__cart-img:hover~.card__cart-inner .card__cart-link {
        color: #0abfb4
    }

    .cart-modal__main .card__cart-img:hover~.card__cart-inner .card__cart-link a {
        border-color: rgba(10,191,180,.7)
    }

    .cart-modal__main .card__cart .dots {
        margin-left: 16px;
        margin-right: 16px
    }

    .cart-modal__main .card__cart .slash {
        background: rgba(67,91,113,.3);
        display: inline-block;
        height: 10px;
        margin-left: 10px;
        margin-right: 10px;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
        width: 1px
    }

    .cart-modal__main .card__cart-inner {
        margin-right: 12px;
        width: calc(100% - 487px)
    }

    .cart-modal__main .card__cart-tags {
        margin-bottom: 8px
    }

    .cart-modal__main .card__cart-tags span {
        color: rgba(67,91,113,.8);
        font-family: Raleway;
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 130%;
        opacity: .5
    }

    .cart-modal__main .card__cart-pin {
        background: #0abfb4;
        border-radius: 64px;
        color: #fff;
        display: inline-block;
        font-family: Raleway;
        font-size: 1rem;
        font-weight: 700;
        line-height: 130%;
        min-height: 19px;
        padding: 3px 10px;
        text-align: center;
        vertical-align: middle
    }

    .cart-modal__main .card__cart-pin.green {
        background: #6ddaa6
    }

    .cart-modal__main .card__cart-pin.yellow {
        background: #ffbc57
    }

    .cart-modal__main .card__cart-link {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 2.4rem
    }

    .cart-modal__main .card__cart-link a {
        border-bottom: 1px solid rgba(67,91,113,.3)
    }

    .cart-modal__main .card__cart-link a:hover {
        border-color: rgba(10,191,180,.7);
        color: #0abfb4
    }

    .cart-modal__main .card__cart-price {
        margin-right: 24px
    }

    .cart-modal__main .card__cart-price>small {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        color: rgba(67,91,113,.3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-family: Raleway;
        font-size: 1.1rem;
        font-weight: 600;
        justify-content: flex-start;
        line-height: 130%;
        margin-bottom: 7px
    }

    .cart-modal__main .card__cart-price>small small {
        font-weight: 700;
        text-decoration: line-through
    }

    .cart-modal__main .card__cart-price>small .pin {
        background: #0abfb4;
        border-radius: 64px;
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        line-height: 130%;
        margin-left: 5px;
        padding: 1px 4px 1px 3px
    }

    .cart-modal__main .card__cart-price small {
        font-size: 1.1rem
    }

    .cart-modal__main .card__cart-price span {
        color: #435b71;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.6rem
    }

    .cart-modal__main .card__cart-delete {
        color: rgba(67,91,113,.2);
        font-size: 2.4rem;
        margin-left: auto
    }

    .cart-modal__main .card__cart-delete:hover {
        color: #ff5468
    }

    .cart-modal__main .card__cart .counter {
        margin-right: 24px
    }
}

@media (max-width: 1650px) {
    .footer__scroll {
        display:none
    }
}

@media (max-width: 1530px) {
    .mps__swiper .nav-next,.mps__swiper .nav-prev {
        display:none
    }

    .mps__swiper .swiper-slide {
        opacity: 1;
        pointer-events: all
    }
}

@media (max-width: 1480px) {
    .section__dark.on-homepage .section__dark-title {
        margin-bottom:24px;
        width: 100%
    }

    .section__dark.on-homepage .section__dark-title a {
        max-width: 420px
    }
}

@media (min-width: 1340px) {
    .card__reviews {
        padding-right:20px
    }
}

@media (max-width: 1339px) {
    .intro .card__product-bottom .btn {
        height:36px;
        padding-left: 28px;
        padding-right: 28px
    }

    .intro .card__product-bottom .btn span {
        display: none
    }

    .intro .card__product-bottom .btn i {
        display: block
    }

    .cart__final {
        padding: 24px 16px
    }

    .cart-final__title {
        font-size: 1.6rem
    }

    .cart-final__button {
        height: 48px
    }

    .cart__info {
        margin-left: 0
    }

    .product-title__body h1 {
        font-size: 3.2rem
    }

    .producing__cardproduct,.producing__cardproduct-priceblock {
        padding: 24px
    }

    .reviews-title__body h1 {
        font-size: 3.2rem
    }

    .footer__top .container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__top-item {
        margin-right: 0
    }

    .footer__social-wrapper {
        margin-left: 0
    }

    .footer__spoiler-wrapper {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 342px)
    }
}

@media (min-width: 1200px) and (max-width:1339px) {
    .card__product-bottom .btn {
        padding-left:25px;
        padding-right: 25px
    }

    .card__reviews-buttons .btn {
        margin-right: 10px;
        padding: 0 16px
    }
}

@media (min-width: 1200px) {
    .product-hero__pagination {
        display:none
    }
}

@media (max-width: 1199px) {
    .header__top-call>span {
        display:none
    }

    .header__top-call a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #0abfb4;
        border: none;
        border-radius: 64px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 40px;
        justify-content: center;
        width: 64px
    }

    .header__top-call a span {
        display: none
    }

    .header__top-call a:hover {
        color: #fff
    }

    .header__top-call i {
        display: block;
        font-size: 2.2rem;
        -webkit-transition: none;
        transition: none;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }

    .header__main .container>* {
        margin-right: 12px
    }

    .header__nav-item>a {
        padding: 12px 10px
    }

    .header__oldbrowser {
        font-size: 1.6rem;
        padding: 12px 0
    }

    .catalog__content-middle {
        margin-right: 0
    }

    .catalog__content-right {
        display: none
    }

    .card__product--small .card__product-img {
        margin-right: 10px
    }

    .card__product--small .card__product-content-wrapper {
        width: calc(100% - 104px)
    }

    .series__intro-logo img {
        max-width: 134px;
        min-width: auto
    }

    .series__intro-title {
        padding: 16px 24px
    }

    .series__intro-title .dots {
        margin-left: 16px;
        margin-right: 16px
    }

    .series__intro-title .title {
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin-bottom: 8px
    }

    .series__intro-title .title-wrapper {
        margin-right: 10px;
        width: calc(100% - 460px)
    }

    .series__intro-title-images img {
        height: 60px;
        width: 90px
    }

    .series__intro-row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .series__intro-image {
        width: calc(33.333% - 20px)
    }

    .contacts__greenblock-item a {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .content__download .button-download {
        margin-bottom: 16px;
        width: 100%
    }

    .content__download .button-download:last-child {
        margin-bottom: 0
    }

    .producing__highlight {
        padding: 40px 32px
    }

    .producing__highlight-img {
        border-radius: 0 640px 640px 0;
        left: -47px;
        margin-bottom: 12px;
        position: relative;
        right: auto
    }

    .producing__highlight-inner .producing__highlight-par {
        width: 100%
    }

    .producing__tzform .producing__highlight.pd32 {
        padding: 24px 20px
    }

    .account-spoiler {
        padding: 16px 20px
    }

    .account-spoiler__title .dots {
        display: none
    }

    .account-spoiler__title .spoiler-title__icon {
        margin-right: 4px
    }

    .account-spoiler__title .spoiler-title__desc {
        font-size: 1.1rem
    }

    .account-spoiler__title .spoiler-title__info {
        font-size: 1.6rem
    }

    .product-hero__navigation {
        display: none
    }

    .product-hero__swiper--big {
        margin-left: 0;
        max-width: calc(100% - 650px);
        width: calc(100% - 650px)
    }

    .product-hero__swiper--big .product-hero__next,.product-hero__swiper--big .product-hero__prev {
        display: block
    }

    .product-title__body h1,.reviews-title__body h1 {
        font-size: 2.8rem
    }

    .cart-modal {
        left: 50%;
        position: fixed;
        top: 172px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .footer__spoiler-wrapper {
        width: calc(100% - 302px)
    }

    .footer__nav {
        max-width: 190px
    }

    .footer__nav a,.footer__nav span {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .error-banner {
        min-height: auto;
        padding: 50px
    }

    .error-banner__inner {
        width: calc(100% - 250px)
    }

    .error-banner__img {
        height: 250px;
        position: static;
        width: 250px
    }

    .hashtag__item.hashtag__item--h1 {
        font-size: 2.4rem
    }

    .hashtag__item.hashtag__item--h2 {
        font-size: 2rem
    }

    .hashtag__item.hashtag__item--h3 {
        font-size: 1.8rem
    }

    .hashtag__item.hashtag__item--h4 {
        font-size: 1.6rem
    }

    .hashtag__item.hashtag__item--h5 {
        font-size: 1.5rem
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .card__cart-img {
        margin-bottom:12px
    }

    .card__cart .dots {
        display: none
    }

    .card__cart-inner {
        margin-bottom: 12px;
        margin-left: 12px;
        width: calc(100% - 141px)
    }

    .card__cart .counter,.card__cart-price {
        margin-right: 12px
    }

    .card__cart-delete {
        margin-left: 0
    }

    .card__order-img {
        margin-bottom: 12px
    }

    .card__order .dots {
        display: none
    }

    .card__order-quantity {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-left: 24px;
        margin-right: 0;
        order: 1
    }

    .card__order-inner {
        margin-bottom: 12px;
        margin-left: 12px;
        margin-right: 0;
        width: calc(100% - 129px)
    }

    .card__order-price {
        margin-right: 0
    }

    .card__fav .dots {
        display: none
    }

    .card__fav-inner {
        margin-left: 12px;
        width: calc(100% - 327px)
    }

    .card__fav-price {
        margin-right: 12px
    }

    .card__fav-delete {
        margin-left: 12px
    }

    .card-production__title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .section__banner {
        border-radius: 15px;
        padding: 32px 16px
    }

    .section__banner-content {
        width: calc(100% - 140px)
    }

    .section__banner-content a {
        font-size: 2.2rem;
        line-height: 100%
    }

    .section__banner-content span {
        font-size: 1rem;
        line-height: 1.2rem
    }

    .section__banner-content-image {
        bottom: 50%;
        height: 73px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        width: 90px
    }

    .section__banner.irecommend .section__banner-content a {
        font-size: 2.2rem;
        line-height: 100%
    }

    .section__banner.irecommend .section__banner-content-image {
        -o-object-fit: contain;
        object-fit: contain;
        right: 40px;
        top: -16px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .producing__workers {
        -ms-grid-columns: 1fr;
        gap: 20px;
        grid-template-columns: 1fr
    }

    .producing__workers-item {
        padding: 16px 20px
    }

    .producing__advantages {
        -ms-grid-columns: 1fr;
        gap: 20px;
        grid-template-columns: 1fr
    }

    .producing__photo {
        gap: 20px
    }

    .producing__examples {
        -ms-grid-columns: (1fr)[2];
        gap: 20px;
        grid-template-columns: repeat(2,1fr)
    }

    .greenblock-free__subtitle,.greenblock-free__title {
        width: 100%
    }

    .greenblock-free__img {
        margin-top: 16px;
        position: static
    }

    .product-content__components {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .rating-average {
        padding-right: 20px
    }

    .rating-average__desc,.rating-average__title {
        display: none
    }

    .opt-spoiler .spoiler-title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .opt-spoiler .spoiler-title .dots {
        margin-left: 12px;
        margin-right: 12px
    }

    .opt-spoiler .spoiler-title__icon {
        height: 28px;
        width: 28px
    }

    .opt-spoiler .spoiler-item__text {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .opt-spoiler .spoiler__button {
        height: 36px;
        width: 36px
    }

    .footer__top-item desc {
        font-size: 1.2rem;
        margin-bottom: 8px
    }

    .footer__top-item a {
        font-size: 2.4rem;
        line-height: 100%
    }

    .custom-radio--width_33 {
        margin-right: 0!important;
        width: 100%
    }
}

@media (max-width: 991px) {
    body {
        padding-top:64px
    }

    .sticky,.sticky.animated {
        top: 64px
    }

    .header.header-animated {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .header__main .container .header__logo {
        margin-right: 0
    }

    .section__series {
        margin-bottom: 24px
    }

    .section__series-title {
        width: calc(100% - 260px)
    }

    .section__series-button {
        display: none
    }

    .mps .container {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .mps__link-wrapper {
        display: block!important;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 0 14px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
        position: relative;
        white-space: nowrap
    }

    .mps__link-wrapper>* {
        display: inline-block;
        margin: 0 4px
    }

    .mps__intro {
        margin-bottom: 32px;
        padding: 24px
    }

    .mps__intro+.mps__link-wrapper {
        margin-top: 0
    }

    .mps__intro-title .icon img,.mps__intro-title .icon svg {
        height: 40px;
        width: 40px
    }

    .mps__intro-title .icon~.title {
        width: calc(100% - 96px)
    }

    .mps__title--subtitle .mps__title-wrapper span {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .mps__title--subtitle .mps__title-wrapper small {
        font-size: 1.2rem;
        line-height: 1.8rem
    }

    .mps.producing,.mps.together {
        overflow-x: hidden
    }

    .header__top {
        display: none
    }

    .header__main .container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        height: 64px;
        justify-content: space-between
    }

    .header__main .header__cart,.header__main .header__catalog-open,.header__main .header__fav {
        display: none
    }

    .header__main .header__profile-wrapper {
        margin-left: auto
    }

    .header__main .header__profile-wrapper .header__profile {
        background: transparent;
        font-size: 2.4rem;
        height: 28px;
        width: 28px
    }

    .header__main .header__profile-wrapper .header__profile-modal {
        left: -10px;
        top: -12px
    }

    .header__main .header__search {
        display: none
    }

    .header__profile-modal {
        left: 0;
        padding-left: 0;
        padding-right: 20px;
        right: auto
    }

    .header__profile-modal-title .dots {
        display: none
    }

    .header__profile-modal-icon {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .header__profile-link-wrapper {
        padding-left: 20px
    }

    .header__profile-link-wrapper:before {
        left: -1px
    }

    .header__dropdown-link {
        padding-left: 24px
    }

    .catalog {
        display: none
    }

    .catalog__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .catalog__top .tabs {
        display: block!important;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -10px;
        margin-right: -10px;
        min-width: calc(100% + 20px);
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 10px 16px;
        position: relative;
        white-space: nowrap;
        width: calc(100% + 20px)
    }

    .intro .container {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .intro__swiper .swiper-slide {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        justify-content: flex-start;
        width: 100%
    }

    .intro__swiper-slide {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-end;
        align-items: flex-start;
        align-self: stretch;
        height: auto;
        justify-content: stretch;
        width: 100%
    }

    .intro__swiper-slide-wrapper {
        max-width: none;
        width: calc(100% - 240px)
    }

    .intro__swiper-slide h1,.intro__swiper-slide span {
        font-size: 3rem
    }

    .intro__swiper-slide img {
        max-width: 210px
    }

    .card__product-hashtags {
        overflow-x: scroll
    }

    .card__product-hashtags::-webkit-scrollbar,.card__product-hashtags::-webkit-scrollbar-thumb {
        height: 0;
        width: 0
    }

    .social__row a {
        font-size: 2rem;
        height: 32px;
        line-height: 32px;
        width: 32px
    }

    .banners .row [class*=col-] {
        margin-bottom: 32px
    }

    .banners .row [class*=col-]:last-child {
        margin-bottom: 0
    }

    .partners__swiper {
        padding: 40px 10px
    }

    .partners__swiper-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 90px;
        padding: 16px;
        width: 120px
    }

    .series__list {
        padding-bottom: 40px
    }

    .series__intro {
        margin-bottom: 32px
    }

    .series__intro-logo {
        display: none
    }

    .series__intro-logo img {
        height: 28px;
        width: 86px
    }

    .series__intro-title .dots {
        display: none
    }

    .series__intro-title .title-wrapper {
        width: calc(100% - 320px)
    }

    .producing__spoiler-title.is-link {
        padding: 16px
    }

    .contacts__content {
        padding-left: 0
    }

    .product .sticky {
        position: static!important
    }

    .product .mps__anchor-wrapper {
        top: 64px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .product-hero {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px
    }

    .product-hero__swiper--big {
        margin: 0 0 10px;
        max-width: 100%;
        width: 100%
    }

    .product-hero__swiper .product-swiper__img {
        width: auto
    }

    .product-hero__actions {
        height: auto
    }

    .product-hero__info {
        min-width: 280px
    }

    .product-content__swiper .nav-next,.product-content__swiper .nav-prev {
        font-size: 12px;
        height: 36px;
        width: 36px
    }

    .product-content__swiper .nav-prev {
        left: 0
    }

    .product-content__swiper .nav-next {
        right: 0
    }

    .reviews-hero__img {
        margin-bottom: 24px;
        width: 100%
    }

    .reviews-hero__content {
        width: 100%
    }

    .reviews-detail__title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .reviews-detail__title .dots {
        height: 20px;
        margin-right: 16px;
        width: 4px
    }

    .reviews-detail__title .dots span {
        height: 4px;
        width: 4px
    }

    .reviews-detail__sorter {
        margin-right: 24px
    }

    .reviews-sorter .reviews-sorter__button:first-child {
        margin-right: 12px
    }

    .reviews-card {
        padding: 24px 16px
    }

    .reviews-card__name {
        font-size: 1.8rem;
        line-height: 2.2rem
    }

    .reviews-card__rating-number {
        font-size: 2.8rem
    }

    .reviews-answer {
        padding-left: 24px;
        padding-right: 24px
    }

    .footer__top .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .footer__top-item {
        padding-bottom: 24px;
        padding-top: 24px;
        width: 100%
    }

    .footer__top-item:first-child {
        padding-top: 0
    }

    .footer__top-item:last-child {
        padding-bottom: 0
    }

    .footer__main .container {
        padding-top: 20px
    }

    .footer__main .media-order-1 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__main .media-order-2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer__main-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }

    .footer__social {
        margin-bottom: 10px;
        padding: 12px
    }

    .footer__social-wrapper {
        display: block!important;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 10px;
        min-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
        white-space: nowrap;
        width: 100%
    }

    .footer__social-wrapper>* {
        display: inline-block
    }

    .footer__social-item {
        display: inline-block;
        font-size: 2rem;
        height: 32px;
        line-height: 32px;
        margin-bottom: 0;
        margin-right: 16px;
        text-align: center;
        vertical-align: middle;
        width: 32px
    }

    .footer__social-item:last-child {
        margin-right: 0
    }

    .footer__spoiler-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .footer__spoiler-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 0
    }

    .footer__spoiler-title a,.footer__spoiler-title span {
        max-width: calc(100% - 36px)
    }

    .footer__spoiler-content {
        display: block;
        display: none;
        margin-top: 16px
    }

    .footer__spoiler-content a,.footer__spoiler-content>span {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .footer__nav {
        margin-bottom: 40px;
        max-width: none;
        padding-left: 24px
    }

    .footer__nav a,.footer__nav span {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .error-banner {
        padding: 32px
    }

    .error-banner__inner {
        width: calc(100% - 168px)
    }

    .error-banner__title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .error-banner__title h1 {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .error-banner__desc {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 24px
    }

    .error-banner__img {
        bottom: auto;
        height: 200px;
        position: absolute;
        right: 0;
        top: -16px;
        width: 200px
    }

    .hashtag {
        margin: -8px
    }

    .hashtag__item {
        margin: 8px
    }

    .breadcrumbs {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .tabs.default {
        display: block
    }

    .tabs-wrapper,.tabs.default {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -10px;
        margin-right: -10px;
        min-width: calc(100% + 20px);
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 10px 10px;
        position: relative;
        white-space: nowrap;
        width: calc(100% + 20px)
    }

    .tabs-wrapper {
        display: block!important
    }

    .tabs-wrapper>* {
        display: inline-block!important
    }

    .tabs-wrapper .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: initial;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        min-width: auto;
        overflow-x: initial;
        overflow-y: initial;
        padding: 0;
        position: static;
        white-space: normal;
        width: auto
    }

    .product-title__body,.reviews-title__body {
        font-size: 2rem;
        line-height: 2.6rem
    }

    .section-cart__modal {
        max-width: calc(100vw - 20px);
        top: 84px
    }

    .popup-account .tabs.default {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        min-width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        position: relative;
        white-space: nowrap;
        width: auto
    }

    .map-selects .custom-select {
        margin-bottom: 16px;
        margin-right: 0
    }

    .map-selects .custom-select:last-child {
        margin-bottom: 0
    }

    .map-selects .custom-select:first-child {
        margin-right: 16px
    }

    .map-selects .custom-select:first-child,.map-selects .custom-select:nth-child(2) {
        width: calc(50% - 8px)
    }

    .map-selects .custom-select:nth-child(3) {
        margin-right: 0;
        width: 100%
    }

    .toBuyMap {
        height: 420px
    }
}

@media (max-width: 991px) and (min-width:860px) {
    .cataloglblock-3-3-2 [class*=col-xs] {
        width:33.33333333%
    }

    .cataloglblock-3-3-2 .card__product-price span {
        font-size: 1.8rem
    }

    .cataloglblock-3-3-2 .card__product .btn.h48 {
        height: 48px;
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .header__nav-bigdropdown-services_scroll {
        display:block
    }

    .header__nav-bigdropdown-services_ul {
        margin-bottom: 32px
    }

    .mps__infotext {
        padding-left: 27px
    }

    .mps__title {
        font-size: 2.6rem;
        line-height: 3rem
    }

    .mps__title.fz36 {
        font-size: 3rem;
        line-height: 3.4rem
    }

    .mps__title h1 {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .mps__title.mps__title--h2 {
        font-size: 2rem;
        line-height: 2.6rem
    }

    .mps__title .dots {
        height: 20px;
        margin-right: 16px;
        width: 4px
    }

    .mps__title .dots span {
        height: 4px;
        width: 4px
    }

    .mps__title--h2.fz24 {
        font-size: 2rem;
        line-height: 2.8rem
    }

    .mps__title--h2.fz28 {
        font-size: 2.4rem;
        line-height: 2.4rem
    }

    .mps__subtitle {
        padding-left: 24px
    }

    .mps__intro-title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .mps__intro-title h1 {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .mps__intro-title .dots {
        height: 20px;
        margin: 0 16px;
        width: 4px
    }

    .mps__intro-title .dots span {
        height: 4px;
        width: 4px
    }

    .mps__intro-title .title {
        width: calc(100% - 136px)
    }

    .mps__intro-title .icon~.title {
        width: calc(100% - 76px)
    }

    .intro .container {
        padding-top: 20px
    }

    .intro__swiper-slide {
        border-radius: 24px;
        padding: 40px 32px 165px;
        width: 100%
    }

    .intro__swiper-slide-wrapper {
        height: 100%;
        max-width: none;
        width: 100%
    }

    .intro__swiper-slide h1,.intro__swiper-slide span {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 14px
    }

    .intro__swiper-slide small {
        font-size: 1.3rem;
        line-height: 170%
    }

    .intro__swiper-slide img {
        bottom: 0;
        max-height: 195px;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        right: 0
    }

    .intro__swiper-pagination.swiper-pagination-bullets {
        bottom: 32px;
        left: 32px;
        max-width: calc(100% - 110px)
    }

    .section__series {
        padding-bottom: 18px;
        padding-top: 18px
    }

    .section__series img {
        display: none
    }

    .section__series .dots {
        margin-right: 16px
    }

    .section__series-title {
        width: calc(100% - 30px)
    }

    .section__series-title a {
        font-size: 2rem
    }

    .section__series-title span {
        font-size: 1.2rem;
        margin-top: 14px
    }

    .section__banner {
        border-radius: 15px;
        padding: 32px 16px
    }

    .section__banner-content {
        width: calc(100% - 140px)
    }

    .section__banner-content,.section__banner-content a {
        font-size: 20px;
        line-height: 26px
    }

    .section__banner-content span {
        display: block;
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .section__banner-content-image {
        bottom: 50%;
        height: 73px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        width: 90px
    }

    .section__banner.irecommend .section__banner-content a {
        font-size: 2.2rem;
        line-height: 100%
    }

    .section__banner.irecommend .section__banner-content-image {
        -o-object-fit: contain;
        object-fit: contain;
        right: 16px;
        top: -16px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .card__product-bottom .btn {
        height: 36px;
        padding-left: 28px;
        padding-right: 28px
    }

    .card__product-bottom .btn span {
        display: none
    }

    .card__product-bottom .btn i {
        display: block
    }

    .card__useful-img,.card__useful-img img,.card__video-img,.card__video-img img {
        border-radius: 16px
    }

    .card__offer-img {
        height: 72px;
        width: 72px
    }

    .card__offer-content {
        width: calc(100% - 124px)
    }

    .card__cart-img {
        margin-bottom: 12px
    }

    .card__cart .dots {
        display: none
    }

    .card__cart-inner {
        margin-bottom: 12px;
        margin-left: 12px;
        width: calc(100% - 141px)
    }

    .card__cart .counter {
        margin-right: 12px
    }

    .card__cart-price {
        margin-right: auto
    }

    .card__cart-delete {
        margin-left: 0
    }

    .card__order-img {
        margin-bottom: 12px
    }

    .card__order .dots {
        display: none
    }

    .card__order-quantity {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        font-size: 1.8rem;
        line-height: 100%;
        margin-left: auto;
        margin-right: 0;
        order: 1
    }

    .card__order-inner {
        margin-bottom: 12px;
        margin-left: 12px;
        margin-right: 0;
        width: calc(100% - 129px)
    }

    .card__order-price {
        margin-right: 0
    }

    .card__order-price span {
        font-size: 1.8rem;
        line-height: 100%
    }

    .card__fav .dots {
        display: none
    }

    .card__fav-img,.card__fav-inner {
        margin-bottom: 12px
    }

    .card__fav-inner {
        margin-left: 12px;
        margin-right: 0;
        width: calc(100% - 129px)
    }

    .card__fav-price {
        margin-right: 12px
    }

    .card__fav-price span {
        font-size: 1.8rem;
        line-height: 100%
    }

    .card__fav-add {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        width: 32px
    }

    .card__fav-delete {
        margin-left: 12px
    }

    .banners .row [class*=col-] {
        margin-bottom: 20px
    }

    .series__intro {
        border-radius: 20px;
        padding: 12px 12px 0
    }

    .series__intro-logo {
        display: inline-block;
        margin-bottom: 12px
    }

    .series__intro-title {
        border-radius: 16px;
        margin-bottom: 24px;
        padding: 16px 12px
    }

    .series__intro-title .series__intro-title-images {
        margin: 14px 0 0
    }

    .series__intro-title .title-wrapper {
        margin-right: 0;
        width: 100%
    }

    .series__intro-title .subtitle {
        max-width: none
    }

    .series__intro-title-images {
        margin-bottom: 32px
    }

    .series__intro-image {
        margin-right: 8px;
        min-width: 280px;
        width: 280px
    }

    .series__intro-image-row {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: start;
        margin: 0 0 12px -12px;
        overflow-x: auto;
        padding: 0 12px;
        width: calc(100% + 24px)
    }

    .series__intro-image span {
        line-height: 150%
    }

    .series__intro-medium {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .series__intro-small {
        font-size: 1.2rem
    }

    .producing__workers {
        -ms-grid-columns: 1fr;
        gap: 20px;
        grid-template-columns: 1fr
    }

    .producing__workers-item {
        padding: 16px 20px
    }

    .producing__highlight-title {
        font-size: 2.1rem
    }

    .producing__advantages {
        -ms-grid-columns: 1fr;
        gap: 20px;
        grid-template-columns: 1fr
    }

    .producing__examples,.producing__photo {
        -ms-grid-columns: (1fr)[2];
        gap: 20px;
        grid-template-columns: repeat(2,1fr)
    }

    .producing__tzform .producing__highlight.mb40 {
        margin-bottom: 30px
    }

    .producing__tzform-footer .btn-submit {
        width: 100%
    }

    .producing__tzform-footer .custom-checkbox {
        margin: 16px 0 0;
        max-width: 100%;
        width: 100%
    }

    .producing__tzcontent:before {
        margin-bottom: 28px
    }

    .producing__tzcontent:after {
        margin-top: 28px
    }

    .producing__tzcontent .button-download.mb40 {
        margin-bottom: 24px
    }

    .producing__cardproduct {
        padding: 20px
    }

    .producing__cardproduct-priceblock {
        border-radius: 16px;
        padding: 16px
    }

    .producing__cardproduct-header_photo {
        height: 80px;
        width: 80px
    }

    .producing__cardproduct-header_caption {
        margin: 0 0 20px;
        padding-left: 0;
        width: 100%
    }

    .producing__cardproduct-header_caption:before {
        display: none
    }

    .producing__cardproduct-header_caption:first-child {
        margin-bottom: 0;
        padding-left: 0
    }

    .producing__cardproduct-header_caption+.producing__cardproduct-header_price {
        margin-top: 12px;
        -moz-text-align-last: left;
        text-align-last: left;
        width: 100%
    }

    .producing__cardproduct-header_propsflex .producing__cardproduct-props {
        margin-bottom: 20px;
        margin-right: 20px
    }

    .producing__cardproduct-pricetable_tr {
        padding: 8px 0
    }

    .producing__cardproduct-pricetable_tr:before {
        display: none
    }

    .producing__cardproduct-priceblock_flexlist {
        margin-bottom: -16px
    }

    .producing__cardproduct-priceblock_flexlist .producing__cardproduct-props {
        margin-bottom: 16px;
        margin-right: 20px
    }

    .producing .producing__tabsblock {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 10px;
        white-space: nowrap
    }

    .producing__aftercontent-info {
        width: 100%
    }

    .producing__aftercontent-info:first-child {
        margin-top: 0
    }

    .producing__advantages--gray .producing__advantages-item {
        padding: 32px 28px
    }

    .producing__advantages--gray .producing__advantages-icon {
        margin-right: 20px
    }

    .producing__advantages--gray .producing__advantages-text {
        width: calc(100% - 60px)
    }

    .producing__infoblockreview {
        padding: 20px
    }

    .producing__review {
        padding: 24px 20px 24px 24px
    }

    .producing__review-text:before {
        left: -24px
    }

    .product-hero {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-hero__actions {
        margin-bottom: 12px;
        width: 100%
    }

    .product-hero__info {
        margin-left: 12px;
        margin-right: 12px;
        min-width: auto;
        width: 100%
    }

    .product-hero__swiper--big {
        height: 280px
    }

    .product-content__components {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .product-actions {
        padding: 24px 20px
    }

    .rating-average {
        padding-right: 20px
    }

    .rating-average__desc,.rating-average__title {
        display: none
    }

    .highlight {
        padding: 32px 24px
    }

    .highlight .dots {
        margin-right: 16px
    }

    .highlight__item:before {
        width: calc(100% + 48px)
    }

    .highlight__item-inner,.highlight__item-inner2 {
        margin-bottom: 12px;
        width: calc(100% - 20px)
    }

    .highlight__item-iconwrap {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        margin-bottom: 20px;
        order: -1
    }

    .highlight__item .button-download {
        margin-left: 0
    }

    .highlight__item-button {
        margin-left: 0;
        margin-top: 12px;
        width: 100%
    }

    .cart__title {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .cart__title .dots {
        height: 20px;
        margin-right: 16px;
        width: 4px
    }

    .cart__title .dots span {
        height: 4px;
        width: 4px
    }

    .checkout-item__radios .custom-radio {
        margin-right: 0;
        width: 100%
    }

    .delivery-item__inner {
        margin-bottom: 12px;
        max-width: calc(100% - 100px)
    }

    .delivery-item__metro {
        margin: 10px 0;
        width: 100%
    }

    .delivery-item__price {
        margin-left: 0;
        margin-right: auto;
        text-align: left
    }

    .delivery-item__img {
        margin-right: auto
    }

    .delivery-item .dots {
        display: none
    }

    .delivery-item__wrapper .delivery-item {
        border-bottom: 1px solid rgba(38,41,53,.15);
        padding-bottom: 12px
    }

    .delivery-item__wrapper .delivery-item:last-child {
        border-bottom: none
    }

    .delivery-item .delivery-item__btnchoose:last-child {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .account-title__body {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .account-title__body h1 {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .account-title .dots {
        margin-right: 16px
    }

    .account-title__inner {
        width: calc(100% - 20px)
    }

    .account-title--medium .account-title__body {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .account-spoiler .spoiler-title__inner {
        max-width: none;
        width: calc(100% - 42px)
    }

    .account-spoiler .spoiler-title__icon {
        height: 30px;
        margin-right: 12px;
        width: 30px
    }

    .account-spoiler .spoiler-title__button {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 30px
    }

    .reviews-title__inner {
        margin-bottom: 12px;
        width: calc(100% - 28px)
    }

    .reviews-title__desc a {
        margin-right: 10px
    }

    .reviews-title__button {
        width: 100%
    }

    .reviews-detail__title .dots {
        display: none
    }

    .reviews-detail__button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 32px;
        min-width: 220px
    }

    .product-title__desc a {
        margin-right: 10px
    }

    .opt-spoiler .spoiler-title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .opt-spoiler .spoiler-title .dots {
        margin-left: 12px;
        margin-right: 12px
    }

    .opt-spoiler .spoiler-title__icon {
        height: 28px;
        width: 28px
    }

    .opt-spoiler .spoiler-item__text {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .opt-spoiler .spoiler__button {
        height: 36px;
        width: 36px
    }

    .opt-list li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        counter-increment: optSpoiler;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 24px 16px;
        position: relative
    }

    .opt-list li:before {
        font-size: 2.4rem
    }

    .opt-list li .dots {
        margin-left: 12px;
        margin-right: 12px
    }

    .opt-list__text {
        width: calc(100% - 64px)
    }

    .opt-logistic li {
        border-radius: 20px;
        margin-bottom: 24px;
        padding: 24px
    }

    .opt-logistic__img {
        height: 70px;
        margin-right: 24px;
        width: 70px
    }

    .opt-logistic__inner {
        width: calc(100% - 94px)
    }

    .opt-logistic__title {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .footer__top-item .desc {
        font-size: 1.2rem;
        margin-bottom: 8px
    }

    .footer__top-item a {
        font-size: 2.4rem;
        line-height: 100%
    }

    .cart-modal__title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .cart-modal__top .dots {
        display: none
    }

    .cart-modal__main .card__cart {
        border-bottom: 1px solid rgba(67,91,113,.1)
    }

    .cart-modal__main .card__cart:last-child {
        border-bottom: none
    }

    .cart-modal__total {
        margin-right: 16px
    }

    .cart-modal__total small {
        font-size: 1.2rem
    }

    .cart-modal__total span {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .error-banner__inner {
        width: 100%
    }

    .error-banner__img {
        display: none
    }

    .hashtag__item.hashtag__item--h1 {
        font-size: 2rem
    }

    .hashtag__item.hashtag__item--h2 {
        font-size: 1.8rem
    }

    .hashtag__item.hashtag__item--h3 {
        font-size: 1.6rem
    }

    .hashtag__item.hashtag__item--h4 {
        font-size: 1.5rem
    }

    .hashtag__item.hashtag__item--h5 {
        font-size: 1.4rem
    }
}

@media (max-width: 576px) {
    .header__cookies {
        text-align:left
    }

    .header__cookies-text {
        display: block;
        font-size: 12px;
        margin-bottom: 4px
    }

    .header__cookies-ok {
        margin-left: 0
    }

    .header__cookies-close {
        right: 6px
    }

    .header-card__title {
        font-size: 1.2rem;
        line-height: 100%
    }

    .header-card__add {
        height: 36px!important;
        padding: 0 20px!important
    }

    .header-card__add span {
        display: none
    }

    .header-card__add i {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .header-card__price {
        margin-top: 10px
    }

    .header-card__price>small {
        font-size: 1rem;
        line-height: 130%
    }

    .header-card__price span {
        font-size: 2rem;
        line-height: 1.8rem
    }

    .header__main--mobile .mobile-search__result .header-card__add,.header__main--mobile .mobile-search__result .header-card__price {
        margin-top: 10px
    }

    .tabs.default {
        margin-left: -15px;
        margin-right: -15px;
        min-width: calc(100% + 30px);
        padding: 0 15px 15px;
        width: calc(100% + 30px)
    }

    .breadcrumbs .container {
        padding: 0
    }

    .breadcrumbs ul {
        overflow-x: auto;
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap
    }

    .mps__title+.mps__subtitle {
        margin-top: 8px
    }

    .mps__subtitle {
        font-size: 1.2rem;
        line-height: 200%
    }

    .mps__link-wrapper {
        min-width: calc(100% + 30px);
        padding: 0 10px 10px;
        width: calc(100% + 30px)
    }

    .mps__link-wrapper,.mps__link-wrapper.scroll-horizontal {
        margin-left: -15px;
        margin-right: -15px
    }

    .mps__intro {
        padding: 24px 12px 12px
    }

    .mps__intro-title {
        font-size: 2rem;
        line-height: 2.8rem
    }

    .mps__intro-title .logo {
        margin-right: 12px
    }

    .mps__intro-title .dots {
        display: none
    }

    .mps__intro-title .title {
        width: calc(100% - 112px)
    }

    .mps__intro-title .icon {
        margin-right: 12px
    }

    .mps__intro-title .icon~.title {
        width: calc(100% - 52px)
    }

    .mps__intro-title--noicon .title {
        width: 100%
    }

    .section__series {
        border-radius: 0 20px 20px 0;
        margin-left: -15px
    }

    .section__banner .dots {
        margin-right: 16px
    }

    .section__banner-content {
        width: calc(100% - 114px)
    }

    .section__banner-content span {
        margin-top: 10px
    }

    .section__banner.irecommend .section__banner-content a {
        font-size: 1.5rem;
        line-height: 100%
    }

    .card__product {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 12px 20px 12px 12px
    }

    .card__product,.card__product-img {
        -webkit-box-direction: normal;
        border-radius: 16px
    }

    .card__product-img {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 180px;
        margin-bottom: 0;
        padding-bottom: 16px;
        padding-top: 16px;
        width: 33.3333%
    }

    .card__product-img>img {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-bottom: auto
    }

    .card__product-content {
        min-height: 180px;
        padding: 0 0 0 18px;
        width: 66.6666%
    }

    .card__product-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .card__product-link {
        margin-bottom: 20px
    }

    .card__product-link a,.card__product-link>div {
        font-size: 1.2rem;
        line-height: 100%
    }

    .card__product-link a:before,.card__product-link>div:before {
        display: none
    }

    .card__product-labels a {
        font-size: 1rem;
        line-height: 130%
    }

    .card__product-price>small {
        font-size: 1rem;
        line-height: 130%
    }

    .card__product-price span {
        font-size: 2rem;
        line-height: 1.8rem
    }

    .card__product-fav {
        position: static
    }

    .card__product-pin {
        border-radius: 64px;
        font-size: 1rem;
        height: 24px;
        line-height: 2.4rem;
        margin: 0 5px 0 0;
        padding-left: 10px;
        padding-right: 10px;
        width: auto
    }

    .card__product-pin:last-child {
        margin-right: 0
    }

    .card__product-pin-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
        position: static
    }

    .card__product-logo {
        margin-bottom: 12px;
        position: static
    }

    .card__product-bottom {
        margin-bottom: 0
    }

    .card__product-bottom .btn {
        padding-left: 20px;
        padding-right: 20px
    }

    .card__product-rating {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: static
    }

    .card__product-hashtags {
        padding-left: 20px;
        padding-right: 10px
    }

    .card__product-hashtags-wrapper {
        display: block;
        margin-top: 24px
    }

    .card__product-more {
        margin-top: 20px
    }

    .card__product-more i {
        height: 40px;
        margin-bottom: 0;
        width: 40px
    }

    .card__product-more i:after,.card__product-more i:before {
        height: 2px;
        width: 10px
    }

    .card__product-more span {
        display: none
    }

    .card__product--small .card__product-pin {
        font-size: 1rem;
        height: 24px;
        line-height: 2.4rem
    }

    .card__product--small .card__product-link {
        margin-bottom: 20px
    }

    .card__product--small .card__product-bottom {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0
    }

    .card__product--small .card__product-img {
        height: auto
    }

    .card__product--small .card__product-content,.card__product--small .card__product-content-wrapper,.card__product--small .card__product-img {
        min-height: 140px
    }

    .card__product .card__product-link {
        min-height: auto
    }

    .card__offer {
        padding: 24px 16px;
        position: relative
    }

    .card__offer-img {
        margin-bottom: 12px
    }

    .card__offer .dots {
        display: none
    }

    .card__offer-content {
        display: contents;
        width: 100%
    }

    .card__offer-content .card__offer-pin {
        border-radius: 0 14px 0 12px;
        position: absolute;
        right: 0;
        top: 0
    }

    .card__offer-content .card__offer-title {
        line-height: 110%;
        margin-left: 12px;
        width: calc(100% - 92px)
    }

    .card__offer-content .card__offer-text {
        width: 100%
    }

    .card__cart-price>small {
        font-size: 1rem;
        line-height: 130%
    }

    .card__cart-price span {
        font-size: 2rem;
        line-height: 1.8rem
    }

    .card__fav-link,.card__order-link {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .card-production__title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .card__reviews-buttons .btn:first-child {
        margin-right: 12px
    }

    .intro__swiper-slide {
        padding: 20px 20px 68px
    }

    .intro__swiper-slide-wrapper {
        z-index: 10
    }

    .intro__swiper-slide img {
        opacity: .35
    }

    .series__intro-title-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        border: none;
        justify-content: center;
        padding: 0;
        width: 100%
    }

    .series__intro-medium {
        font-size: 1.4rem;
        line-height: 1.8rem
    }

    .social__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding: 8px;
        width: 100%
    }

    .button-download {
        width: 100%
    }

    .contacts__greenblock-item .dots {
        display: none
    }

    .contacts__greenblock-item-inner {
        width: 100%
    }

    .producing__spoiler-icon {
        height: 24px;
        width: 24px
    }

    .producing__spoiler-icon--circle {
        height: 36px;
        width: 36px
    }

    .producing__spoiler-icon--circle~.producing__spoiler-title-inner {
        width: calc(100% - 112px)
    }

    .producing__spoiler-title {
        padding: 24px 16px
    }

    .producing__spoiler-title .dots {
        margin: 0 12px
    }

    .producing__spoiler-title-inner {
        width: calc(100% - 100px)
    }

    .producing__spoiler-title.is-link .producing__spoiler-title-inner,.producing__spoiler-title.no-linkcard .producing__spoiler-title-inner {
        padding-left: 0
    }

    .producing__spoiler-heading {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .producing__spoiler-button {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        width: 36px
    }

    .producing__spoiler-content {
        padding: 0 16px 24px
    }

    .producing__spoiler-categories {
        margin-left: 64px;
        margin-right: 48px
    }

    .producing__spoiler--faq .producing__spoiler-title-inner {
        width: calc(100% - 64px)
    }

    .producing__spoiler--faq .producing__spoiler-content .content {
        margin-left: 16px;
        margin-right: 48px
    }

    .producing__highlight-par {
        font-size: 1.2rem
    }

    .producing__workers {
        display: block
    }

    .producing__workers-item {
        border-radius: 0;
        margin-bottom: 20px;
        margin-left: -10px;
        margin-right: -10px;
        padding: 16px
    }

    .producing__workers-item .dots {
        margin-left: 12px;
        margin-right: 12px
    }

    .producing__workers-item-inner {
        width: calc(100% - 80px)
    }

    .producing__workers-img {
        height: 48px;
        width: 48px
    }

    .producing__advantages-item {
        padding: 24px
    }

    .producing__advantages-decoration {
        bottom: -24px;
        right: -24px
    }

    .producing__photo-item {
        max-height: none;
        width: 100%
    }

    .producing__workers-title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .greenblock-free__subtitle,.greenblock-free__title {
        width: 100%
    }

    .greenblock-free__img {
        margin-top: 16px;
        position: static
    }

    .product-hero {
        border-radius: 0
    }

    .product-actions__counter {
        padding: 0
    }

    .components-item__link {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .components-item__inner {
        width: calc(100% - 102px)
    }

    .cart__title {
        font-size: 2.8rem;
        line-height: 2.8rem
    }

    .cart__title .dots {
        display: none
    }

    .cart-modal__main .card__cart {
        padding: 12px 6px
    }

    .cart-modal__main .card__cart-link {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .checkout-item {
        padding: 20px 16px
    }

    .checkout-item__title .dots {
        display: none
    }

    .checkout-item__title .item__title {
        width: calc(100% - 34px)
    }

    .checkout-item__step {
        margin-right: 12px
    }

    .checkout-item__confirm .dots {
        display: none
    }

    .checkout-item__confirm .btn {
        display: inline-block;
        font-size: 1.2rem;
        height: auto;
        padding-bottom: 16px;
        padding-top: 16px;
        vertical-align: middle;
        width: 100%
    }

    .checkout-item__confirm .btn span {
        display: inline;
        vertical-align: middle
    }

    .checkout-item.checkout-item--active {
        padding: 0
    }

    .checkout-item.checkout-item--confirmed .checkout-item__title .item-title {
        margin-right: 0;
        width: calc(100% - 34px)
    }

    .checkout-item.checkout-item--confirmed .checkout-item__title .item__button {
        margin-top: 12px;
        width: 100%
    }

    .checkout-success__buttons .btn {
        width: 100%
    }

    .account-title__body {
        font-size: 2rem;
        line-height: 2.8rem
    }

    .account-title__body h1 {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .account-title--medium .account-title__body {
        font-size: 1.6rem;
        line-height: 2.2rem
    }

    .account-input {
        position: relative
    }

    .account-input-wrapper .account-input {
        margin-bottom: 20px
    }

    .account-input .custom-input {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%
    }

    .account-input .custom-input.form-input .input {
        height: 56px
    }

    .account-input .custom-input.form-input.focus .placeholder {
        top: 18px
    }

    .account-input .custom-input.form-input .placeholder {
        font-size: 12px;
        top: 18px
    }

    .account-input .account-input__button--edit,.account-input .account-input__button--submit {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 44px;
        justify-content: center;
        position: absolute;
        right: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 44px
    }

    .account-input .account-input__button--edit svg,.account-input .account-input__button--submit svg {
        margin-right: 0
    }

    .account-input .account-input__button--edit span,.account-input .account-input__button--submit,.account-input .account-input__button--submit span {
        display: none
    }

    .account__radios .custom-radio {
        margin-right: 0;
        width: 100%
    }

    .account-spoiler {
        padding: 16px 12px
    }

    .account-spoiler__title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .account-spoiler__title .spoiler-title__icon {
        margin-bottom: 8px
    }

    .account-spoiler__title .spoiler-title__item {
        margin-bottom: 8px;
        width: 100%
    }

    .account-spoiler__title .spoiler-title__item:last-child {
        margin-bottom: 0
    }

    .account-spoiler__content .spoiler-content__inner {
        gap: 12px
    }

    .account-spoiler__content .spoiler-content__item span {
        font-size: 1.4rem;
        line-height: 1.8rem
    }

    .spoiler-list__item {
        padding: 16px
    }

    .spoiler-list__item:before {
        font-size: 3rem
    }

    .spoiler-list__item .dots {
        margin-left: 12px;
        margin-right: 12px
    }

    .spoiler-list__heading {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .spoiler-list__subtitle-wrapper {
        margin-top: 4px
    }

    .reviews-title .dots {
        display: none
    }

    .reviews-title__inner {
        width: 100%
    }

    .reviews-detail__title .title-body {
        margin-bottom: 12px;
        width: 100%
    }

    .reviews-detail__sorter {
        margin-left: 0
    }

    .reviews-detail__button {
        width: 100%
    }

    .reviews-card__img {
        border-radius: 8px;
        font-size: 1.8rem;
        height: 40px;
        line-height: 40px;
        width: 40px
    }

    .reviews-card-title .dots {
        margin-left: 12px;
        margin-right: 12px
    }

    .reviews-card__rating-number {
        display: none
    }

    .reviews-content__img {
        height: 47px;
        margin-left: 5px;
        margin-right: 5px;
        width: 66px
    }

    .product__add-to-fav {
        font-size: 12px;
        height: 36px;
        width: 36px
    }

    .product-title .dots {
        display: none
    }

    .product-title__inner {
        width: calc(100% - 48px)
    }

    .product-content__info .content-info__column {
        width: 100%
    }

    .product-content__info .content-info__column+.content-info__column {
        margin-top: 5px
    }

    .product-content__info .content-info__column:nth-child(2n) .content-info__item:nth-child(odd) {
        background: #fff
    }

    .product-content__info .content-info__column:nth-child(2n) .content-info__item:nth-child(2n) {
        background: #f8f9fb
    }

    .cataloglblock-3-3-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap
    }

    .cataloglblock-3-3-2 [class*=col-] {
        display: inline-block;
        margin-right: 0;
        min-width: calc(100vw - 30px);
        padding: 0;
        width: calc(100vw - 30px)
    }

    .cataloglblock-3-3-2 .card__product {
        white-space: normal
    }

    .content-title__hint {
        margin-top: 12px;
        width: 100%
    }

    .footer__top-item {
        border-bottom: 2px solid #0a2238;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 20px;
        width: calc(100% + 20px)
    }

    .footer__top-item:last-child {
        border-bottom: none
    }

    .footer__spoiler {
        padding: 24px
    }

    .footer__spoiler-title a,.footer__spoiler-title>span {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .footer__social-wrapper {
        margin-left: -15px;
        padding: 0 15px;
        width: calc(100% + 30px)
    }

    .error-banner__title {
        font-size: 2rem;
        line-height: 2.8rem
    }

    .error-banner__title h1 {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .error-banner__buttons .btn {
        margin-bottom: 12px;
        width: 100%
    }

    .error-banner__buttons .btn:last-child {
        margin-bottom: 0
    }

    .hashtag {
        margin: -8px -6px
    }

    .hashtag__item {
        font-size: 1.2rem;
        margin: 8px 6px
    }

    .cart-modal__title {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .cart-modal__total {
        margin-right: 0
    }

    .cart-modal .go-to-cart {
        margin-top: 24px;
        width: 100%
    }

    .popup {
        padding: 54px 16px 12px
    }

    .popup-heading__title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .popup-heading__inner {
        width: calc(100% - 30px)
    }

    .popup-heading .rating {
        margin-left: 0
    }

    .popup__content {
        padding: 24px 24px 16px
    }

    .popup-rating {
        margin-top: 24px
    }

    .map-selects .custom-select {
        margin-bottom: 16px;
        margin-right: 0;
        width: 100%
    }

    .map-selects .custom-select:first-child,.map-selects .custom-select:nth-child(2),.map-selects .custom-select:nth-child(3) {
        margin-right: 0;
        width: 100%
    }

    .toBuyMap {
        height: 360px
    }
}

@media (max-width: 480px) {
    .card__fav-delete {
        margin-left:auto
    }

    .producing__spoiler-icon {
        margin-right: 12px
    }

    .producing__spoiler-icon--circle~.producing__spoiler-title-inner {
        width: calc(100% - 96px)
    }

    .producing__spoiler-title .dots {
        display: none
    }

    .producing__spoiler-title-inner {
        width: calc(100% - 84px)
    }

    .producing__spoiler-categories {
        margin-left: 48px;
        margin-right: 48px
    }

    .producing__spoiler--faq .producing__spoiler-title-inner {
        width: calc(100% - 48px)
    }

    .producing__spoiler--faq .producing__spoiler-content .content {
        margin-left: 0
    }

    .spoiler-list__item {
        padding: 16px
    }

    .spoiler-list__item:before {
        margin-bottom: 12px
    }

    .spoiler-list__item .dots {
        display: none
    }

    .spoiler-list__item-inner {
        width: 100%
    }

    .highlight .dots {
        display: none
    }

    .highlight__item {
        margin-bottom: 24px;
        padding-bottom: 24px
    }

    .highlight__item-inner,.highlight__item-inner2,.highlight__item-logo {
        width: 100%
    }

    .highlight__item-logo:last-child {
        margin-top: 24px
    }

    .highlight__item .button-download {
        border-radius: 0;
        margin-left: -24px;
        margin-right: -24px;
        max-width: none;
        width: calc(100% + 48px)
    }
}

@media (max-width: 380px) {
    .card__reviews-buttons .btn:first-child {
        margin-bottom:10px;
        margin-right: 0;
        width: 100%
    }

    .card__reviews-buttons .btn:last-child {
        width: 100%
    }
}

@media (max-width: 360px) {
    .header__main .container>* {
        margin-right:8px
    }

    .section__dark-title h1 {
        font-size: 2.6rem
    }
}

@media (max-width: 340px) {
    .header__main-call,.header__main-cart {
        height:36px;
        padding-left: 10px;
        padding-right: 10px
    }

    .header__burger {
        margin-left: 6px
    }

    .header__main .header__profile-wrapper {
        margin-right: 4px!important
    }

    .section__banner-content span {
        font-size: 1rem;
        line-height: 1.2rem
    }

    .delivery-item__inner {
        margin-top: 10px;
        max-width: 100%;
        width: 100%
    }
}

@media (min-width: 992px) and (max-height:860px) {
    .catalog {
        height:calc(100vh - 188px);
        overflow-y: auto
    }
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    color: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    opacity: .8;
    position: relative;
    right: -.3em;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    top: -.3em
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    cursor: pointer;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
    opacity: .4;
    text-decoration: none
}

.rtl .toast-close-button {
    float: left;
    left: -.3em;
    right: .3em
}

button.toast-close-button {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.toast-top-center {
    right: 0;
    top: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    right: 0;
    top: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    left: 12px;
    top: 12px
}

.toast-top-right {
    right: 12px;
    top: 12px
}

.toast-bottom-right {
    bottom: 12px;
    right: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    background-position: 15px;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    margin: 0 0 6px;
    opacity: .8;
    overflow: hidden;
    padding: 15px 15px 15px 50px;
    pointer-events: auto;
    position: relative;
    width: 300px
}

#toast-container>div.rtl {
    background-position: right 15px center;
    direction: rtl;
    padding: 15px 50px 15px 15px
}

#toast-container>div:hover {
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    cursor: pointer;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1
}

#toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important
}

#toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important
}

#toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important
}

#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {
    margin-left: auto;
    margin-right: auto;
    width: 300px
}

#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {
    margin-left: auto;
    margin-right: auto;
    width: 96%
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    background-color: #000;
    bottom: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
    height: 4px;
    left: 0;
    opacity: .4;
    position: absolute
}

.mps__link.solid span {
    border-bottom-style: solid
}

.mps__link.solid:hover span {
    border-color: rgba(67,91,113,.702)
}

.pri_nav {
    padding-bottom: 30px;
    padding-left: 20px
}

.header__nav-bigdropdown-services_ul .catalog__content-title {
    text-align: left
}

.custom-input-lblsml {
    color: #4a6278
}

.producing__cardproduct-morelink.content {
    padding-left: 26px
}

.producing__cardproduct-morelink.content,.producing__cardproduct-morelink.content p {
    font-size: 14px;
    line-height: 21px
}

.w100 {
    width: 100%
}

.producing__spoiler.none_spoiler .producing__spoiler-heading {
    border: 0;
    cursor: auto
}

.producing__spoiler.none_spoiler .producing__spoiler-heading:hover {
    color: #262935
}

.spoiler_categories_list {
    display: inline-block;
    margin-bottom: 20px;
    width: calc(50% - 10px)
}

.spoiler_categories_list:nth-child(2n) {
    margin-left: 10px
}

.spoiler_categories_list .producing__spoiler-title-inner {
    width: calc(100% - 100px)!important
}

.gallery__item {
    border-radius: 24px;
    display: block;
    overflow: hidden;
    position: relative
}

.gallery__item img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.gallery__item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 1376px) {
    .spoiler_categories_list .producing__spoiler-heading {
        font-size:1.9rem
    }
}

@media (max-width: 1335px) {
    .spoiler_categories_list .producing__spoiler-heading {
        font-size:1.7rem
    }
}

@media (max-width: 1256px) {
    .spoiler_categories_list .producing__spoiler-heading {
        font-size:1.5rem
    }
}

@media (max-width: 1120px) {
    .spoiler_categories_list:nth-child(2n) {
        margin-left:0
    }

    .spoiler_categories_list {
        width: 100%
    }
}

@media (max-width: 240px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media (min-width: 241px) and (max-width:480px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media (min-width: 481px) and (max-width:768px) {
    #toast-container>div {
        padding:15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

@media (max-width: 576px) {
    .pri_nav .mps__link {
        line-height:40px
    }
}




.home_contract_title{
    max-width: 100% !important;
    margin: 0 0 20px !important;
}



/* после сборки Тарасом - после кейсов */


.border0i{
    border: 0px !important;
}
.pt0i{
    padding-top: 0px !important;
}