@-webkit-keyframes fade {
    0%,to {
        top: 0;
        opacity: 1
    }
}

@keyframes fade {
    0%,to {
        top: 0;
        opacity: 1
    }
}

@font-face {
    font-family: 'MuseoSansCyrl';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/MuseoSansCyrl-100.eot);
    src: url(./assets/fonts/MuseoSansCyrl-100.woff2) format('woff2'),url(./assets/fonts/MuseoSansCyrl-100.woff) format('woff'),url(./assets/fonts/MuseoSansCyrl-100.ttf) format('truetype')
}

@font-face {
    font-family: 'MuseoSansCyrl';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/MuseoSansCyrl-300.eot);
    src: url(./assets/fonts/MuseoSansCyrl-300.woff2) format('woff2'),url(./assets/fonts/MuseoSansCyrl-300.woff) format('woff'),url(./assets/fonts/MuseoSansCyrl-300.ttf) format('truetype')
}

@font-face {
    font-family: 'MuseoSansCyrl';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/MuseoSansCyrl-500.eot);
    src: url(./assets/fonts/MuseoSansCyrl-500.woff2) format('woff2'),url(./assets/fonts/MuseoSansCyrl-500.woff) format('woff'),url(./assets/fonts/MuseoSansCyrl-500.ttf) format('truetype')
}

@font-face {
    font-family: 'MuseoSansCyrl';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/MuseoSansCyrl-700.eot);
    src: url(./assets/fonts/MuseoSansCyrl-700.woff2) format('woff2'),url(./assets/fonts/MuseoSansCyrl-700.woff) format('woff'),url(./assets/fonts/MuseoSansCyrl-700.ttf) format('truetype')
}

@font-face {
    font-family: 'MuseoSansCyrl';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/MuseoSansCyrl-900.eot);
    src: url(./assets/fonts/MuseoSansCyrl-900.woff2) format('woff2'),url(./assets/fonts/MuseoSansCyrl-900.woff) format('woff'),url(./assets/fonts/MuseoSansCyrl-900.ttf) format('truetype')
}

@font-face {
    font-family: 'SBSans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/SBSans-300.ttf) format('truetype')
}

@font-face {
    font-family: 'SBSans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/SBSans-400.ttf) format('truetype')
}

@font-face {
    font-family: 'SBSans';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/SBSans-600.ttf) format('truetype')
}

@font-face {
    font-family: 'SBSans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/SBSans-700.ttf) format('truetype')
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

.content__text-container .tborder img,.questions__item-text .tborder img {
    margin: 0
}

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

a {
    background-color: transparent
}

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

sub,sup {
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

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 {
    padding: 0;
    border-style: none
}

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

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

legend {
    display: table;
    max-width: 100%;
    white-space: normal;
    color: inherit
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    padding: 0
}

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

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

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

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

summary {
    display: list-item
}

[hidden],template {
    display: none
}

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

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

body {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

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

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

.swiper-slide,.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

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

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 44px
}

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

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 10px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-pagination {
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    text-align: center
}

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

.swiper-container-horizontal>.swiper-pagination-bullets,.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);
    transform: scale(.33)
}

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

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

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

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

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

.swiper-pagination-bullet {
    display: inline-block;
    background: #000
}

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

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

.swiper-pagination-bullet-active {
    background: #007aff
}

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

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left,200ms -webkit-transform;
    transition: 200ms transform,200ms left;
    transition: 200ms transform,200ms left,200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right,200ms -webkit-transform;
    transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right,200ms -webkit-transform
}

.swiper-pagination-progressbar {
    position: absolute;
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background: #007aff
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: 4px;
    height: 100%
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill,.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-black .swiper-pagination-bullet-active,.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    position: relative;
    border-radius: 10px;
    background: rgba(0,0,0,.1);
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    z-index: 50;
    bottom: 3px;
    left: 1%;
    width: 98%;
    height: 5px
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    z-index: 50;
    top: 1%;
    right: 3px;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0,0,0,.5)
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.swiper-container .swiper-notification {
    position: absolute;
    z-index: -1000;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    z-index: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    visibility: visible;
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background: #000;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-flip .swiper-slide {
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    position: absolute!important;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    margin: 0
}

.fancybox-container {
    position: fixed;
    z-index: 99992;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    outline: 0;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    transition-timing-function: cubic-bezier(.47,0,.74,.71);
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
    background: #1e1e1e
}

.fancybox-is-open .fancybox-bg {
    -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    transition-timing-function: cubic-bezier(.22,.61,.36,1);
    opacity: .9
}

.fancybox-caption {
    visibility: hidden;
    -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
    transition: opacity .25s ease,visibility 0s ease .25s;
    direction: ltr
}

.fancybox-caption,.fancybox-infobar,.fancybox-toolbar {
    position: absolute;
    opacity: 0
}

.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    z-index: 99997;
    visibility: hidden;
    -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
    transition: opacity .25s ease,visibility 0s ease .25s;
    direction: ltr
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    visibility: visible;
    -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    opacity: 1
}

.fancybox-infobar {
    font-size: 13px;
    line-height: 44px;
    top: 0;
    left: 0;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: #ccc;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: difference;
    -webkit-touch-callout: none
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    z-index: 99994;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    direction: ltr
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    position: absolute;
    z-index: 99994;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 44px;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    text-align: center;
    white-space: normal;
    outline: 0;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
    font-size: 0;
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    position: relative;
    display: inline-block;
    overflow: auto;
    max-width: 100%;
    margin: 0;
    padding: 44px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.fancybox-image,.fancybox-slide--image .fancybox-content,.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0
}

.fancybox-slide--image .fancybox-content {
    z-index: 99995;
    overflow: visible;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-height: none;
    margin: 0;
    border: 0
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    overflow: visible;
    width: 100%;
    height: 100%;
    padding: 0
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

.fancybox-iframe {
    position: absolute;
    top: 0;
    left: 0
}

.fancybox-error {
    width: 100%;
    max-width: 400px;
    padding: 40px;
    cursor: default;
    background: #fff
}

.fancybox-error p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #444
}

.fancybox-button {
    position: relative;
    display: inline-block;
    visibility: inherit;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    border: 0;
    border-radius: 0;
    background: rgba(30,30,30,.6);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ccc
}

.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    cursor: default;
    color: #888;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
    height: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    position: absolute;
    z-index: 99998;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: #ff5268
}

.fancybox-close-small {
    position: absolute;
    z-index: 401;
    top: -44px;
    right: -12px;
    padding: 8px;
    cursor: pointer;
    opacity: .8;
    color: #ccc;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.fancybox-close-small:hover {
    opacity: 1;
    color: #fff
}

.fancybox-slide--html .fancybox-close-small {
    top: 0;
    right: 0;
    padding: 10px;
    color: currentColor
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
    height: 100px;
    opacity: 0;
    background-clip: content-box
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
    right: env(safe-area-inset-right);
    padding: 31px 6px 31px 26px
}

.fancybox-caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    z-index: 99996;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 75px 44px 25px;
    text-align: center;
    pointer-events: none;
    color: #eee;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent)
}

@supports (padding: 0) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    overflow: auto;
    max-height: 50vh;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    text-decoration: none;
    color: #ccc
}

.fancybox-caption a:hover {
    text-decoration: underline;
    color: #fff
}

.fancybox-loading {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    padding: 0;
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    opacity: .7;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    background: 0 0
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    opacity: 0
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-right:6px;
        padding-left: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        padding: 6px;
        opacity: 1;
        color: #f2f4f6;
        background: #4e4e4e
    }

    .fancybox-caption {
        padding-right: 12px;
        padding-left: 12px
    }

    @supports (padding: 0) {
        .fancybox-caption {
            padding-right:max(12px,env(safe-area-inset-right));
            padding-left: max(12px,env(safe-area-inset-left))
        }
    }
}

.fancybox-share {
    max-width: 90%;
    padding: 30px;
    text-align: center;
    border-radius: 3px;
    background: #f4f4f4
}

.fancybox-share h1 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #222
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    display: inline-block;
    min-width: 130px;
    margin: 0 5px 10px;
    padding: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    text-decoration: none;
    border: 0;
    border-radius: 3px
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    font-size: 14px;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    color: #5d5b5b;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    outline: 0;
    background: 0 0
}

.fancybox-thumbs {
    position: absolute;
    z-index: 99995;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #ddd;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #2a2a2a
}

.fancybox-thumbs__list a {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100px;
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    margin: 2px;
    padding: 0;
    cursor: pointer;
    outline: 0;
    background-color: rgba(0,0,0,.1);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs__list a:before {
    position: absolute;
    z-index: 99991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    opacity: 0;
    border: 6px solid #ff5268
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

body * {
    font-family: 'MuseoSansCyrl';
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body__overlay {
    position: absolute;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    -webkit-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    opacity: 0;
    background-color: #1e1e1e
}

.body__overlay--show {
    opacity: .8
}

.body__block {
    overflow: hidden;
    height: 100vh;
    min-height: 100bh
}

.container,.container-full {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.container-full {
    max-width: 100vw
}

.container {
    max-width: 1336px
}

main {
    position: relative;
    overflow-anchor: none;
    margin-top: 102px
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 1.5%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

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

.hide,.swiper-btn-next::after,.swiper-btn-prev::after {
    display: none
}

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

.block {
    display: block
}

.col-1 {
    width: 8.3333333333%;
    padding: 0 .8%
}

.offset-1 {
    margin-left: 8.3333333333%
}

.col-2 {
    width: 16.6666666667%;
    padding: 0 .8%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.col-3 {
    width: 25%;
    padding: 0 .8%
}

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

.col-4 {
    width: 33.3333333333%;
    padding: 0 .8%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.col-5 {
    width: 41.6666666667%;
    padding: 0 .8%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.col-6 {
    width: 50%;
    padding: 0 .8%
}

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

.col-7 {
    width: 58.3333333333%;
    padding: 0 .8%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.col-8 {
    width: 66.6666666667%;
    padding: 0 .8%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.col-9 {
    width: 75%;
    padding: 0 .8%
}

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

.col-10 {
    width: 83.3333333333%;
    padding: 0 .8%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.col-11 {
    width: 91.6666666667%;
    padding: 0 .8%
}

.offset-11 {
    margin-left: 91.6666666667%
}

.col-12 {
    width: 100%;
    padding: 0 .8%
}

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

@media (min-width: 320px) {
    .col-1-xs {
        width:8.3333333333%;
        padding: 0 1.5%
    }

    .offset-1-xs {
        margin-left: 8.3333333333%
    }

    .col-2-xs {
        width: 16.6666666667%;
        padding: 0 1.5%
    }

    .offset-2-xs {
        margin-left: 16.6666666667%
    }

    .col-3-xs {
        width: 25%;
        padding: 0 1.5%
    }

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

    .col-4-xs {
        width: 33.3333333333%;
        padding: 0 1.5%
    }

    .offset-4-xs {
        margin-left: 33.3333333333%
    }

    .col-5-xs {
        width: 41.6666666667%;
        padding: 0 1.5%
    }

    .offset-5-xs {
        margin-left: 41.6666666667%
    }

    .col-6-xs {
        width: 50%;
        padding: 0 1.5%
    }

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

    .col-7-xs {
        width: 58.3333333333%;
        padding: 0 1.5%
    }

    .offset-7-xs {
        margin-left: 58.3333333333%
    }

    .col-8-xs {
        width: 66.6666666667%;
        padding: 0 1.5%
    }

    .offset-8-xs {
        margin-left: 66.6666666667%
    }

    .col-9-xs {
        width: 75%;
        padding: 0 1.5%
    }

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

    .col-10-xs {
        width: 83.3333333333%;
        padding: 0 1.5%
    }

    .offset-10-xs {
        margin-left: 83.3333333333%
    }

    .col-11-xs {
        width: 91.6666666667%;
        padding: 0 1.5%
    }

    .offset-11-xs {
        margin-left: 91.6666666667%
    }

    .col-12-xs {
        width: 100%;
        padding: 0 1.5%
    }

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

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

@media (min-width: 640px) {
    .col-1-sm {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-sm {
        margin-left: 8.3333333333%
    }

    .col-2-sm {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-sm {
        margin-left: 16.6666666667%
    }

    .col-3-sm {
        width: 25%;
        padding: 0 .6%
    }

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

    .col-4-sm {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-sm {
        margin-left: 33.3333333333%
    }

    .col-5-sm {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-sm {
        margin-left: 41.6666666667%
    }

    .col-6-sm {
        width: 50%;
        padding: 0 .6%
    }

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

    .col-7-sm {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-sm {
        margin-left: 58.3333333333%
    }

    .col-8-sm {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-sm {
        margin-left: 66.6666666667%
    }

    .col-9-sm {
        width: 75%;
        padding: 0 .6%
    }

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

    .col-10-sm {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-sm {
        margin-left: 83.3333333333%
    }

    .col-11-sm {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-sm {
        margin-left: 91.6666666667%
    }

    .col-12-sm {
        width: 100%;
        padding: 0 .6%
    }

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

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

    .hide-sm {
        display: none
    }

    .show-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-sm {
        display: block
    }
}

@media (min-width: 768px) {
    .col-1-s {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-s {
        margin-left: 8.3333333333%
    }

    .col-2-s {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-s {
        margin-left: 16.6666666667%
    }

    .col-3-s {
        width: 25%;
        padding: 0 .6%
    }

    .offset-3-s {
        margin-left: 25%
    }

    .col-4-s {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-s {
        margin-left: 33.3333333333%
    }

    .col-5-s {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-s {
        margin-left: 41.6666666667%
    }

    .col-6-s {
        width: 50%;
        padding: 0 .6%
    }

    .offset-6-s {
        margin-left: 50%
    }

    .col-7-s {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-s {
        margin-left: 58.3333333333%
    }

    .col-8-s {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-s {
        margin-left: 66.6666666667%
    }

    .col-9-s {
        width: 75%;
        padding: 0 .6%
    }

    .offset-9-s {
        margin-left: 75%
    }

    .col-10-s {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-s {
        margin-left: 83.3333333333%
    }

    .col-11-s {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-s {
        margin-left: 91.6666666667%
    }

    .col-12-s {
        width: 100%;
        padding: 0 .6%
    }

    .offset-12-s {
        margin-left: 100%
    }

    .offset-0-s {
        margin-left: 0
    }

    .hide-s {
        display: none
    }

    .show-s {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-s {
        display: block
    }
}

@media (min-width: 1024px) {
    .col-1-md {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-md {
        margin-left: 8.3333333333%
    }

    .col-2-md {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-md {
        margin-left: 16.6666666667%
    }

    .col-3-md {
        width: 25%;
        padding: 0 .6%
    }

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

    .col-4-md {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-md {
        margin-left: 33.3333333333%
    }

    .col-5-md {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-md {
        margin-left: 41.6666666667%
    }

    .col-6-md {
        width: 50%;
        padding: 0 .6%
    }

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

    .col-7-md {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-md {
        margin-left: 58.3333333333%
    }

    .col-8-md {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-md {
        margin-left: 66.6666666667%
    }

    .col-9-md {
        width: 75%;
        padding: 0 .6%
    }

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

    .col-10-md {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-md {
        margin-left: 83.3333333333%
    }

    .col-11-md {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-md {
        margin-left: 91.6666666667%
    }

    .col-12-md {
        width: 100%;
        padding: 0 .6%
    }

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

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

    .hide-md {
        display: none
    }

    .show-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-md {
        display: block
    }
}

@media (min-width: 1280px) {
    .col-1-lg {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-lg {
        margin-left: 8.3333333333%
    }

    .col-2-lg {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-lg {
        margin-left: 16.6666666667%
    }

    .col-3-lg {
        width: 25%;
        padding: 0 .6%
    }

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

    .col-4-lg {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-lg {
        margin-left: 33.3333333333%
    }

    .col-5-lg {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-lg {
        margin-left: 41.6666666667%
    }

    .col-6-lg {
        width: 50%;
        padding: 0 .6%
    }

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

    .col-7-lg {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-lg {
        margin-left: 58.3333333333%
    }

    .col-8-lg {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-lg {
        margin-left: 66.6666666667%
    }

    .col-9-lg {
        width: 75%;
        padding: 0 .6%
    }

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

    .col-10-lg {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-lg {
        margin-left: 83.3333333333%
    }

    .col-11-lg {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-lg {
        margin-left: 91.6666666667%
    }

    .col-12-lg {
        width: 100%;
        padding: 0 .6%
    }

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

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

    .hide-lg {
        display: none
    }

    .show-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-lg {
        display: block
    }
}

@media (min-width: 1440px) {
    .col-1-old {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-old {
        margin-left: 8.3333333333%
    }

    .col-2-old {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-old {
        margin-left: 16.6666666667%
    }

    .col-3-old {
        width: 25%;
        padding: 0 .6%
    }

    .offset-3-old {
        margin-left: 25%
    }

    .col-4-old {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-old {
        margin-left: 33.3333333333%
    }

    .col-5-old {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-old {
        margin-left: 41.6666666667%
    }

    .col-6-old {
        width: 50%;
        padding: 0 .6%
    }

    .offset-6-old {
        margin-left: 50%
    }

    .col-7-old {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-old {
        margin-left: 58.3333333333%
    }

    .col-8-old {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-old {
        margin-left: 66.6666666667%
    }

    .col-9-old {
        width: 75%;
        padding: 0 .6%
    }

    .offset-9-old {
        margin-left: 75%
    }

    .col-10-old {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-old {
        margin-left: 83.3333333333%
    }

    .col-11-old {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-old {
        margin-left: 91.6666666667%
    }

    .col-12-old {
        width: 100%;
        padding: 0 .6%
    }

    .offset-12-old {
        margin-left: 100%
    }

    .offset-0-mac {
        margin-left: 0
    }

    .hide-old {
        display: none
    }

    .show-old {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-old {
        display: block
    }
}

@media (min-width: 1680px) {
    .col-1-xl {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-xl {
        margin-left: 8.3333333333%
    }

    .col-2-xl {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-xl {
        margin-left: 16.6666666667%
    }

    .col-3-xl {
        width: 25%;
        padding: 0 .6%
    }

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

    .col-4-xl {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-xl {
        margin-left: 33.3333333333%
    }

    .col-5-xl {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-xl {
        margin-left: 41.6666666667%
    }

    .col-6-xl {
        width: 50%;
        padding: 0 .6%
    }

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

    .col-7-xl {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-xl {
        margin-left: 58.3333333333%
    }

    .col-8-xl {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-xl {
        margin-left: 66.6666666667%
    }

    .col-9-xl {
        width: 75%;
        padding: 0 .6%
    }

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

    .col-10-xl {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-xl {
        margin-left: 83.3333333333%
    }

    .col-11-xl {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-xl {
        margin-left: 91.6666666667%
    }

    .col-12-xl {
        width: 100%;
        padding: 0 .6%
    }

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

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

    .hide-xl {
        display: none
    }

    .show-xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-xl {
        display: block
    }
}

@media (min-width: 1920px) {
    .col-1-hd {
        width:8.3333333333%;
        padding: 0 .6%
    }

    .offset-1-hd {
        margin-left: 8.3333333333%
    }

    .col-2-hd {
        width: 16.6666666667%;
        padding: 0 .6%
    }

    .offset-2-hd {
        margin-left: 16.6666666667%
    }

    .col-3-hd {
        width: 25%;
        padding: 0 .6%
    }

    .offset-3-hd {
        margin-left: 25%
    }

    .col-4-hd {
        width: 33.3333333333%;
        padding: 0 .6%
    }

    .offset-4-hd {
        margin-left: 33.3333333333%
    }

    .col-5-hd {
        width: 41.6666666667%;
        padding: 0 .6%
    }

    .offset-5-hd {
        margin-left: 41.6666666667%
    }

    .col-6-hd {
        width: 50%;
        padding: 0 .6%
    }

    .offset-6-hd {
        margin-left: 50%
    }

    .col-7-hd {
        width: 58.3333333333%;
        padding: 0 .6%
    }

    .offset-7-hd {
        margin-left: 58.3333333333%
    }

    .col-8-hd {
        width: 66.6666666667%;
        padding: 0 .6%
    }

    .offset-8-hd {
        margin-left: 66.6666666667%
    }

    .col-9-hd {
        width: 75%;
        padding: 0 .6%
    }

    .offset-9-hd {
        margin-left: 75%
    }

    .col-10-hd {
        width: 83.3333333333%;
        padding: 0 .6%
    }

    .offset-10-hd {
        margin-left: 83.3333333333%
    }

    .col-11-hd {
        width: 91.6666666667%;
        padding: 0 .6%
    }

    .offset-11-hd {
        margin-left: 91.6666666667%
    }

    .col-12-hd {
        width: 100%;
        padding: 0 .6%
    }

    .offset-12-hd {
        margin-left: 100%
    }

    .offset-0-hd {
        margin-left: 0
    }

    .hide-hd {
        display: none
    }

    .show-hd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block-hd {
        display: block
    }
}

@media (max-width: 1024px) {
    .row {
        padding:0 3.9%
    }
}

.btn {
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 0;
    background-color: #ff671b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn:hover {
    cursor: pointer;
    color: #fff;
    background-color: #ff894e
}

.swiper-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2
}

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

.swiper-navigation--bottom {
    margin: 20px 0 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.swiper-btn-prev {
    position: relative;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    margin-top: 0;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-btn-prev:hover {
    background-color: #2c588e
}

.swiper-btn-next svg,.swiper-btn-prev svg {
    width: 9px;
    height: 18px
}

.swiper-btn-prev:active {
    -webkit-user-select: none;
    border: 0;
    outline: 0;
    outline-width: 0!important;
    outline-style: none;
    outline-color: none!important
}

.swiper-btn-prev:focus {
    -webkit-user-select: none;
    border: 0;
    outline: 0;
    outline-width: 0!important;
    outline-style: none;
    outline-color: none!important
}

.swiper-btn-next {
    position: relative;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    margin-top: 0;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-btn-next:hover {
    background-color: #2c588e
}

.swiper-btn-next:active {
    -webkit-user-select: none;
    border: 0;
    outline: 0;
    outline-width: 0!important;
    outline-style: none;
    outline-color: none!important
}

.swiper-btn-next:focus {
    -webkit-user-select: none;
    border: 0;
    outline: 0;
    outline-width: 0!important;
    outline-style: none;
    outline-color: none!important
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: relative;
    z-index: 0;
    margin-right: 3px
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 5px 16px 0 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: .25;
    border-radius: 0;
    background-color: #1a3f6c
}

.swiper-pagination-bullet:hover {
    opacity: 1;
    background-color: #2c588e
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-pagination-bullet:active {
    -webkit-user-select: none;
    border: 0;
    outline: 0;
    outline-width: 0!important;
    outline-style: none;
    outline-color: none!important
}

.swiper-pagination-bullet:focus {
    -webkit-user-select: none;
    border: 0;
    outline: 0;
    outline-width: 0!important;
    outline-style: none;
    outline-color: none!important
}

@media (max-width: 1023px) {
    .swiper-title {
        font-size:32px
    }

    .swiper-navigation--bottom {
        margin: 20px 0
    }
}

@media (max-width: 767px) {
    .swiper-btn-next,.swiper-btn-prev {
        width:40px;
        height: 40px
    }

    .swiper-btn-prev {
        margin-right: 20px
    }

    .btn {
        font-size: 12px;
        letter-spacing: normal
    }
}

.checkbox-btn {
    display: none
}

.checkbox-btn-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    width: 48.7%;
    padding: 19px 0 18px 56px;
    cursor: pointer
}

.checkbox-btn-text::before {
    position: absolute;
    top: 21px;
    left: 18px;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.checkbox-btn-text::after {
    position: absolute;
    top: 26px;
    left: 23px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.calculator__checkbox-btn:checked+.calculator__checkbox-btn-text::after,.calculator__counter-item-checkbox:checked+.calculator__counter-item-wrapper--modal::after,.calculator__modal-item-checkbox:checked+.calculator__modal-item-checkbox-text::after,.calculator__radio-btn:checked+.calculator__radio-text::after,.checkbox-btn:checked+.checkbox-btn-text::after,.filter__checkbox:checked+.filter__checkbox-text::after,.login__checkbox:checked+.login__checkbox-text::after,.radio-btn:checked+.radio-btn-text::after,.sale-order-payment-change-pp-company-hidden:checked+.account__payments-item-title::after {
    opacity: 1
}

.radio-btn {
    display: none
}

.radio-btn-text {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.radio-btn-text::before {
    position: absolute;
    top: 19px;
    left: 16px;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.radio-btn-text::after {
    position: absolute;
    top: 24px;
    left: 21px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.select,.select__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select__container {
    position: relative;
    width: 100%;
    max-width: 305px;
    height: 53px;
    margin-left: auto;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.select__container--active {
    color: #2c588e;
    border: 2px solid #2c588e
}

.select__title {
    padding: 20px
}

.select__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 49px;
    padding-right: 16px;
    padding-bottom: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select__icon--active {
    height: 30px;
    padding-bottom: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.select__icon-down,.select__icon-up {
    width: 10px;
    height: 10px
}

.catalog-select__icon-down svg,.catalog-select__icon-up svg,.select__icon-down svg,.select__icon-up svg {
    width: 100%;
    height: 100%
}

.select__dropdown {
    position: absolute;
    z-index: 5;
    top: 62px;
    left: 0;
    display: none;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25)
}

.select__dropdown--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.select__dropdown--contact .select__dropdown-value:last-child {
    margin-bottom: 20px
}

.select__dropdown-value {
    margin-bottom: 20px;
    color: #1e1e1e;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.catalog-select__dropdown-value a,.select__dropdown-value a {
    text-decoration: none;
    color: #1e1e1e
}

.select__dropdown-value a:hover,.select__dropdown-value:hover {
    color: #1a3f6c
}

.select__dropdown-value:last-child {
    margin-bottom: 0
}

.select__dropdown-value--region {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.select__dropdown-value--active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.select__btn {
    display: none;
    height: 53px;
    padding: 0 20px;
    cursor: pointer;
    color: #1e1e1e;
    border: 2px solid rgba(26,63,108,.25);
    background-color: #fff
}

@media (max-width: 1023px) {
    .select__btn {
        display:block
    }
}

@media (max-width: 767px) {
    .select__container {
        max-width:215px
    }

    .select__title {
        font-size: 12px;
        padding: 10px 9px
    }

    .select__btn,.select__dropdown-value {
        font-size: 12px
    }

    .select__btn {
        padding: 0 10px 0 7px
    }
}

.catalog-select,.catalog-select__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog-select {
    margin-bottom: 32px
}

.catalog-select__container {
    position: relative;
    width: 100%;
    max-width: 305px;
    height: 60px;
    margin-left: auto;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.catalog-select__container--active {
    color: #2c588e;
    border: 2px solid #2c588e
}

.catalog-select__title {
    padding: 20px 18px
}

.catalog-select__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    padding-right: 18px;
    padding-bottom: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-select__icon--active {
    height: 30px;
    padding-bottom: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.catalog-select__icon-down,.catalog-select__icon-up {
    width: 10px;
    height: 10px
}

.catalog-select__dropdown {
    position: absolute;
    z-index: 4;
    top: 62px;
    left: 0;
    display: none;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25)
}

.catalog-select__dropdown--active {
    display: block
}

.catalog-select__dropdown-value {
    margin-bottom: 20px;
    color: #1e1e1e
}

.catalog-select__dropdown-value:hover {
    color: #1a3f6c
}

.catalog-select__dropdown-value:last-child {
    margin-bottom: 0
}

.catalog-select__btn {
    display: none;
    height: 53px;
    padding: 0 20px;
    cursor: pointer;
    color: #1e1e1e;
    border: 2px solid rgba(26,63,108,.25);
    background-color: #fff
}

@media (max-width: 1023px) {
    .catalog-select {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .catalog-select__btn {
        display: block
    }
}

@media (max-width: 767px) {
    .catalog-select {
        margin-bottom:30px
    }

    .catalog-select__container {
        max-width: 163px;
        height: 40px
    }

    .catalog-select__title {
        font-size: 12px;
        padding: 10px 9px
    }

    .catalog-select__dropdown {
        top: 50px
    }

    .catalog-select__dropdown-value {
        font-size: 12px
    }

    .catalog-select__btn {
        font-size: 12px;
        height: 40px;
        padding: 0 10px 0 7px
    }

    .catalog-select__icon {
        padding-right: 7px
    }
}

.catalog-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog-tags a {
    font-size: 16px;
    line-height: 19px;
    margin-right: 20px;
    color: #1e1e1e
}

@media (max-width: 1023px) {
    .catalog-tags {
        width:100%;
        margin-bottom: 10px
    }

    .catalog-tags a {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .catalog-tags a {
        font-size:14px;
        line-height: 16px
    }
}

.page-pagination {
    width: 100%;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-pagination,.page-pagination__list,.page-pagination__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-pagination__list li {
    margin-right: 20px
}

.page-pagination__list li:last-child {
    margin-right: 0
}

.page-pagination__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-decoration: none;
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.page-pagination__list span {
    padding: 20px 24px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1a3f6c;
    background-color: #f2f2f2
}

.page-pagination__list span:hover,.page-pagination__next span:hover,.page-pagination__prev span:hover {
    color: #fff;
    background-color: #2c588e
}

.page-pagination__active span,.page-pagination__list span,.page-pagination__next span,.page-pagination__prev span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    letter-spacing: 5%;
    text-transform: uppercase
}

.page-pagination__active span {
    padding: 20px 24px;
    color: #fff;
    background-color: #1a3f6c
}

.page-pagination__next span,.page-pagination__prev span {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1a3f6c;
    background-color: #f2f2f2
}

@media (max-width: 1023px) {
    .page-pagination__list,.page-pagination__list span {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page-pagination__list {
        position: relative;
        margin-right: -10px;
        margin-bottom: 50px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .page-pagination__list li {
        margin-right: 10px;
        margin-bottom: 20px
    }

    .page-pagination__list span {
        font-size: 12px;
        line-height: 1;
        min-width: 43px;
        height: 37px;
        padding: 10px 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page-pagination__list .page-pagination__prev {
        position: absolute;
        top: 50px;
        right: 51%
    }

    .page-pagination__list .page-pagination__next {
        position: absolute;
        top: 50px;
        left: 51%
    }

    .page-pagination__active span {
        font-size: 12px;
        padding: 12px 15px 10px
    }

    .page-pagination__next span,.page-pagination__prev span {
        font-size: 12px;
        line-height: 1.2
    }
}

@media (max-width: 419px) {
    .page-pagination__list li:last-child {
        margin-bottom:0
    }

    .page-pagination__list span {
        min-width: 37px
    }

    .page-pagination__active span,.page-pagination__list span {
        font-size: 10px;
        padding: 10px 13px
    }

    .page-pagination__next span,.page-pagination__prev span {
        font-size: 10px;
        line-height: 1.2
    }
}

@media (max-width: 365px) {
    .page-pagination__active span,.page-pagination__list span {
        padding:8px 9px
    }
}

.search {
    position: relative;
    text-align: end
}

.search__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    width: 305px;
    padding: 20px 20px 20px 21px;
    color: #1a3f6c;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    background-color: inherit
}

.search__input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.search__input::-moz-placeholder {
    font-size: 16px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.search__input::-ms-input-placeholder {
    font-size: 16px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.search__input::placeholder {
    font-size: 16px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.search__input:focus {
    color: #1a3f6c;
    border-bottom: 2px solid #1a3f6c;
    outline: 0
}

.search__icon {
    position: absolute;
    top: 19px;
    right: 11px;
    cursor: pointer;
    border: 0;
    background-color: #fff;
    fill: none
}

.search__icon svg {
    width: 21px;
    height: 22px
}

@media (max-width: 767px) {
    .search {
        margin-top:30px;
        text-align: start
    }

    .search__icon {
        top: 0;
        right: auto;
        left: 265px
    }

    .search__input {
        font-size: 14px;
        padding: 10px
    }

    .search__input::-webkit-input-placeholder {
        font-size: 14px
    }

    .search__input::-moz-placeholder {
        font-size: 14px
    }

    .search__input::-ms-input-placeholder {
        font-size: 14px
    }

    .search__input::placeholder {
        font-size: 14px
    }
}

@media (max-width: 419px) {
    .search__input {
        width:100%
    }

    .search__icon {
        top: 0;
        right: 0;
        left: auto
    }
}

.header {
    position: fixed;
    z-index: 10;
    background-color: #fff
}

.header.is-scrolled {
    -webkit-box-shadow: 0 0 32px rgba(168,168,168,.6);
    box-shadow: 0 0 32px rgba(168,168,168,.6)
}

.sprite {
    width: 0;
    height: 0
}

.sprite svg {
    width: 100%;
    height: 100%
}

.footer {
    font-size: 18px;
    line-height: 120%;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 60px;
    color: #fff;
    background-color: #1a3f6c
}

.footer__nav {
    margin-bottom: 20px
}

.footer__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.footer__item-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 121%
}

.footer__item-arrow {
    display: none;
    margin-right: -5px;
    padding: 7px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border: 0;
    background-color: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__item-arrow svg {
    width: 17px;
    height: 10px;
    fill: #ff671b
}

.footer__item-arrow--active {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.footer__item-list li {
    margin-bottom: 15px
}

.footer__item-list li:last-child {
    margin-bottom: 40px
}

.footer__item-link {
    font-size: 18px;
    font-weight: 400;
    line-height: 122%;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #fff
}

.footer__email-link:hover,.footer__form-subtext a:hover,.footer__item-link:hover,.footer__phone-link:hover {
    color: #ff671b
}

.footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.footer__contacts li {
    margin-bottom: 11px
}

.footer__email-link,.footer__phone-link {
    font-size: 24px;
    font-weight: 200;
    line-height: 120%;
    margin-bottom: 10px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #fff
}

.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__social a {
    margin-right: 7px
}

.footer__social-insta {
    width: 30px;
    height: 27px;
    padding-left: 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #fff
}

.footer__social-insta:hover,.footer__social-ok:hover,.footer__social-vk:hover,.footer__social-wa:hover,.footer__social-youtube:hover,.nav__city:hover svg {
    fill: #ff671b
}

.footer__social-ok {
    width: 20px;
    height: 26px;
    padding-left: 4px;
    fill: #fff
}

.footer__form-subtext a,.footer__social-ok,.footer__social-vk {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.footer__social-vk {
    width: 32px;
    height: 22px;
    padding-left: 2px;
    fill: #fff
}

.footer__social-wa,.footer__social-youtube {
    width: 32px;
    height: 32px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #fff
}

.footer__form {
    position: relative
}

.footer__form-subtext {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    opacity: 1
}

.footer__form-subtext p {
    opacity: .5;
}

.footer__form-subtext a {
    font-size: 14px;
    text-decoration: none;
    color: #fff
}

.footer__form-title {
    margin-bottom: 20px
}

.footer__form-text {
    line-height: 128%;
    margin-bottom: 40px
}

.footer__form-label {
    position: relative
}

.footer__form-input {
    font-size: 14px;
    line-height: 120%;
    display: block;
    width: 100%;
    margin-bottom: 40px;
    padding: 20px 20px 20px 21px;
    color: #fff;
    border: 0;
    border-bottom: 2px solid rgba(255,255,255,.2);
    border-radius: 0;
    outline: 0;
    background-color: #1a3f6c
}

.footer__form-input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #fff
}

.footer__form-input::-moz-placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #fff
}

.footer__form-input::-ms-input-placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #fff
}

.footer__form-input::placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #fff
}

.footer__form-input:focus {
    color: #fff;
    border: 0;
    border-bottom: 2px solid #fff;
    outline: 0
}

.footer__form-button {
    font-weight: 600;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 20px 0;
    letter-spacing: .05em
}

.footer__client,.footer__client-information {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__client-information {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.footer__year {
    font-size: 12px;
    line-height: 120%;
    margin-right: 6px
}

.footer__name,.footer__year {
    cursor: auto;
    color: #fff
}

.footer__client-text {
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    margin-right: 60px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer__client-text:last-child {
    margin-right: 0
}

.footer__client-text a:hover,.footer__client-text:hover,.footer__t-code a:hover,.nav__menu a:hover {
    color: #ff671b
}

.footer__client-text a {
    font-size: 12px
}

.footer__t-code {
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    text-align: right
}

.footer__client-text a,.footer__t-code a,.nav__menu a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #fff
}

.footer__t-code b {
    font-weight: 700
}

@media (max-width: 1024px) {
    .footer__item-title {
        font-size:24px
    }

    .footer__item-link {
        font-size: 14px
    }

    .footer__form-text {
        font-size: 14px;
        line-height: 125%
    }

    .footer__email-link,.footer__phone-link {
        font-size: 14px
    }

    .footer__form-input::-webkit-input-placeholder {
        font-size: 12px
    }

    .footer__form-input::-moz-placeholder {
        font-size: 12px
    }

    .footer__form-input::-ms-input-placeholder {
        font-size: 12px
    }

    .footer__form-input::placeholder {
        font-size: 12px
    }

    .footer__form-subtext {
        font-size: 12px
    }

    .footer__name {
        white-space: nowrap
    }
}

@media (max-width: 1023px) {
    .footer__client-text {
        margin-right:20px
    }
}

@media (max-width: 639px) {
    .footer {
        padding-top:60px
    }

    .footer__item {
        margin-bottom: 34px
    }

    .footer__block--right {
        margin-bottom: 56px
    }

    .footer__block--left,.footer__block--middle {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer__contacts {
        margin-bottom: 16px
    }

    .footer__form-text {
        margin-bottom: 41px
    }

    .footer__form-input {
        margin-bottom: 30px
    }

    .footer__form-button {
        font-size: 14px;
        margin-bottom: 31px
    }

    .footer__nav {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__item-arrow {
        display: block
    }

    .footer__item-head {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__item-list {
        display: none
    }

    .footer__item-list--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__item-list li {
        width: 45%;
        margin-right: 30px
    }

    .footer__item-list li:nth-child(2n) {
        width: 40%;
        margin-right: 0
    }

    .footer__item-list--contacts li {
        width: 100%
    }

    .footer__client,.footer__client-information {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

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

    .footer__client-text {
        margin-bottom: 20px
    }

    .footer__client-text:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__client-text:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer__t-code {
        text-align: left
    }

    .footer__t-code b {
        margin-left: 2px
    }
}

@media (max-width: 1140px) {
    main {
        margin-top:49px
    }
}

.nav {
    font-size: 12px;
    font-weight: 500;
    line-height: 117%;
    color: #fff
}

.nav__container {
    background-color: #1a3f6c
}

.nav__row--top {
    padding-top: 6px;
    padding-bottom: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav__block,.nav__row--bottom,.nav__row--top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__row--bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.nav__block--bright,.nav__block--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.nav__price-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 25px;
    padding: 8px 16px;
    text-decoration: none;
    color: #fff;
    background-color: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__price-link svg {
    margin-left: 8px
}

@media (max-width: 768px) {
    .nav__price-link {
        display:none
    }
}

.nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 36px
}

.nav__menu li {
    margin-right: 20px
}

.nav__main-menu li:last-child,.nav__menu li:last-child {
    margin-right: 0
}

.nav__city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 32px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__city:hover {
    color: #ff671b
}

.nav__city,.nav__phone {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav__city-icon,.nav__phone-link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.nav__city-icon {
    width: 10px;
    height: 12px;
    margin-left: 5px;
    fill: #fff
}

.nav__city-icon:hover {
    fill: #ff671b
}

.nav__phone-link {
    text-decoration: none;
    color: #fff
}

.nav__main-submenu a:hover,.nav__phone-link:hover {
    color: #ff671b
}

.nav__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__social a {
    margin-left: 6px
}

.nav__social-insta,.nav__social-ok,.nav__social-vk,.nav__social-wa {
    width: 19px;
    height: 14px;
    padding: 2px 1px 0 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #fff
}

.nav__social-insta:hover,.nav__social-ok:hover,.nav__social-vk:hover,.nav__social-wa:hover {
    fill: #ff671b
}

.nav__social-insta,.nav__social-ok,.nav__social-wa {
    width: 14px;
    height: 19px;
    padding: 3px 2px 0 0
}

.nav__social-insta,.nav__social-wa {
    width: 17px;
    padding: 3px 1px 0 0
}

.nav__social-wa {
    width: 20px;
    height: 20px;
    margin-top: 3px;
    padding: 0
}

.nav__logo svg {
    width: 101px;
    height: 41px
}

.nav__main-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav__main-menu li {
    margin-right: 21px;
    padding-top: 10px;
    padding-bottom: 10px
}

.nav__main-menu li:first-child:hover .nav__main-submenu {
    visibility: visible;
    opacity: 1
}

.nav__main-menu--mobile {
    display: none
}

.nav__main-submenu {
    position: absolute;
    top: 30px;
    left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 556px;
    padding: 20px 20px 0;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav__main-submenu li {
    margin-right: 10px;
    padding-bottom: 20px;
    cursor: pointer;
    word-break: break-word;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%
}

.nav__main-submenu li:nth-child(3n) {
    margin-right: 0
}

.nav__main-submenu a {
    font-weight: 600
}

.nav__cart svg,.nav__login svg,.nav__main-link,.nav__main-submenu a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.nav__main-link,.nav__main-submenu a {
    font-size: 14px;
    line-height: 120%;
    text-decoration: none;
    color: #1a3f6c
}

.nav__main-link:hover {
    color: #ff671b
}

.nav__account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav__cart {
    position: relative;
    margin-right: 32px;
    text-decoration: none
}

.nav__cart svg,.nav__login svg {
    width: 30px;
    height: 30px;
    margin-top: 4px;
    fill: none;
    stroke: #1a3f6c;
    stroke-width: 2
}

.nav__cart svg:hover,.nav__login svg:hover {
    stroke: #ff671b
}

.nav__cart-count {
    font-size: 8px;
    font-weight: 700;
    position: absolute;
    top: 4px;
    right: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12px;
    height: 12px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff671b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav__login {
    text-decoration: none
}

.nav__login svg {
    height: 24px;
    margin-top: 3px
}

.nav__exit svg {
    fill: #1a3f6c;
    stroke: none
}

.nav__exit svg:hover {
    fill: #ff671b;
    stroke: none
}

.nav__button {
    font-weight: 700;
    line-height: 125%;
    padding: 24px 40px 22px 41px;
    letter-spacing: normal;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav__button svg,.nav__mobilebutton {
    display: none
}

@media (max-width: 1279px) {
    .nav__button {
        margin-right:0;
        margin-left: 2px;
        padding: 16px 17px
    }

    .nav__button svg {
        display: inline-block;
        width: 16px;
        height: 18px
    }

    .nav__button span,.nav__button--hide {
        display: none
    }

    .nav__container,.nav__container--active {
        -webkit-transition: all .1s linear;
        transition: all .1s linear
    }

    .nav__container {
        position: absolute;
        top: -28px;
        padding-top: 26px;
        padding-bottom: 70px;
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        pointer-events: none;
        opacity: 0;
        color: #1a3f6c;
        background-color: #fff
    }

    .nav__container--active {
        right: 0;
        bottom: 0;
        left: 0;
        height: 100vh;
        pointer-events: all;
        opacity: 1
    }

    .nav__row--top {
        padding: 17px 1% 100px
    }

    .nav__row--bottom {
        padding-right: 0;
        padding-left: 0
    }

    .nav__block--left {
        margin-bottom: 83px
    }

    .nav__block--right {
        flex-direction: column;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nav__block--bright {
        padding-right: 0
    }

    .nav__block--bleft {
        padding-left: 0
    }

    .nav__city-name,.nav__phone-link {
        font-size: 14px;
        color: #1a3f6c
    }

    .nav__city-name {
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .nav__city-name:hover,.nav__main-mobilesubmenu a:hover {
        color: #ff671b
    }

    .nav__city-icon {
        fill: #1a3f6c
    }

    .nav__menu {
        margin-right: 0;
        margin-bottom: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nav__menu li {
        margin-right: 30px;
        margin-bottom: 30px
    }

    .nav__menu a {
        font-size: 18px;
        color: #1e1e1e
    }

    .nav__main-menu {
        display: none;
        margin-left: 0
    }

    .nav__main-menu--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nav__main-menu--mobile>li {
        margin-right: 60px;
        margin-bottom: 60px
    }

    .nav__main-menu--mobile a {
        font-size: 42px
    }

    .nav__main-mobilesubmenu {
        display: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nav__main-mobilesubmenu li {
        margin-top: 30px;
        margin-right: 30px;
        cursor: pointer
    }

    .nav__main-mobilesubmenu a {
        font-size: 18px;
        line-height: 120%;
        color: #1e1e1e
    }

    .nav__main-mobilesubmenu--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nav__social {
        margin: 0 auto 58px
    }

    .nav__social a {
        margin-left: 10px
    }

    .nav__social-ok,.nav__social-vk {
        width: 32px;
        height: 27px;
        fill: #1a3f6c
    }

    .nav__social-ok {
        width: 18px
    }

    .nav__social-insta,.nav__social-wa {
        width: 27px;
        height: 27px;
        fill: #1a3f6c
    }

    .nav__mobilebutton {
        font-size: 14px;
        font-weight: 600;
        line-height: 125%;
        display: block;
        width: 100%;
        max-width: 492px;
        margin-right: auto;
        margin-left: auto;
        padding: 15px 0;
        text-align: center;
        white-space: nowrap
    }

    .nav__logo svg {
        width: 110px;
        height: 40px
    }

    .nav__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 50px;
        height: 25px;
        padding: 5px 13px;
        cursor: pointer;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .nav__burger span {
        display: block;
        width: 100%;
        height: 3px;
        content: '';
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background: #1e1e1e
    }

    .nav__burger--active {
        padding-right: 13px;
        padding-left: 19px
    }

    .nav__burger--active span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .nav__burger--active span:nth-child(2) {
        display: none
    }

    .nav__burger--active span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }

    .nav__account {
        margin-right: 14px
    }

    .nav__account--active,.nav__cart {
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .nav__row--top {
        padding:5px 3.9%
    }

    .nav__block--left {
        margin-bottom: 60px
    }

    .nav__main-menu--mobile {
        margin-bottom: 40px
    }

    .nav__main-menu--mobile>li,.nav__menu li {
        margin-right: 20px;
        margin-bottom: 20px
    }

    .nav__main-menu--mobile a {
        font-size: 14px
    }

    .nav__city-name,.nav__main-mobilesubmenu a,.nav__menu a,.nav__phone-link {
        font-size: 12px
    }

    .nav__main-mobilesubmenu li {
        margin-top: 20px
    }

    .nav__social {
        margin: 0 auto 25px
    }

    .nav__social-vk {
        width: 19px;
        height: 11px
    }

    .nav__social-ok {
        width: 10px;
        height: 16px
    }

    .nav__social-insta {
        width: 15px;
        height: 19px
    }

    .nav__social-wa {
        width: 19px;
        height: 19px
    }
}

@media (max-width: 374px) {
    .nav__cart {
        margin-right:10px
    }
}

.city {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    opacity: 0;
    background-color: rgba(30,30,30,.6)
}

.city--active {
    display: block;
    opacity: 1
}

.city__container {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 600px;
    margin: 7% auto;
    padding: 40px;
    background-color: #fff
}

.city__head {
    margin-bottom: 40px
}

.city__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 120%
}

.city__close {
    position: absolute;
    top: 25px;
    right: 30px;
    padding: 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background-color: #fff
}

.callback__close svg,.city__close svg,.filter__close-btn svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #1e1e1e
}

.city__close:hover {
    background-color: #f2f2f2
}

.callback__close:hover svg,.city__close:hover svg {
    fill: #ff671b
}

.city__item {
    display: block;
    margin-bottom: 60px
}

.city__item:last-child {
    margin-bottom: 0
}

.city__item--hide {
    display: none
}

.city__name,.city__name a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.city__name {
    font-size: 18px;
    line-height: 1.2;
    padding: 10px;
    cursor: pointer;
    background-color: #fff
}

.city__name:hover {
    background-color: #f2f2f2
}

.callback__form-subtext a:hover,.city__name:hover a {
    color: #ff671b
}

.city__name a {
    text-decoration: none;
    color: #1e1e1e
}

@media (max-width: 640px) {
    .city__container {
        padding:20px
    }

    .city__title {
        font-size: 24px
    }

    .city__list li {
        font-size: 14px
    }

    .city__head {
        margin-bottom: 30px
    }

    .city__container {
        max-width: 320px
    }

    .city__close {
        top: 0;
        right: 0
    }
}

.callback {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    opacity: 0;
    background-color: rgba(30,30,30,.6)
}

.callback--show {
    display: block;
    opacity: 1
}

.callback__form {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 494px;
    margin: 7% auto;
    padding: 40px;
    background-color: #fff
}

.callback__form-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px
}

.callback__form-text {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 42px
}

.callback__form-input {
    font-size: 14px;
    line-height: 120%;
    display: block;
    width: 100%;
    margin-bottom: 40px;
    padding: 20px 20px 20px 21px;
    color: #1a3f6c;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.2);
    border-radius: 0;
    outline: 0;
    background-color: inherit
}

.callback__form-input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.callback__form-input::-moz-placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.callback__form-input::-ms-input-placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.callback__form-input::placeholder {
    font-size: 14px;
    line-height: 120%;
    opacity: .5;
    color: #1a3f6c
}

.callback__form-input:focus {
    color: #1a3f6c;
    border: 0;
    border-bottom: 2px solid #1a3f6c;
    outline: 0
}

.callback__form-button {
    font-weight: 600;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 20px 0 21px
}

.callback__form-subtext {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    opacity: .5
}

.callback__close,.callback__form-subtext a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.callback__form-subtext a {
    font-size: 14px;
    text-decoration: none;
    color: #1e1e1e
}

.callback__close {
    position: absolute;
    z-index: 10;
    top: 25px;
    right: 30px;
    padding: 16px 19px;
    cursor: pointer;
    border: 0;
    background-color: #fff
}

.callback__close:hover {
    background-color: #f2f2f2
}

@media (max-width: 1023px) {
    .callback__form {
        max-width:320px
    }

    .callback__close {
        top: 0;
        right: 0;
        padding: 14px 17px
    }

    .callback__form-title {
        font-size: 24px
    }

    .callback__form-text {
        font-size: 14px
    }

    .callback__form-subtext {
        font-size: 12px;
        margin-bottom: 38px
    }

    .callback__form-button {
        margin-bottom: 30px
    }
}

.promo {
    margin-bottom: 80px
}

.promo__banner {
    position: relative;
    margin-bottom: 17px
}

.promo__banner a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.promo__banner-container {
    position: relative;
    overflow: hidden;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.promo__text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 80px 43% 80px 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.promo__title {
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #fff
}

.promo__subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff
}

.promo__item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #ff671b;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.promo__item-col:hover .promo__item-container,.promo__item-container:hover,.promo__item:hover {
    background-color: #ff894e
}

.promo__item {
    overflow: hidden;
    height: 100%
}

.promo__item-image img {
    width: 105%;
    height: 100%;
    max-height: 104px;
    margin-top: -3px;
    margin-left: -1px;
    -o-object-fit: cover;
    object-fit: cover
}

.promo__item-col {
    position: relative;
    padding-right: .74%;
    padding-left: .74%
}

.promo__item-col:first-child {
    padding-left: .6%
}

.promo__item-col:last-child {
    padding-right: .6%
}

.promo__item-col a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.promo__item-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    max-width: 180px;
    padding: 30px 4.5%;
    letter-spacing: .02em;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 53%;
    flex: 0 1 53%
}

@media (max-width: 1320px) {
    .promo__title {
        font-size:42px
    }
}

@media (max-width: 1140px) {
    .promo {
        margin-top:21px
    }
}

@media (max-width: 1023px) {
    .promo__banner {
        margin-bottom:10px
    }

    .promo__item-container {
        max-height: 80px
    }

    .promo__item-col {
        margin-bottom: 10px;
        padding: 0 1.5%
    }

    .promo__item-col:first-child {
        padding-left: 1.5%
    }

    .promo__item-col:last-child {
        padding-right: 1.5%
    }

    .promo__item-text {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 72%;
        flex: 0 1 72%
    }

    .promo__item-image {
        margin-top: -15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 28%;
        flex: 0 1 28%
    }

    .promo__item-image img {
        width: 72%;
        max-height: 92px
    }

    .promo__text {
        padding: 50px 35% 50px 50px
    }

    .promo__title {
        font-size: 38px
    }

    .promo__subtitle {
        font-size: 16px
    }
}

@media (max-width: 920px) {
    .promo__item-image {
        margin-top:-2px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 28%;
        flex: 0 1 28%
    }

    .promo__item-image img {
        width: 80%;
        max-height: 82px
    }
}

@media (max-width: 768px) {
    .promo {
        margin-bottom:50px
    }

    .promo__banner-container {
        min-height: 260px
    }

    .promo__text {
        padding: 20px 18px
    }

    .promo__title {
        font-size: 36px
    }

    .promo__subtitle {
        font-size: 14px
    }

    .promo__banner {
        margin-bottom: 10px
    }
}

@media (max-width: 639px) {
    .promo__item-text {
        font-size:14px;
        padding: 21px 18px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 68%;
        flex: 0 1 68%
    }

    .promo__item-image {
        max-height: 68px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
        flex: 0 1 32%
    }

    .promo__item-image img {
        width: 77%;
        margin-top: -2px;
        margin-left: -7px
    }

    .promo__title {
        font-size: 28px
    }

    .promo__item-container {
        height: 60px
    }
}

@media (max-width: 550px) {
    .promo__item-image {
        max-height:60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
        flex: 0 1 32%
    }

    .promo__item-image img {
        width: 83%;
        margin-top: 0;
        margin-left: -5px
    }
}

@media (max-width: 419px) {
    .promo__item-image {
        -webkit-box-flex:0;
        -ms-flex: 0 1 32%;
        flex: 0 1 32%
    }

    .promo__item-image img {
        width: 109%;
        margin-top: -2px;
        margin-left: -5px
    }
}

@media (max-width: 374px) {
    .promo__title {
        font-size:26px
    }
}

.discount {
    margin-bottom: 80px
}

.discount__swiper {
    overflow: hidden
}

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

.discount__inner {
    width: 50.8%;
    height: 100%
}

.discount__inner:last-child {
    width: 49.2%
}

.discount__inner-wrapper {
    width: 100%
}

.discount__inner-wrapper:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discount__inner-wrapper--large {
    display: block
}

.discount__item {
    position: relative;
    overflow: hidden
}

.discount__item--large {
    width: 100%;
    margin-right: 3.08%;
    padding: 0 0 96.8%
}

.discount__item--large img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.discount__item--medium {
    height: 100%;
    margin-bottom: 3.08%
}

.discount__item--little img,.discount__item--medium img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.discount__item--little,.discount__item--medium {
    width: 100%;
    padding: 0 0 48.4%
}

.discount__item--little:first-child {
    margin-right: 3.08%
}

.discount__item a {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

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

@media (max-width: 1200px) {
    .discount__item--large {
        padding:0 0 97.2%
    }
}

@media (max-width: 1023px) {
    .discount {
        margin-bottom:60px
    }

    .discount__item--large {
        padding: 0 0 98.2%
    }
}

@media (max-width: 935px) {
    .discount__item--large {
        padding:0 0 98.4%
    }
}

@media (max-width: 767px) {
    .discount__container {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .discount__inner {
        width: 100%;
        height: auto
    }

    .discount__inner:last-child {
        width: 100%
    }

    .discount__item--large {
        margin-right: 0;
        margin-bottom: 10px;
        padding: 0 0 91%
    }

    .discount__item--medium {
        margin-bottom: 10px;
        padding: 0 0 48.4%
    }

    .discount__item--little:first-child {
        margin-right: 10px
    }
}

.categories__row {
    margin-bottom: 29px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.categories__head {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2
}

.categories__swiper {
    overflow: hidden;
    margin-bottom: 69px
}

@media (max-width: 767px) {
    .categories__row {
        margin-bottom:29px
    }

    .categories__swiper {
        overflow: hidden;
        margin-bottom: 50px
    }

    .categories__swiper__navigation {
        display: none
    }
}

.materials__head {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 41px
}

.materials__title {
    font-size: 18px;
    font-weight: 800;
    width: 32.8%;
    padding: 22px 18px 22px 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1e1e1e;
    background-color: #fff
}

.materials__title:hover {
    color: #ff671b
}

.materials__title--active {
    color: #1a3f6c;
    background-color: #f2f2f2
}

.materials__title--active:hover {
    cursor: auto;
    color: #1a3f6c
}

.materials__title:first-child {
    margin-left: .8%
}

.materials__title:last-child {
    margin-right: .8%
}

.materials__photo {
    max-height: 265px
}

.materials__photo img {
    -o-object-fit: contain;
    object-fit: contain
}

.materilas__subtitle {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 29px;
    padding: 0 2px
}

.materials__description-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    padding: 0 37px 0 2px
}

.materials__benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 20px 6.6%;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.materials__benefits-title {
    font-size: 14px;
    font-weight: 800;
    line-height: 150%
}

.materials__benefits-icon {
    width: 40px;
    height: 40px;
    margin-right: 6.6%
}

.materials__benefits-icon img,.materials__photo img {
    width: 100%;
    height: 100%
}

.materials__container {
    display: none;
    margin-bottom: 40px
}

.materials__container--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.materials__benefits-row {
    display: none;
    margin-bottom: 60px
}

.materials__benefits-row--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.materials__composition-image {
    position: relative;
    margin-left: 4px;
    padding: 0 0 48%
}

.materials__composition-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.materials__row {
    margin-bottom: 41px
}

@media (max-width: 1023px) {
    .materials__head {
        font-size:32px;
        margin-bottom: 20px
    }

    .materials__title {
        font-size: 14px
    }

    .materilas__subtitle {
        font-size: 14px;
        margin-bottom: 20px;
        padding: 0
    }

    .materials__description-text {
        font-size: 12px;
        margin-bottom: 20px;
        padding: 0
    }

    .materials__benefits {
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .materials__photo {
        height:200px;
        padding: 0 20%
    }

    .materials__row {
        overflow: scroll;
        margin-bottom: 5px;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .materials__row::-webkit-scrollbar {
        width: 0
    }

    .materials__composition-container {
        width: 60%;
        margin: 0 auto
    }

    .materials__title {
        width: 65%;
        padding: 14px 39px 15px 13px
    }

    .materials__title:first-child {
        margin-left: 1.5%
    }

    .materials__title:last-child {
        margin-right: 1.5%
    }
}

@media (max-width: 639px) {
    .materials__head {
        margin-bottom:29px
    }

    .materials__photo {
        margin-bottom: 8px
    }

    .materials__container {
        margin-bottom: 19px
    }

    .materials__benefits-row {
        margin-bottom: 50px
    }

    .materials__benefits {
        padding: 15px
    }

    .materials__benefits-title {
        font-size: 12px
    }

    .materials__benefits-icon {
        width: 30px;
        height: 30px;
        margin-right: 20px
    }

    .materials__row {
        padding: 0 3.9%
    }
}

@media (max-width: 420px) {
    .materials__composition-container {
        width:100%
    }

    .materials__photo {
        max-height: 200px;
        padding: 0
    }
}

.services {
    margin-bottom: 59px
}

.services__head,.services__title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px
}

.services__title {
    font-size: 64px;
    font-weight: 800
}

.services__container {
    margin-bottom: 20px
}

.services__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 21px 21px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.services__item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.services__item:hover .services__item-title {
    color: #ff894e
}

.services__item:hover svg {
    fill: #ff894e
}

.services__item-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.services__item-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.services__item-icon {
    width: 65px;
    height: 65px;
    margin-bottom: 20px
}

.seo__item-image img,.services__item-icon img {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    .services {
        margin-bottom:50px
    }

    .services__title {
        font-size: 36px;
        margin-bottom: 30px
    }

    .services__head {
        font-size: 32px;
        margin-bottom: 29px
    }

    .services__container {
        margin-bottom: 10px
    }

    .services__item {
        max-height: 158px;
        padding: 15px
    }

    .services__item-title {
        font-size: 12px;
        margin-bottom: 10px
    }

    .services__item-text {
        font-size: 12px
    }

    .services__item-icon {
        width: 30px;
        height: 30px
    }
}

.seo {
    margin-bottom: 80px
}

.seo__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f2f2
}

.seo__item-description {
    padding: 69px 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%
}

.seo__item-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px
}

.seo__item-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}

.seo__item-image {
    position: relative;
    overflow: hidden;
    padding: 0 0 38%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 64.5%;
    flex: 0 1 64.5%
}

.seo__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1023px) {
    .seo {
        margin-bottom:60px
    }

    .seo__item {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .seo__item-image {
        position: relative;
        overflow: hidden;
        padding: 0 0 40.8%
    }

    .seo__item-description {
        padding: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .seo__item-title {
        font-size: 32px;
        margin-bottom: 30px
    }

    .seo__item-text {
        font-size: 12px
    }
}

@media (max-width: 419px) {
    .seo__item-image {
        padding:0 0 68.8%
    }
}

.breadcrumbs {
    margin-top: 32px;
    margin-bottom: 39px
}

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

.breadcrumbs__container a {
    text-decoration: none
}

.breadcrumbs__container span {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25;
    margin-right: 11px;
    text-decoration: none;
    opacity: .5;
    color: #1a3f6c
}

@media (max-width: 1023px) {
    .breadcrumbs {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 22px;
        margin-bottom: 19px
    }

    .breadcrumbs__container span {
        font-size: 14px;
        margin-right: 10px
    }
}

.catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    margin-left: -19px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog__row {
    padding: 0
}

.catalog__item {
    margin-bottom: 40px;
    padding: 0 0 0 20px
}

@media (max-width: 767px) {
    .catalog {
        margin-bottom:40px;
        margin-left: -20px
    }

    .catalog__item {
        margin-bottom: 30px
    }
}

.filter {
    position: relative
}

.filter__form {
    padding-left: 2px
}

.filter__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 16px rgba(26,63,108,.25);
    box-shadow: 0 8px 16px rgba(26,63,108,.25)
}

.filter__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 0 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.filter__category--price {
    margin-bottom: 20px
}

.filter__category-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter__price-input {
    font-size: 10px;
    line-height: 1.5;
    width: 100%;
    max-width: 122px;
    margin-right: 20px;
    padding: 13px 7%;
    border: 2px solid rgba(26,63,108,.25);
    border-radius: 0
}

.filter__price-input:focus {
    border: 2px solid rgba(30,30,30,.25);
    outline: 0
}

.filter__price-input::-webkit-input-placeholder {
    font-size: 10px;
    line-height: 1.5
}

.filter__price-input::-moz-placeholder {
    font-size: 10px;
    line-height: 1.5
}

.filter__price-input::-ms-input-placeholder {
    font-size: 10px;
    line-height: 1.5
}

.filter__price-input::placeholder {
    font-size: 10px;
    line-height: 1.5
}

.filter__price-input:last-child {
    margin-right: 0
}

.filter__category-property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.filter__category-property span {
    font-size: 14px;
    font-weight: 600
}

.filter__category-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    padding: 10px 0
}

.filter__category-title--price {
    margin-bottom: 20px
}

.filter__subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 11px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    color: #ff671b;
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100
}

.filter__subtitle:hover,.product__notice a:hover {
    color: #ff894e
}

.filter__label {
    display: none;
    padding: 12px 0 11px;
    cursor: pointer
}

.filter__label:nth-child(-n+3) {
    display: block
}

.filter__label--nf {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.filter__label--nf:first-child {
    display: none
}

.filter__label--nf:nth-child(4) {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.filter__label--nf:nth-child(2) {
    display: block;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.filter__label--nf:nth-child(3) {
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.filter__label:hover {
    background-color: #f2f2f2
}

.filter__label--active,.filter__label--active.filter__label--nf {
    display: block
}

.filter__checkbox {
    display: none
}

.filter__checkbox-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    cursor: pointer
}

.filter__checkbox-text::before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.filter__checkbox-text::after {
    position: absolute;
    top: 4px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.filter__banner {
    position: relative;
    overflow: hidden
}

.filter__banner--calc {
    margin-top: 41px;
    margin-bottom: 40px;
    padding: 0 0 79.2%
}

.filter__banner--factory {
    padding: 0 0 69.2%
}

.filter__banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.filter__banner-subtitle {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    position: absolute;
    top: 8%;
    padding: 0 6.5%;
    color: #fff
}

.filter__banner-title {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
    position: absolute;
    padding: 0 6.5%;
    color: #fff
}

.filter__banner-title--calc {
    top: 22%
}

.filter__banner-title--factory {
    top: 10%
}

.filter__banner-btn {
    font-weight: 600;
    position: absolute;
    left: 50%;
    width: 86%;
    padding: 20px 0;
    -webkit-transform: translate(-50.5%);
    transform: translate(-50.5%);
    text-decoration: none;
    letter-spacing: .05em;
    color: #fff
}

.filter__banner-btn:hover {
    color: #fff
}

.filter__banner-btn--calc {
    top: 68.4%
}

.filter__banner-btn--factory {
    top: 63.8%
}

.filter__close-btn {
    position: absolute;
    z-index: 3;
    top: 5px;
    right: 15px;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background-color: #fff
}

.filter__close-btn:hover {
    background-color: #f2f2f2
}

.filter__close-btn:hover svg {
    fill: #ff671b
}

.filter__search {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    position: absolute;
    z-index: 100;
    top: 0;
    right: -36%;
    width: auto;
    height: auto;
    padding: 20px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 0;
    color: #fff;
    background-color: #ff671b
}

.filter__search::before {
    position: absolute;
    top: 27px;
    left: -29px;
    content: '';
    border: 15px solid transparent;
    border-right: 15px solid #ff671b
}

.filter__search-text {
    margin-bottom: 10px
}

.filter__search-count {
    margin-right: 5px
}

.filter__search-count--mobile {
    display: none
}

.filter__search-link {
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: underline;
    color: #fff
}

.filter__search-link:hover {
    color: #fff
}

@media (max-width: 1439px) {
    .filter__banner-title {
        font-size:20px
    }

    .filter__banner-title--calc {
        top: 30%
    }
}

@media (max-width: 1250px) {
    .filter__banner--calc {
        margin-top:41px;
        margin-bottom: 40px;
        padding: 0 0 100%
    }

    .filter__banner--factory {
        padding: 0 0 100%
    }
}

@media (max-width: 1023px) {
    .filter,.filter--active {
        -webkit-transition:all .2s linear;
        transition: all .2s linear
    }

    .filter {
        position: fixed;
        z-index: 10;
        top: -2000px;
        display: none;
        padding: 0;
        background-color: #fff
    }

    .filter--active {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 100%;
        height: 100%
    }

    .filter__search {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        padding-bottom: 40px;
        text-align: center;
        -webkit-box-shadow: 0 -8px 16px rgba(26,63,108,.25);
        box-shadow: 0 -8px 16px rgba(26,63,108,.25)
    }

    .filter__search::before {
        display: none
    }

    .filter__search-count--mobile {
        display: block
    }

    .filter__search-link {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        padding-top: 40px;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        text-decoration: none;
        text-transform: uppercase
    }

    .filter__container {
        position: relative;
        max-width: 375px;
        padding-top: 90px
    }

    .filter__title--active {
        display: block
    }

    .filter__category {
        padding: 0 40px
    }

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

    .filter__category-property span,.filter__subtitle {
        font-size: 12px
    }

    .filter__price-input {
        width: 100%;
        max-width: 142px;
        margin-right: 10px;
        padding: 13px 6%
    }

    .filter__price-input:last-child {
        margin-right: 0
    }

    .filter__banner--calc {
        margin: 0 20px 30px;
        padding: 0 0 60% 30px
    }

    .filter__banner--factory {
        margin: 0 20px;
        padding: 0 0 53%
    }

    .filter__banner-subtitle {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5;
        position: absolute;
        top: 8%;
        left: 0;
        padding: 0 6%;
        color: #fff
    }

    .filter__banner-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.2;
        left: 0;
        padding: 0 6%;
        color: #fff
    }

    .filter__banner-title--calc {
        top: 21%
    }

    .filter__banner-title--factory {
        top: 10%
    }

    .filter__banner-btn {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2
    }

    .filter__banner-btn--calc {
        top: 67%;
        padding: 20px 119px
    }

    .filter__banner-btn--factory {
        top: 63%;
        padding: 20px 33%
    }
}

.product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.product--single {
    display: block;
    height: auto;
    margin-bottom: 63px
}

.product--catalog:hover .product__photo img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

.product--catalog:hover .product__title {
    color: #ff671b
}

.product__container {
    padding-left: 2px
}

.product__link {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.product__photoitem {
    width: 100%;
    height: 100%;
    background-color: #f2f2f2
}

.product__photo img,.product__photoitem img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product__photo {
    position: relative;
    overflow: hidden;
    margin-bottom: 19px;
    padding: 0 0 100%
}

.product__photo img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.product__photo--single {
    margin-bottom: 0;
    padding: 0 0 99.7%
}

.product__photo img,.product__title {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.product__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px
}

.product__title--single {
    font-size: 64px;
    margin-bottom: 49px;
    color: #1e1e1e
}

.product__title--mobile {
    font-size: 64px;
    display: none;
    margin-bottom: 60px
}

.product__plates,.product__plates--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.product__plates {
    position: absolute;
    top: 10px;
    left: 10px;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.product__plates--desktop {
    position: static;
    flex-direction: row;
    margin-top: 21px;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row
}

.product__plates--mobile {
    display: none
}

.product__new {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    z-index: 2;
    margin-bottom: 11px;
    padding: 5px 10px 4px;
    color: #fff;
    background-color: #ff671b
}

.product__new--single {
    position: static;
    margin-right: 11px;
    margin-bottom: 0
}

.product__hit {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    z-index: 2;
    padding: 5px 10px;
    color: #fff;
    background-color: #1a3f6c
}

.product__hit--single {
    position: static;
    padding: 5px 10px 4px
}

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

.product__price-calc,.product__property li {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 9px
}

.product__property li {
    font-weight: 300;
    margin-right: 10px;
    padding: 5px 10px;
    color: #1a3f6c;
    background-color: #f2f2f2
}

.product__price-calc {
    font-weight: 600
}

.product__price-calc span,.product__price-calc--single span {
    margin-right: 17px;
    padding: 10px 0;
    opacity: .5;
    color: #1e1e1e
}

.product__price-calc--single {
    margin-bottom: 20px
}

.product__price-btn {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    margin-right: 20px;
    padding: 13px 0;
    cursor: pointer;
    opacity: .5;
    color: #1e1e1e;
    border: 0;
    background-color: #fff
}

.product__price-btn--active {
    opacity: 1;
    color: #ff671b
}

.product__price-btn:last-child {
    margin-right: 0
}

.product__finalprice {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: 30px;
    color: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product__finalprice sup {
    font-size: 10px
}

.product__finalprice--single {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 39px
}

.product__finalprice--single sup {
    font-size: 16px
}

.product__finalprice .product__pic-price {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 5px;
    opacity: .5;
    color: #1e1d1d
}

.product__finalprice .product__pic-price--strong {
    font-size: 18px;
    font-weight: 800;
    opacity: 1
}

.product__finalprice .product__one-price {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    opacity: .5;
    color: #1e1d1d
}

.product__finalprice .product__one-price--strong {
    font-size: 18px;
    font-weight: 800;
    opacity: 1
}

.product__finalprice-after {
    margin-right: 15px
}

.product__finalprice-after--discount {
    color: #ff671b
}

.product__finalprice-after--single {
    margin-right: 40px
}

.product__finalprice-after--small {
    font-size: 16px
}

.product__finalprice-before {
    font-size: 12px;
    position: relative;
    display: none
}

.product__finalprice-before::after {
    position: absolute;
    top: 45%;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #ff671b
}

.product__finalprice-before--discount {
    display: block
}

.product__finalprice-before--single {
    font-size: 18px
}

.product__footer {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product__footer--single {
    height: 57px;
    margin-bottom: 15px
}

.product__notice {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 45px;
    color: #ff671b
}

.product__notice a {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
    color: #ff671b
}

.product__notice--top {
    margin-bottom: 15px
}

.product__count-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 99%;
    margin-right: 6.55%;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__count-wrapper--single {
    width: 99.6%
}

.product__count-btn {
    width: 80%;
    height: 53px;
    padding: 0 3px;
    cursor: pointer;
    border: 0;
    background-color: #fff
}

.product__count-btn svg {
    width: 10px;
    height: 10px;
    pointer-events: none
}

.product__count-btn--single {
    padding: 0 30px
}

.product__count-cell {
    font-size: 11px;
    width: 100%;
    padding: 0 2px 0 0;
    text-align: center;
    border: 0;
    background-color: #fff
}

.product__count-cell:focus {
    outline: 0
}

.product__count-text {
    font-size: 11px;
    width: 100%;
    margin-top: -1px;
    margin-left: 2px
}

.product__cart-btn {
    width: 100%;
    padding: 0;
    text-decoration: none
}

.product__cart-btn--active:hover,.product__cart-btn:hover,.product__doc-btn:active a,.product__doc-btn:hover a {
    color: #fff
}

.product__cart-btn--active {
    color: #ff671b;
    border: 2px #ff671b solid;
    background-color: #fff
}

.product__cart-btn--single {
    width: 100%;
    padding: 0
}

.product__parametrs-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1a3f6c;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.product__parametrs-item {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.product__parametrs-item-border {
    margin: 0 20px;
    opacity: .25;
    border-bottom: 1px #1a3f6c solid;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product__parametrs-item-value {
    font-weight: 800;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.product__message {
    font-size: 12px;
    font-weight: 200;
    line-height: 1.2;
    position: absolute;
    z-index: 1;
    top: -105px;
    right: 0;
    max-width: 237px;
    padding: 20px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25)
}

.product__message--single {
    right: 0
}

.product__message--active {
    opacity: 1
}

.product__doc-btn {
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 2px solid #1a3f6c;
    background: 0 0
}

.product__doc-btn:first-child {
    margin-top: 60px
}

.product__doc-btn svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    fill: #1a3f6c
}

.product__doc-btn a {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 21px 5px 18px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.product__doc-btn:hover {
    background: #1a3f6c
}

.product__doc-btn:active svg,.product__doc-btn:hover svg {
    fill: #fff
}

.product__doc-btn:active {
    border: 2px solid #2c588e;
    background: #2c588e
}

@media (max-width: 1180px) {
    .product__price-calc span {
        margin-right:45%
    }

    .product--catalog:hover .product__photo img {
        -webkit-transform: scale(100%);
        transform: scale(100%)
    }

    .product--catalog:hover .product__title {
        color: #1e1e1e
    }
}

@media (max-width: 1140px) {
    .product__title--single {
        font-size:56px
    }
}

@media (max-width: 1023px) {
    .product--single {
        margin-bottom:42px
    }

    .product__title--single {
        font-size: 36px;
        margin-bottom: 32px
    }

    .product__title--mobile {
        font-size: 36px;
        margin-bottom: 30px
    }

    .product__hit,.product__new {
        font-size: 10px
    }

    .product__finalprice {
        font-size: 16px
    }

    .product__finalprice--single {
        font-size: 20px;
        margin-bottom: 29px
    }

    .product__finalprice--single sup {
        font-size: 12px
    }

    .product__parametrs-title {
        font-size: 20px
    }

    .product__parametrs-item {
        font-size: 14px
    }

    .product__message {
        display: none
    }

    .product__cart-btn {
        font-size: 12px;
        letter-spacing: normal
    }

    .product__cart-btn:hover {
        background-color: #fff
    }

    .product__price-calc span {
        margin-right: 17px
    }
}

@media (max-width: 939px) {
    .product__price-calc span {
        margin-right:48%
    }
}

@media (max-width: 767px) {
    .product__container {
        padding-left:0
    }

    .product__title {
        font-size: 14px;
        margin-bottom: 20px
    }

    .product__title--desktop {
        display: none
    }

    .product__title--mobile {
        font-size: 36px;
        display: block;
        margin-bottom: 31px
    }

    .product__plates {
        margin-top: 0
    }

    .product__plates--desktop {
        display: none
    }

    .product__plates--mobile {
        position: static;
        display: block
    }

    .product__new {
        margin-right: 2px
    }

    .product__photo {
        padding: 0 0 91%
    }

    .product__photo--single {
        margin-bottom: 18px;
        padding: 0 0 100%
    }

    .product__property li {
        font-size: 10px
    }

    .product__price-calc,.product__price-calc--single {
        margin-bottom: 10px
    }

    .product__price-calc span {
        margin-right: 17px
    }

    .product__price-calc--single span {
        margin-right: 12px
    }

    .product__count-wrapper {
        margin-right: 10px
    }

    .product__count-wrapper--single {
        width: 98%
    }

    .product__count-btn {
        width: 100%;
        height: 50px
    }

    .product__count-btn--single {
        padding: 0 16px
    }

    .product__cart-btn {
        font-size: 12px
    }

    .product__cart-btn--single {
        width: 100%;
        letter-spacing: .05em
    }

    .product__cart-btn span {
        text-decoration: none
    }

    .product__cart-btn span:hover {
        color: #fff
    }

    .product__finalprice span {
        margin-right: 0
    }
}

@media (max-width: 639px) {
    .product__footer {
        margin-bottom:0
    }

    .product__footer--single {
        margin-bottom: 60px
    }
}

.banner {
    margin-bottom: 80px
}

.banner__container {
    position: relative;
    overflow: hidden;
    min-height: 354px;
    max-height: 354px;
    padding: 0 0 27.2%
}

.banner__container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner__second-image {
    position: absolute;
    top: 0;
    right: 73px;
    width: 447px;
    height: 354px
}

.banner__second-image img {
    width: 116%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.banner__box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3.15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 37px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.banner__subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #fff
}

.banner__title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 61px;
    color: #fff
}

.banner__btn {
    font-weight: 600;
    padding: 20px 117px 20px 118px;
    text-decoration: none
}

@media (max-width: 1023px) {
    .banner {
        margin-bottom:60px
    }

    .banner__title {
        font-size: 36px;
        margin-bottom: 90px
    }
}

@media (max-width: 767px) {
    .banner__box {
        position:absolute;
        top: auto;
        right: 9%;
        bottom: 0;
        left: 6%;
        padding-bottom: 20px
    }

    .banner__subtitle {
        font-size: 12px
    }

    .banner__title {
        font-size: 25px;
        margin-bottom: 30px
    }

    .banner__btn {
        font-weight: 600;
        padding: 22px 121px;
        text-decoration: none;
        letter-spacing: 5%
    }

    .banner__second-image {
        top: -50px;
        right: -52px
    }
}

@media (max-width: 419px) {
    .banner__second-image {
        top:-10px;
        right: -18px;
        width: 268px;
        height: 211px
    }

    .banner__container {
        min-height: 424px;
        max-height: 424px;
        padding: 0 0 61.8%
    }

    .banner__btn {
        font-size: 12px;
        padding: 20px 42%
    }
}

.instruction {
    margin-bottom: 80px
}

.instruction__title {
    font-size: 18px;
    font-weight: 800;
    width: 49.2%;
    margin-bottom: 59px;
    padding: 23px 0 22px 19px
}

.instruction__title:first-child {
    margin-left: .8%
}

.instruction__title:last-child {
    margin-right: .8%
}

.instruction__tab {
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1e1e1e;
    background-color: #fff
}

.action__text--single a:hover,.content__text-container a:hover,.instruction__list a:hover,.instruction__tab:hover {
    color: #ff671b
}

.instruction__tab--active {
    color: #1a3f6c;
    background-color: #f2f2f2
}

.instruction__tab--active:hover {
    cursor: auto;
    color: #1a3f6c
}

.instruction__container {
    display: none;
    margin-bottom: 40px
}

.instruction__container--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.instruction__list li {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    margin-bottom: 10px;
    margin-left: 18px
}

.instruction__list li::before {
    position: absolute;
    top: 25%;
    left: -18px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    background-color: #ff671b
}

.instruction__list a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1e1e1e
}

.instruction__photo {
    position: relative;
    overflow: hidden;
    padding: 0 0 56%
}

.instruction__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1023px) {
    .instruction__title {
        font-size:14px;
        padding: 14px 13px;
        white-space: nowrap
    }

    .instruction__list li::before {
        top: 28%;
        left: -18px
    }
}

@media (max-width: 767px) {
    .instruction {
        margin-bottom:102px
    }

    .instruction__row {
        overflow: scroll;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .instruction__row::-webkit-scrollbar {
        width: 0
    }

    .instruction__title {
        width: 66%;
        margin-bottom: 14px;
        padding-right: 59px
    }

    .instruction__title:first-child {
        margin-left: 1.5%
    }

    .instruction__title:last-child {
        margin-right: 1.5%
    }

    .instruction__photo {
        margin-top: 20px
    }
}

.cart {
    margin-top: 41px;
    margin-bottom: 59px
}

.cart__title-row {
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2
}

.cart__subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 325px;
    margin-right: 48%;
    margin-left: auto
}

.cart__subtitle svg {
    width: 11px;
    height: 11px;
    margin-top: 3px;
    margin-left: 8px
}

.cart__emptyitem-link a,.cart__more {
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase
}

.cart__more {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    color: #ff671b
}

.action__link:hover,.blogs__item-link:hover a,.cart__more:hover,.item-news__link:hover a {
    color: #ff894e
}

.cart__wrapper {
    margin-top: 1px
}

.cart__emptyitem {
    display: none
}

.cart__emptyitem--active {
    display: block;
    margin-bottom: 40px
}

.cart__emptyitem-subtitle,.cart__emptyitem-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px
}

.cart__emptyitem-subtitle {
    font-size: 18px;
    margin-bottom: 40px
}

.cart__emptyitem-link {
    max-width: 305px
}

.cart__emptyitem-link a {
    padding: 20px 0;
    text-decoration: none
}

.cart__order-container {
    position: relative
}

.cart__order-container>div {
    position: sticky;
    top: 100px
}

@media (max-width: 1140px) {
    .cart__item-container,.cart__order-container {
        width:100%
    }

    .cart__subtitle {
        margin-right: 5%
    }
}

@media (max-width: 767px) {
    .cart {
        margin-top:20px
    }

    .cart__title-row {
        margin-bottom: 30px
    }

    .cart__title {
        font-size: 36px
    }

    .cart__subtitle {
        font-size: 12px;
        margin-top: 20px;
        margin-right: auto;
        margin-left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .cart__more {
        font-size: 12px
    }

    .cart__emptyitem-title {
        font-size: 36px
    }

    .cart__emptyitem-subtitle {
        font-size: 14px
    }

    .cart__emptyitem-link {
        max-width: 320px
    }
}

.action__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.action__page-title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px
}

.action__image {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 41px;
    padding-bottom: 55.7%
}

.action__image a,.action__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.action__image a {
    -o-object-fit: cover;
    object-fit: cover
}

.action__image--single {
    margin-bottom: 61px;
    padding-bottom: 0;
    text-align: center
}

.action__image--single img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.action__date {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: auto;
    margin-bottom: 20px;
    color: #1a3f6c
}

.action__date span {
    margin-right: 20px
}

.action__date--single {
    margin-bottom: 11px
}

.action__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px
}

.action__text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    margin-top: auto;
    margin-bottom: 41px;
    text-overflow: ellipsis;
    opacity: .5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.action__text--single {
    display: block;
    max-width: 862px;
    margin: 0 auto 59px;
    opacity: 1
}

.action__text--single ul,.content__text-container ul {
    margin-bottom: 30px;
    margin-left: 25px;
    list-style-type: disc
}

.action__text--single ol,.content__text-container ol {
    margin-bottom: 30px;
    margin-left: 30px;
    list-style-type: decimal
}

.action__text--single a {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #1a3f6c
}

.action__link-container {
    margin-top: auto;
    margin-bottom: 0
}

.action__link,.action__link--single.btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase
}

.action__link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #ff671b
}

.action__link--single.btn {
    max-width: 196px;
    margin: 0 auto;
    padding: 20px 57px;
    color: #fff
}

.action__link--single.btn:hover {
    color: #fff
}

.action__image-container {
    padding-bottom: 60px
}

@media (max-width: 767px) {
    .action__page-title {
        font-size:36px;
        margin-bottom: 20px
    }

    .action__item {
        margin-bottom: 40px
    }
}

@media (max-width: 419px) {
    .action__image {
        margin-bottom:30px
    }

    .action__date {
        font-size: 12px
    }

    .action__title {
        font-size: 18px
    }

    .action__text {
        margin-bottom: 30px
    }

    .action__link--single,.action__text {
        font-size: 12px
    }

    .action__image--single {
        margin-bottom: 30px
    }

    .action__image--single img {
        width: 100%
    }
}

.form {
    margin-bottom: 81px
}

.form__item {
    margin-bottom: 20px
}

.form__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form__item-number {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 39px;
    padding: 20px 30px;
    color: #fff;
    background-color: #1a3f6c
}

.form__item-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2
}

.form__item-container--contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form__radio-btn-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    width: 48.7%;
    margin-bottom: 20px;
    padding: 19px 20px 19px 56px;
    border: 2px solid rgba(26,63,108,.25)
}

.form__label {
    margin-right: 1.8%
}

.form__label:nth-child(2n) {
    margin-right: 0
}

.form__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 2.4%;
    margin-bottom: 40px;
    padding: 19px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form__input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.form__input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.form__input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.form__input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.form__input:focus {
    border-bottom: 2px solid #1e1e1e;
    outline: 0
}

.form__input--little {
    width: 48.8%
}

.form__input--big {
    width: 100%
}

.form__input:nth-child(2n) {
    margin-right: 0
}

.form__checkbox-text {
    margin-top: -22px;
    margin-bottom: 24px
}

.form__item-attention {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 61px;
    padding: 20px;
    color: #fff;
    background-color: #ff671b
}

.form__item-attention--sber {
    background-color: #f2f2f2
}

.form__item-attention--sber .bx-soa-pp-company-desc,.form__item-attention--sber .form__item-attention-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #1e1e1e
}

.form__item-attention--sber .form__item-attention-title {
    margin-bottom: 2px
}

.form__item-attention--sber .form__item-attention-text {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #919eab
}

.form__btn {
    width: 100%;
    max-width: 413px;
    margin: 37px auto 30px;
    padding: 20px 0;
    letter-spacing: .05em;
    text-transform: uppercase
}

.form__text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 413px;
    margin: 0 auto;
    text-align: center;
    opacity: .5
}

.form__text a {
    color: #1e1e1e
}

.form__label {
    position: relative;
    display: block
}

.form__error {
    color: #e8370e;
    border-bottom-color: #e8370e
}

.form__error::-webkit-input-placeholder {
    color: #e8370e
}

.form__error::-moz-placeholder {
    color: #e8370e
}

.form__error::-ms-input-placeholder {
    color: #e8370e
}

.form__error::placeholder {
    color: #e8370e
}

.form__error-message {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    position: absolute;
    right: 0;
    bottom: -20px;
    color: #e8370e
}

.error-msg {
    display: none
}

@media (max-width: 639px) {
    .form {
        margin-bottom:60px
    }

    .form__item-number {
        margin-right: 30px;
        padding: 14px 22px
    }

    .form__item-title {
        font-size: 18px
    }

    .form__input {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 20px
    }

    .form__input--little {
        width: 100%
    }

    .form__checkbox-text {
        margin-top: 0;
        margin-bottom: 24px
    }

    .form__checkbox-text,.form__radio-btn-text {
        font-size: 14px;
        width: 100%
    }

    .form__item-attention {
        font-size: 14px
    }

    .form__text {
        font-size: 12px
    }

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

    .form__message--error {
        display: block
    }

    .form__message--callback {
        right: 40px;
        margin-top: -40px
    }
}

.content {
    margin-bottom: 80px
}

.content__head {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px
}

.content__text-container {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 846px;
    margin: 0 auto
}

.content__text-container h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 846px;
    margin: 30px auto;
    text-align: center
}

.content__text-container h3,.content__text-container h4,.content__text-container h5 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 846px;
    margin: 20px auto;
    text-align: center
}

.content__text-container h4,.content__text-container h5 {
    font-size: 30px;
    margin: 15px auto
}

.content__text-container h5 {
    font-size: 24px;
    margin: 10px auto
}

.content__photo img,.content__text-container img {
    -o-object-fit: contain;
    object-fit: contain
}

.content__text-container td,.content__text-container th,.questions__item-text td,.questions__item-text th {
    padding: 10px;
    border: 1px solid #1e1e1e
}

.content__text-container td.minus,.content__text-container td.plus,.questions__item-text td.minus,.questions__item-text td.plus {
    vertical-align: middle
}

.content__text-container a {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #1a3f6c
}

.content__text-container p {
    padding-bottom: 10px
}

.content__photo {
    margin-bottom: 30px
}

.content__text-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px
}

.content__text-orange {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    width: 110%;
    max-width: 886px;
    margin: 60px auto 33px -2.5%;
    padding: 20px;
    color: #fff;
    background-color: #ff671b
}

.content__photo-title {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 60px;
    text-align: center;
    opacity: .5
}

.content__photo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 151.2%;
    margin-left: -25.5%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content__photo {
    position: relative
}

.content__photo img {
    width: 100%;
    height: 100%
}

.content__photo--big img {
    max-height: 500px
}

@media (max-width: 1366px) {
    .content__photo-wrapper {
        width:144.1%;
        margin-left: -21.6%
    }
}

@media (max-width: 1280px) {
    .content__photo-wrapper {
        width:140.6%;
        margin-left: -20.6%
    }
}

@media (max-width: 1240px) {
    .content__photo-wrapper {
        width:135.4%;
        margin-left: -18.6%
    }
}

@media (max-width: 1200px) {
    .content__photo-wrapper {
        width:133.4%;
        margin-left: -16.6%
    }
}

@media (max-width: 1140px) {
    .content__photo-wrapper {
        width:100%;
        margin-left: 0
    }

    .content__text-orange {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .content {
        margin-bottom:60px
    }

    .content__head {
        font-size: 36px;
        margin-bottom: 30px
    }

    .content__text-container {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5;
        max-width: 846px;
        margin: 0 auto
    }

    .content__text-container h2 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .content__text-container img {
        width: 100%;
        margin: 30px 0
    }

    .content__text-title {
        font-size: 18px
    }

    .content__text {
        font-size: 12px;
        margin-bottom: 30px
    }

    .content__text-orange {
        font-size: 16px;
        margin-bottom: 30px
    }

    .content__photo-title {
        font-size: 10px;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .content__text-container table {
        font-size:14px;
        display: block;
        overflow: scroll;
        width: 100%
    }

    .content__text-container table::-webkit-scrollbar {
        width: 0
    }

    .content__text-container iframe {
        width: 340px
    }

    .content__text-container p img {
        width: 80%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.news {
    margin-bottom: 20px
}

.news--catalog {
    margin-bottom: 80px
}

.news__head {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 41px
}

.news__list {
    margin-bottom: 60px
}

@media (max-width: 1023px) {
    .news__head {
        font-size:36px;
        margin-bottom: 30px
    }
}

@media (max-width: 639px) {
    .news--catalog {
        margin-bottom:60px
    }
}

.blogs {
    margin-bottom: 80px
}

.blogs__head {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px
}

.blogs__list {
    margin-bottom: 60px
}

.blogs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.blogs__item-photo {
    position: relative;
    margin-right: 40px;
    padding: 0 31% 55.8% 0
}

.blogs__item-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blogs__item-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.blogs__item-data {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 30px;
    margin-bottom: auto;
    color: #1a3f6c
}

.blogs__item-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    max-width: 380px;
    margin-top: 94px;
    margin-bottom: 10px
}

.blogs__item-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    max-width: 380px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.blogs__item-link,.blogs__item-link a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.blogs__item-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: auto;
    margin-bottom: 30px
}

.blogs__item-link a {
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ff671b
}

@media (max-width: 1023px) {
    .blogs__head {
        font-size:36px;
        margin-bottom: 30px
    }

    .blogs__item-photo {
        margin-right: 11px;
        padding: 0 31% 74.5% 0
    }

    .blogs__item-data {
        font-size: 10px;
        margin-top: 21px
    }

    .blogs__item-title {
        font-size: 18px
    }

    .blogs__item-link {
        font-size: 12px;
        margin-bottom: 21px
    }
}

@media (max-width: 419px) {
    .blogs__item-text {
        font-size:10px
    }
}

.teg {
    margin-bottom: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.teg,.teg__container,.teg__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.teg__item,.teg__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 22px
}

.teg__item {
    font-size: 12px;
    font-weight: 300;
    margin-right: 10px;
    padding: 5px 10px 4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    white-space: nowrap;
    text-decoration: none;
    color: #1a3f6c;
    background-color: #f2f2f2
}

.teg__item:hover {
    color: #fff
}

.teg__item--active,.teg__item--blue {
    color: #fff;
    background-color: #1a3f6c
}

.teg__item--blue {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px
}

@media (max-width: 767px) {
    .teg {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .teg__item,.teg__item--blue {
        font-size: 10px
    }

    .teg__list {
        overflow: scroll
    }

    .teg__list::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.image-swiper__btn-next,.image-swiper__btn-prev {
    position: absolute;
    z-index: 10;
    top: auto;
    right: 3.2%;
    bottom: 4.2%;
    left: auto
}

.image-swiper__btn-next:hover,.image-swiper__btn-prev:hover,.teg__item:hover {
    background-color: #2c588e
}

.image-swiper__btn-next::after,.image-swiper__btn-prev::after {
    display: none
}

.image-swiper__btn-next svg,.image-swiper__btn-prev svg {
    width: 9px;
    height: 18px
}

.image-swiper__btn-prev {
    right: 12.8%
}

@media (max-width: 767px) {
    .image-swiper__btn-next {
        right:6.2%;
        bottom: 6.6%
    }

    .image-swiper__btn-prev {
        right: 18%;
        bottom: 6.6%
    }
}

.questions {
    overflow: hidden;
    margin-bottom: 39px
}

.questions__item-wrapper {
    display: none
}

.questions__item-wrapper--active {
    display: block
}

.questions__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    padding: 20px;
    cursor: pointer;
    color: #1e1e1e;
    background-color: #fff
}

.questions__title--active {
    color: #1a3f6c;
    background-color: #f2f2f2
}

.questions__item {
    position: relative;
    z-index: 2
}

.questions__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 20px 20px;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.questions__item-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    color: #1e1e1e
}

.questions__item-title--active {
    color: #ff671b
}

.questions__item-icon {
    position: relative;
    width: 30px;
    height: 25px;
    margin-right: -7px;
    cursor: pointer;
    border: 0;
    background-color: #fff
}

.questions__item-icon svg {
    position: relative;
    z-index: 1;
    width: 16px;
    height: 9px;
    margin: 0 auto;
    fill: #ff671b
}

.questions__item-icon--active {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.questions__item-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    z-index: 0;
    display: block;
    max-height: 0;
    padding: 0 20px 0 18px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    pointer-events: none;
    opacity: 0
}

.questions__item-text--active {
    max-height: 3000px;
    padding: 20px 20px 20px 18px;
    pointer-events: all;
    opacity: 1
}

.questions__select {
    display: none;
    width: 305px;
    height: 53px;
    margin-bottom: 30px;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.questions__select-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    padding: 20px
}

.questions__select-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 49px;
    padding-right: 16px;
    padding-bottom: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.questions__select-icon-down,.questions__select-icon-up {
    width: 10px;
    height: 10px
}

.documents__select-icon-down svg,.documents__select-icon-up svg,.questions__select-icon-down svg,.questions__select-icon-up svg {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    .questions__title {
        font-size:14px;
        padding: 13px
    }

    .questions__item-title,.questions__subtitle {
        font-size: 14px
    }

    .questions__item-text table {
        font-size: 14px;
        display: block;
        overflow: scroll;
        width: 100%
    }

    .questions__item-text table::-webkit-scrollbar {
        width: 0
    }
}

@media (max-width: 767px) {
    .questions__select {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .questions__title-wrapper {
        position: relative
    }

    .questions__dropdown {
        position: absolute;
        z-index: 3;
        top: 70px;
        left: 1.5%;
        display: none;
        width: 97%;
        background-color: #fff;
        -webkit-box-shadow: 0 8px 16px rgba(26,63,108,.25);
        box-shadow: 0 8px 16px rgba(26,63,108,.25)
    }

    .questions__dropdown--active {
        display: block
    }

    .questions__item-head {
        padding: 15px 0
    }

    .questions__item-text--active {
        padding: 0 15px 15px
    }
}

@media (max-width: 419px) {
    .questions__select {
        width:100%
    }
}

.documents__item-wrapper {
    display: none
}

.documents__item-wrapper--active {
    display: block
}

.documents__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    padding: 20px;
    cursor: pointer;
    color: #1e1e1e;
    background-color: #fff
}

.documents__title--active {
    color: #1a3f6c;
    background-color: #f2f2f2
}

.documents__subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding: 10px 20px;
    cursor: pointer;
    color: #1e1e1e;
    background-color: #fff
}

.documents__subtitle--active,.documents__subtitle.documents__title--active {
    color: #1a3f6c;
    background-color: #f2f2f2
}

.documents__list {
    display: none;
    margin-bottom: 82px
}

.card::after,.documents__list--active {
    display: block
}

.documents__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.documents__item-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 85%;
    flex: 0 1 85%
}

.documents__item-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-left: 20px;
    padding: 20px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    background-color: #1a3f6c;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%
}

.documents__item-btn:hover {
    background-color: #2c588e
}

.documents__select {
    display: none;
    width: 305px;
    height: 53px;
    margin-bottom: 30px;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.documents__select-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    padding: 20px
}

.documents__select-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 49px;
    padding-right: 16px;
    padding-bottom: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.documents__select-icon-down,.documents__select-icon-up {
    width: 10px;
    height: 10px
}

@media (max-width: 1023px) {
    .documents__title {
        font-size:14px;
        padding: 13px
    }

    .documents__subtitle {
        font-size: 14px
    }

    .documents__item-title {
        font-size: 14px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 78%;
        flex: 0 1 78%
    }

    .documents__item-btn {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 22%;
        flex: 0 1 22%
    }
}

@media (max-width: 767px) {
    .documents__select {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .documents__title-wrapper {
        position: relative
    }

    .documents__dropdown {
        position: absolute;
        z-index: 1;
        top: 70px;
        left: 1.5%;
        display: none;
        width: 97%;
        background-color: #fff;
        -webkit-box-shadow: 0 8px 16px rgba(26,63,108,.25);
        box-shadow: 0 8px 16px rgba(26,63,108,.25)
    }

    .documents__dropdown--active {
        display: block
    }
}

@media (max-width: 419px) {
    .documents__select {
        width:100%
    }

    .documents__item {
        flex-direction: column;
        margin-bottom: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .documents__item-title {
        margin-bottom: 20px
    }

    .documents__item-btn {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }

    .documents__item-btn:last-child {
        margin-bottom: 0
    }
}

.double-swiper {
    margin-bottom: 40px
}

.double-swiper__row {
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.double-swiper__swiper {
    overflow: hidden;
    width: 100%;
    padding: 20px 0
}

@media (max-width: 1023px) {
    .double-swiper {
        margin-bottom:20px
    }

    .double-swiper__head {
        font-size: 32px
    }

    .double-swiper__row {
        margin-bottom: 9px
    }
}

@media (max-width: 767px) {
    .double-swiper__pagination {
        display:none
    }
}

.offer-swiper {
    margin-bottom: 80px
}

.offer-swiper__row {
    margin-bottom: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.offer-swiper__item {
    height: 100%
}

.offer-swiper__swiper {
    overflow: hidden
}

@media (max-width: 1023px) {
    .offer-swiper__row {
        margin-bottom:30px
    }

    .offer-swiper__pagination {
        display: none
    }

    .offer-swiper {
        margin-bottom: 60px
    }
}

.content-swiper__container {
    width: 151.2%;
    margin-left: -25.5%
}

.content-swiper {
    overflow: hidden
}

.content-swiper__buttons,.content-swiper__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-swiper__navigation {
    margin: 20px 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-swiper__buttons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.content-swiper__photo {
    position: relative;
    padding: 0 0 56.3%
}

.card a,.content-swiper__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content-swiper__photo img {
    margin: 0;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1366px) {
    .content-swiper__container {
        width:144.1%;
        margin-left: -21.6%
    }
}

@media (max-width: 1280px) {
    .content-swiper__container {
        width:140.6%;
        margin-left: -20.6%
    }
}

@media (max-width: 1240px) {
    .content-swiper__container {
        width:135.4%;
        margin-left: -18.6%
    }
}

@media (max-width: 1200px) {
    .content-swiper__container {
        width:133.4%;
        margin-left: -16.6%
    }
}

@media (max-width: 1140px) {
    .content-swiper__container {
        width:100%;
        margin-left: 0
    }
}

@media (max-width: 1023px) {
    .content-swiper__navigation {
        margin:20px 0 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 6px 7px rgba(26,63,108,.3);
    box-shadow: 0 6px 7px rgba(26,63,108,.3)
}

.card a {
    z-index: 4;
    right: 0;
    bottom: 0
}

.card::after {
    width: 100%;
    padding-bottom: 76.6%;
    content: ''
}

.card:hover .card__photo {
    padding-top: 0
}

.card:hover .card__photo--noscale {
    padding-top: 127px
}

.card:hover .card__info {
    background-color: inherit
}

.card:hover .card__info--nochange {
    background-color: #fff
}

.card:hover .card__specification li,.card:hover .card__title {
    color: #fff
}

.card:hover .card__title--nochange {
    color: #1a3f6c
}

.card:hover .card__title--video,.questions-form__text a:hover {
    color: #ff671b
}

.card:hover .card__specification--nochange li {
    color: #1e1e1e
}

.card--video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 440px;
    margin-bottom: 50px;
    -webkit-box-shadow: 0 6px 10px rgba(26,63,108,.3);
    box-shadow: 0 6px 10px rgba(26,63,108,.3);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.card--video::after {
    display: none
}

.card__info {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    padding: 21px 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff
}

.card__info--video {
    position: relative
}

.card__title {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 23px;
    color: #1a3f6c
}

.card__title--nochange {
    margin-bottom: 0
}

.card__title--video {
    margin-bottom: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

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

.card__specification li {
    font-size: 14px;
    font-weight: 600;
    margin-right: 20px
}

.card__photo {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 127px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: all .3s linear;
    -o-object-fit: cover;
    object-fit: cover
}

.card__photo--project {
    padding-top: 105px
}

.card__video,.card__video iframe {
    width: 100%;
    height: 100%
}

.card__video iframe {
    -o-object-fit: contain;
    object-fit: contain
}

.card__video iframe .ytp-large-play-button-red-bg {
    z-index: 1000
}

@media (max-width: 1279px) {
    .card:hover .card__photo {
        padding-top:127px
    }

    .card:hover .card__title {
        color: #1a3f6c
    }

    .card:hover .card__specification li {
        color: #1e1e1e
    }

    .card:hover .card__info {
        background-color: #fff
    }
}

@media (max-width: 1023px) {
    .card::after {
        padding-bottom:76.4%
    }

    .card--video {
        height: 340px;
        margin-bottom: 30px
    }

    .card__title {
        font-size: 14px;
        margin-bottom: 13px
    }

    .card__info {
        padding: 20px 20px 11px
    }

    .card__specification li {
        font-size: 12px
    }

    .card:hover .card__photo,.card__photo,.card__photo--noscale {
        padding-top: 71px
    }

    .card__photo--noscale img {
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

@media (max-width: 767px) {
    .card {
        -webkit-box-shadow:0 4px 6px rgba(26,63,108,.3);
        box-shadow: 0 4px 6px rgba(26,63,108,.3)
    }
}

@media (max-width: 419px) {
    .card::after {
        padding-bottom:103.7%
    }

    .card--noscale::after {
        padding-bottom: 87%
    }
}

.item-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.item-news__photo {
    position: relative;
    margin-right: 40px;
    padding: 0 31.2% 55.4% 0
}

.item-news__photo img {
    -o-object-fit: cover;
    object-fit: cover
}

.item-news__photo a,.item-news__photo img,.project__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.item-news__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.item-news__data {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 30px;
    margin-bottom: auto;
    color: #1a3f6c
}

.item-news__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    max-width: 330px;
    margin-bottom: 10px
}

.item-news__text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    max-width: 380px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.item-news__text iframe {
    display: none
}

.item-news__link,.item-news__link a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.item-news__link {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: auto;
    margin-bottom: 30px
}

.item-news__link a {
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ff671b
}

@media (max-width: 1023px) {
    .item-news__photo {
        margin-right:11px;
        padding: 0 31% 55.5% 0
    }

    .item-news__data {
        font-size: 10px;
        margin-top: 0
    }

    .item-news__title {
        font-size: 18px
    }

    .item-news__link {
        font-size: 12px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .item-news__text {
        font-size:10px
    }
}

.project {
    margin-bottom: 80px
}

.project__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 44px;
    margin-bottom: 42px
}

.project__discription {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 80%;
    margin-bottom: 60px
}

.project__price {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px
}

.project__price-title {
    margin-bottom: 10px
}

.project__price-value {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2
}

.project__photo {
    position: relative;
    overflow: hidden;
    padding: 0 0 68.5%
}

.project__photo img {
    -o-object-fit: contain;
    object-fit: contain
}

.project__button {
    font-weight: 600;
    max-width: 384px;
    padding: 20px 30px;
    text-decoration: none;
    letter-spacing: .05em
}

.project__row {
    margin-bottom: 61px
}

.project__parametrs-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1a3f6c;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.project__parametrs-item {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.project__parametrs-item-border {
    margin: 0 20px;
    opacity: .25;
    border-bottom: 1px #1a3f6c solid;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.project__parametrs-item-value {
    font-weight: 800;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (max-width: 1023px) {
    .project {
        margin-bottom:40px
    }

    .project__title {
        font-size: 36px;
        margin-top: 0;
        margin-bottom: 20px
    }

    .project__discription {
        max-width: 80%
    }

    .project__discription,.project__price {
        font-size: 14px;
        margin-bottom: 20px
    }

    .project__price-value {
        font-size: 18px
    }

    .project__button {
        font-size: 12px
    }

    .project__wrapper {
        margin-bottom: 20px
    }

    .project__row {
        margin-bottom: 30px
    }

    .project__parametrs-title {
        font-size: 20px
    }

    .project__parametrs-item {
        font-size: 14px
    }
}

@media (max-width: 419px) {
    .project__button {
        width:100%;
        padding: 20px 0
    }
}

.object {
    margin-bottom: 80px
}

.object__suptitle-wrapper {
    margin-bottom: 10px
}

.object__suptitle {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    margin-right: 20px;
    color: #1a3f6c
}

.object__title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px
}

.object__text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5
}

@media (max-width: 1023px) {
    .object__text {
        margin-bottom:30px
    }
}

@media (max-width: 767px) {
    .object__title {
        font-size:36px;
        margin-bottom: 30px
    }

    .object__suptitle {
        font-size: 10px;
        margin-right: 10px
    }

    .object__text {
        font-size: 12px
    }
}

.questions-form {
    background-color: #f2f2f2
}

.questions-form__form {
    max-width: 846px;
    margin: 0 auto;
    padding: 40px 0
}

.questions-form__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.questions-form__title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px;
    text-align: center
}

.questions-form__subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 400px;
    margin: 0 auto 40px;
    text-align: center
}

.questions-form__label {
    position: relative;
    width: 100%;
    margin-bottom: 40px
}

.questions-form__label--little {
    width: 48.8%;
    margin-right: 2.4%
}

.questions-form__label--little:nth-child(6),.questions-form__label--little:nth-child(7) {
    margin-bottom: 0
}

.questions-form__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    width: 100%;
    padding: 19px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    border-radius: 0;
    outline: 0;
    background-color: #f2f2f2
}

.questions-form__input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.questions-form__input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.questions-form__input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.questions-form__input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.questions-form__input:-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.questions-form__input:focus {
    border: 0;
    border-bottom: 2px solid #1a3f6c;
    outline: 0
}

.questions-form__input:nth-child(2n) {
    margin-right: 0
}

.questions-form__text {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    width: 48.8%;
    margin-right: 2.4%;
    opacity: .5
}

.questions-form__text a {
    font-size: 12px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #1e1e1e
}

.questions-form__btn {
    width: 48.8%;
    padding: 20px 0
}

@media (max-width: 767px) {
    .questions-form__title {
        font-size:32px;
        margin-bottom: 30px
    }

    .questions-form__subtitle {
        font-size: 14px;
        margin-bottom: 30px
    }

    .questions-form__input {
        font-size: 12px
    }

    .questions-form__input--little,.questions-form__text {
        width: 100%;
        margin-right: 0
    }

    .questions-form__text {
        font-size: 11px;
        margin-bottom: 30px
    }

    .questions-form__btn {
        width: 100%;
        padding: 20px 0
    }
}

.page {
    margin-bottom: 80px
}

.page--catalog {
    margin-bottom: 101px
}

.page--categories {
    margin-bottom: 69px
}

.page--cart {
    margin-top: 41px;
    margin-bottom: 58px
}

.page__video-col:nth-child(odd) {
    padding-right: 2%
}

.page__video-col:nth-child(even) {
    padding-left: 2%
}

.page__title-row {
    margin-bottom: 41px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page__title-row--categories {
    margin-bottom: 30px
}

.page__notice,.page__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2
}

.page__notice {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    color: #ff671b
}

.page__content-list {
    margin-bottom: 60px
}

.page__content-list--projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__card {
    width: 50%;
    padding-left: 20px
}

@media (max-width: 1023px) {
    .page {
        margin-bottom:60px
    }

    .page--catalog {
        margin-bottom: 70px
    }

    .page--cart {
        margin-bottom: 20px
    }

    .page__content-list--projects {
        margin-left: -20px
    }

    .page__video-col:nth-child(odd) {
        padding-right: 1.5%
    }

    .page__video-col:nth-child(even) {
        padding-left: 1.5%
    }

    .page__title-row {
        margin-bottom: 30px
    }

    .page__title {
        font-size: 36px
    }

    .page__notice {
        font-size: 14px
    }

    .page__content-list {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .page__content-list--projects {
        margin-left:0
    }

    .page__content-list--projects .page__card {
        width: 100%;
        padding-left: 0
    }
}

.cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-item--order {
    display: none
}

.cart-item--order:nth-child(-n+3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-item__photo {
    width: 120px;
    height: 120px;
    margin-right: 18px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cart-item__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.cart-item__name {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 21px;
    margin-bottom: 10px
}

.cart-item__price {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5
}

.cart-item__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-item__counter--thing {
    margin-right: 86px
}

.cart-item__counter-wrapper {
    margin-right: 20px
}

.cart-item__counter-wrapper--thing {
    width: 109px
}

.cart-item__counter-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
    text-align: center
}

.cart-item__counter-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-item__counter-buttons--poddon {
    width: 105px;
    height: 53px;
    border: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-item__counter-btn {
    width: 26px;
    height: 54px;
    padding: 0;
    cursor: pointer;
    border: 0;
    background-color: #fff
}

.cart-item__counter-btn svg {
    width: 10px;
    height: 10px;
    pointer-events: none;
    fill: #1a3f6c
}

.cart-item__counter-input {
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
    width: 49px;
    text-align: center;
    border: 0;
    outline: 0
}

.cart-item__deletebtn {
    margin-right: 19px;
    margin-left: 20px;
    padding: 18px 19px 16px;
    cursor: pointer;
    opacity: .25;
    border: 0;
    background-color: #f2f2f2
}

.cart-item__deletebtn,.cart-item__deletebtn svg,.categories-item:hover img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.cart-item__deletebtn svg {
    width: 16px;
    height: 16px;
    pointer-events: none;
    fill: #1e1e1e
}

.cart-item__deletebtn:hover {
    opacity: 1;
    background-color: #f2f2f2
}

.cart-item__deletebtn:hover svg,.catalog-modal__close:hover svg,.city-modal__close:hover svg,.contacts__social-link:hover svg,.form-thanks__close:hover svg,.popup-window-close-icon:hover svg {
    fill: #ff671b
}

.cart-item__count-calc {
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center
}

@media (max-width: 767px) {
    .cart-item {
        position:relative;
        flex-direction: column;
        max-width: 335px;
        margin-bottom: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cart-item__info {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .cart-item__photo {
        width: 105px;
        height: 105px;
        margin-right: 10px
    }

    .cart-item__name {
        font-size: 18px;
        margin-top: 28px;
        margin-bottom: 9px
    }

    .cart-item__counter-wrapper {
        margin-right: 10px
    }

    .cart-item__counter-wrapper:nth-child(2n) {
        margin-right: 0
    }

    .cart-item__price {
        font-size: 14px
    }

    .cart-item__counter-title {
        font-size: 12px;
        margin-bottom: 4px
    }

    .cart-item__counter-input {
        width: 100%;
        max-width: 106px
    }

    .cart-item__deletebtn {
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 30px;
        margin: 0;
        padding: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cart-item__deletebtn svg {
        width: 10px;
        height: 10px
    }
}

@media (max-width: 580px) {
    .cart-item__counter-btn {
        width:50px
    }

    .cart-item__counter-wrapper--thing {
        width: 100%
    }

    .cart-item__info {
        margin-bottom: 30px
    }
}

.cart-order {
    padding: 40px;
    -webkit-box-shadow: 0 12px 13px rgba(26,63,108,.25);
    box-shadow: 0 12px 13px rgba(26,63,108,.25)
}

.cart-order__item {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    opacity: .5;
    color: #1a3f6c
}

.cart-order__item--last {
    margin-bottom: 40px;
    opacity: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-order__item--order {
    margin-bottom: 0
}

.cart-order__item-count {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cart-order__item-count--last {
    margin-right: 5px;
    margin-left: auto
}

.cart-order__item-title--last {
    font-size: 24px;
    font-weight: 600
}

.cart-order__item-border {
    margin: 0 20px;
    opacity: .25;
    border-bottom: 1px #1a3f6c solid;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart-order__btn {
    font-weight: 600;
    width: 100%;
    padding: 20px 0
}

.cart-order__btn--disabled {
    pointer-events: none;
    opacity: .25;
    background-color: #1a3f6c
}

@media (max-width: 767px) {
    .cart-order__item {
        font-size:14px
    }

    .cart-order__item--total {
        font-size: 14px;
        margin-bottom: 41px
    }

    .cart-order__item--last {
        margin-bottom: 0
    }

    .cart-order__item-count {
        font-size: 14px
    }

    .cart-order__item-title--last {
        font-size: 18px
    }

    .cart-order__btn {
        font-size: 12px;
        margin-top: 41px;
        letter-spacing: .5px
    }
}

.categories-item {
    position: relative;
    overflow: hidden;
    min-height: 305px;
    padding: 20px 21px;
    text-decoration: none;
    background-color: #f2f2f2
}

.categories-item a {
    z-index: 1;
    top: 0;
    right: 0;
    left: 0
}

.categories-item img {
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease
}

.categories-item:hover .categories-item__title,.error-page__link a:hover {
    color: #ff671b
}

.categories-item:hover img {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%)
}

.categories-item a,.categories-item__image {
    position: absolute;
    bottom: 0
}

.categories-item__image--large {
    right: -14%;
    width: 57%;
    height: 100%
}

.categories-item__image--small {
    right: -52%;
    width: 114%;
    height: 100%
}

.categories-item__image img,.thumb-swiper__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.categories-item__order--small .categories-item__image--large {
    position: absolute;
    right: -52%;
    bottom: 0;
    width: 114%;
    height: 100%
}

.categories-item__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.21;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1a3f6c
}

.categories-item__order {
    padding-top: .8%;
    padding-bottom: .8%
}

@media (max-width: 1023px) {
    .categories-item {
        min-height:162px;
        margin-bottom: 10px
    }

    .categories-item__title {
        font-size: 14px
    }

    .categories-item__order {
        padding-top: .2%;
        padding-bottom: .2%
    }
}

@media (max-width: 767px) {
    .categories-item__order {
        padding-top:.6%;
        padding-bottom: .6%
    }

    .categories-item__order--big {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .categories-item__order--small {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width: 419px) {
    .categories-item__image--large {
        width:51%;
        height: 92%
    }

    .categories-item__image--small {
        bottom: -5px;
        width: 106%;
        height: 94%
    }

    .categories-item__order {
        padding-top: .1%;
        padding-bottom: .1%
    }
}

.thumbs-swiper {
    overflow: hidden;
    margin-bottom: 20px
}

.thumbs-swiper__after {
    overflow: hidden;
    width: 100%
}

.thumbs-swiper__bottom,.thumbs-swiper__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.thumbs-swiper__navigation {
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.thumb-swiper__photo {
    position: relative;
    padding: 0 0 68.6%
}

.thumb-swiper__photo img {
    position: absolute;
    top: 0;
    left: 0
}

.thumbs-swiper__photo-after {
    height: 60px
}

.thumbs-swiper__photo-after img {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover
}

.thumbs-swiper__after .swiper-slide {
    opacity: .4
}

.thumbs-swiper__after .swiper-slide-thumb-active {
    opacity: 1
}

@media (max-width: 1023px) {
    .thumbs-swiper__bottom {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .thumbs-swiper__btn-next,.thumbs-swiper__btn-prev {
        width: 60px;
        height: 60px
    }
}

@media (max-width: 767px) {
    .thumbs-swiper__photo {
        padding:0 0 47%
    }

    .thumbs-swiper__photo-after {
        height: 40px
    }

    .thumbs-swiper__btn-next,.thumbs-swiper__btn-prev {
        width: 40px;
        height: 40px
    }
}

.contacts {
    margin-top: 41px;
    margin-bottom: 80px
}

.contacts__title-row {
    margin-bottom: 41px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2
}

.contacts__wrapper {
    display: none
}

.contacts__wrapper--active {
    display: block
}

.contacts__item {
    margin-bottom: 30px
}

.contacts__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__item-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-right: 30px;
    color: #1a3f6c
}

.contacts__item-subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #ff671b
}

.contacts__item-inner,.contacts__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__item-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contacts__item-inner {
    flex-direction: column;
    width: 25%;
    margin-bottom: 30px;
    padding-right: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.contacts__item-inner:last-child {
    width: 50%
}

.contacts__item-inner-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    opacity: .5;
    color: #1e1e1e
}

.contacts__item-inner-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #1e1e1e
}

.contacts__item-inner-text a {
    text-decoration: none;
    color: #1e1e1e
}

.contacts__social-title {
    margin-bottom: 30px
}

.contacts__social-link,.contacts__social-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__social-link {
    width: 58px;
    height: 58px;
    margin-right: 10px;
    background-color: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contacts__social-link svg {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #fff
}

.contacts__social-vk {
    width: 19px;
    height: 11px
}

.contacts__social-ok {
    width: 10px;
    height: 16px
}

.contacts__social-insta {
    width: 15px;
    height: 19px
}

.contacts__social-wa {
    width: 24px;
    height: 24px
}

.contacts .select__dropdown--active {
    overflow: scroll;
    height: 316px
}

.contacts .select__dropdown--active::-webkit-scrollbar {
    display: none
}

@media (max-width: 1023px) {
    .contacts__item-title {
        font-size:18px;
        margin-right: 20px
    }

    .contacts__item-inner-title,.contacts__item-subtitle {
        font-size: 12px
    }

    .contacts__item-inner-text {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .contacts {
        margin-bottom:60px
    }

    .contacts__title-row {
        margin-bottom: 30px
    }

    .contacts__title {
        font-size: 36px
    }

    .contacts__item-inner {
        width: 43%;
        margin-bottom: 20px
    }

    .contacts__item-inner:last-child {
        width: 100%
    }

    .contacts__item-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contacts__item-title {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .contacts__item-subtitle {
        width: 100%
    }

    .contacts .select__dropdown--active {
        height: 316px
    }
}

@media (max-width: 419px) {
    .contacts__item-inner {
        width:100%;
        margin-right: 0
    }

    .contacts__item-inner:last-child {
        width: 100%
    }
}

.error-page__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 60px
}

.error-page__button-link {
    font-weight: 600;
    width: 305px;
    padding: 21px 0;
    text-decoration: none
}

.error-page__subtitle {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px
}

.error-page__link {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 15px
}

.error-page__link a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1a3f6c
}

.error-page {
    margin-top: 107px;
    margin-bottom: 109px;
    background-image: url(../../../assets/images/content/404.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.error-page__container {
    padding-top: 153px
}

.error-page__wrapper {
    margin-top: 27px
}

@media (max-width: 1023px) {
    .error-page__container {
        padding-top:50px
    }

    .error-page__title {
        font-size: 48px;
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .error-page {
        margin-bottom:60px
    }

    .error-page__container {
        padding-top: 0
    }

    .error-page__title {
        font-size: 36px;
        margin-bottom: 40px;
        text-align: center
    }

    .error-page__button-link {
        font-size: 12px;
        width: 295px;
        margin: 0 auto
    }

    .error-page__subtitle {
        font-size: 18px;
        text-align: center
    }

    .error-page__link {
        font-size: 14px;
        text-align: center
    }
}

.map__wrapper {
    height: 630px;
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .map__wrapper {
        height:420px;
        margin-bottom: 60px
    }
}

@media (max-width: 419px) {
    .map__wrapper {
        height:340px
    }
}

.login {
    margin-top: 81px;
    margin-bottom: 120px
}

.login__container {
    width: 100%;
    max-width: 630px;
    margin: 0 auto
}

.login__container--large {
    max-width: 815px
}

.login__container--full {
    max-width: 100%
}

.login__message,.login__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 21px;
    text-align: center
}

.login__message {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px
}

.login__message-status {
    margin-bottom: 10px
}

.login__subtitle,.login__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px;
    text-align: center
}

.login__text {
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 59px;
    padding: 0 1.5%
}

.login__text--top {
    margin-top: 0;
    margin-bottom: 0
}

.login__link {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1a3f6c
}

.login__link:hover {
    color: #ff671b
}

.login__block {
    padding-top: 30px;
    padding-bottom: 40px
}

.login__block--left {
    padding-right: 30px;
    padding-left: 9px
}

.login__block--right {
    padding-right: 9px;
    padding-left: 28px;
    border-left: 2px solid rgba(26,63,108,.15)
}

.login__form {
    max-width: 393px;
    margin-left: auto
}

.login__form--recovery {
    max-width: 100%
}

.login__form--change {
    max-width: 100%;
    margin-top: 20px
}

.login__form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.login__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px;
    padding: 19px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    border-radius: 0;
    outline: 0
}

.login__input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.login__input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.login__input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.login__input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.login__input:focus {
    border: 0;
    border-bottom: 2px solid #1a3f6c;
    outline: 0
}

.login__input-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    margin-top: 20px;
    margin-bottom: 11px;
    padding: 20px 0;
    text-decoration: none;
    letter-spacing: .05em
}

.login__input-btn--small {
    width: 100%;
    max-width: 413px;
    margin-right: auto;
    margin-left: auto
}

.login__form-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 60px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #1a3f6c
}

.account__breadcrumbs a>span:hover,.login__form-link:hover,.login__form-text a:hover {
    color: #ff671b
}

.login__checkbox {
    display: none
}

.login__checkbox-text,.login__form-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5
}

.login__checkbox-text {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    cursor: pointer
}

.login__checkbox-text::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.login__checkbox-text::after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.login__form-text {
    margin-top: 19px;
    text-align: center;
    opacity: .5;
    color: #1e1e1e
}

.login__form-text--small {
    max-width: 413px;
    margin-right: auto;
    margin-left: auto
}

.login__form-text a,.login__social-wrapper .login__social-item .login__social-link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1e1e1e
}

.login__social-wrapper {
    max-width: 393px;
    margin-right: auto
}

.login__social-item {
    margin-bottom: 10px
}

.login__social-wrapper .login__social-item .login__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 20px 0 20px 20px;
    text-decoration: none;
    background-color: #f2f2f2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login__social-wrapper .login__social-item .login__social-link:hover {
    color: #ff671b;
    border: 0
}

.login__social-icon {
    width: 18px;
    height: 18px;
    margin-right: 20px
}

.login__social-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-left: 20px
}

@media (max-width: 767px) {
    .login {
        margin-top:40px;
        margin-bottom: 60px
    }

    .login__title {
        font-size: 36px;
        margin-bottom: 21px
    }

    .login__message {
        font-size: 18px
    }

    .login__subtitle {
        font-size: 14px;
        margin-bottom: 20px
    }

    .login__text {
        margin-bottom: 30px
    }

    .login__link,.login__text {
        font-size: 14px
    }

    .login__block {
        padding: 0 1.5%;
        border: 0
    }

    .login__form {
        max-width: 100%
    }

    .login__social-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        margin-top: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .login__social-item {
        margin-right: 10px
    }

    .login__input {
        font-size: 14px;
        margin-bottom: 30px
    }

    .login__input-btn {
        font-size: 12px;
        margin-bottom: 10px
    }

    .login__form-link {
        font-size: 12px;
        margin-bottom: 30px
    }

    .login__form-text {
        font-size: 12px
    }

    .login__social-link {
        padding: 10px
    }

    .login__social-title {
        display: none
    }

    .login__social-icon {
        margin-right: 0
    }

    .login__social-wrapper .login__social-item .login__social-link {
        padding: 20px
    }
}

@media (max-width: 419px) {
    .login__title--small {
        font-size:30px
    }

    .login__social-wrapper .login__social-item .login__social-link {
        padding: 10px
    }
}

.account {
    margin-top: 41px;
    margin-bottom: 80px
}

.account__order-list {
    margin-bottom: 60px
}

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

.account__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 41px;
    text-decoration: none;
    color: #1e1e1e
}

.account__breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 39px;
    color: #1a3f6c;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.account__breadcrumbs a>span,.account__breadcrumbs span {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-right: 20px;
    text-decoration: none;
    color: #ff671b
}

.account__breadcrumbs a {
    text-decoration: none
}

.account__breadcrumbs a>span {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #1a3f6c
}

.account__breadcrumbs span:nth-child(2) {
    color: #1a3f6c
}

.account__order-item {
    margin-bottom: 20px;
    padding: 0 20px 0 0
}

.account__empty-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px
}

.account__empty-link a {
    font-size: 14px;
    font-weight: 400;
    max-width: 305px;
    padding: 20px 66px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    color: #fff
}

.account__info-container {
    width: 100%;
    max-width: 648px;
    margin-right: auto
}

.account__form {
    margin-bottom: 81px;
    margin-left: -20px
}

.account__form:last-child {
    margin-bottom: 0
}

.account__form-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 39px;
    padding: 0 18px;
    color: #1a3f6c
}

.account__form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.account__form-item {
    width: 50%;
    margin-bottom: 40px;
    padding-left: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.account__form-item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 20px;
    color: #1a3f6c
}

.account__form-input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    width: 100%;
    padding: 19px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    border-radius: 0;
    outline: 0
}

.account__form-input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.account__form-input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.account__form-input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.account__form-input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.account__form-input:focus {
    border: 0;
    border-bottom: 2px solid #1a3f6c;
    outline: 0
}

.account__form-btn {
    font-weight: 600;
    width: 196px;
    margin-top: 20px;
    margin-left: 18px;
    padding: 20px 0 21px;
    letter-spacing: .05em
}

.account__payments {
    display: block;
    max-height: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.account__payments--active {
    max-height: 1000px
}

.account__cancel-payment,.account__change-payment {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #ff671b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account__change-payment {
    bottom: -20px
}

.account__cancel-payment svg,.account__change-payment svg {
    width: 11px;
    height: 7px;
    margin-left: 8px;
    pointer-events: none;
    fill: #ff671b
}

.account__cancel-payment span,.account__change-payment span {
    pointer-events: none
}

.account__cancel-payment {
    top: 20px;
    cursor: pointer
}

.account__cancel-payment svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.account__payments {
    padding: 12px 10px;
    background: #f2f2f2
}

.account__payments-title {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    margin-bottom: 10px;
    color: #1e1e1e
}

.account__payments-item-title {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding: 0 0 0 30px;
    text-align: left;
    color: #1e1e1e
}

.account__payments-item-title--margin {
    margin-bottom: 8px
}

.account__payments-item-button>div {
    margin-top: 10px
}

.account__payments-item-button .sber-button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.account__payments-item-button .alert,.account__payments-item-button .mb-4>p,.account__payments-item-button .pr-0,.account__payments-item-button>.row {
    display: none
}

.account__payments-item-button .pl-0>.btn {
    width: 100%;
    padding: 15px 0;
    border-radius: 0!important
}

.account__payments-item-container {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 15px;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    background: #fff
}

.account__payments-item-title::before {
    position: absolute;
    top: 14px;
    left: 13px;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.account__payments-item-title::after {
    position: absolute;
    top: 19px;
    left: 18px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    background-color: #ff671b
}

.account__payments-item-container>svg {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 28px;
    height: 28px
}

.account__payments-item-subtitle {
    padding: 0 30px
}

.account__payments-item-subtitle--black {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 15px;
    margin-bottom: 2px;
    color: #1e1e1e
}

.account__payments-item-subtitle--grey {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #adb7c1
}

.sale-order-payment-change-pp-company-hidden {
    display: none
}

@media (max-width: 767px) {
    .account {
        margin-top:30px;
        margin-bottom: 60px
    }

    .account__title {
        font-size: 36px
    }

    .account__breadcrumbs,.account__title {
        margin-bottom: 30px
    }

    .account__breadcrumbs a>span,.account__breadcrumbs span {
        font-size: 18px;
        margin-right: 10px
    }

    .account__breadcrumbs a {
        font-size: 18px
    }

    .account__empty-title {
        font-size: 24px
    }

    .account__empty-link a {
        font-size: 12px
    }
}

@media (max-width: 639px) {
    .account__form {
        margin-bottom:60px;
        margin-left: 0
    }

    .account__form-title {
        font-size: 18px;
        padding: 0
    }

    .account__form-item {
        width: 100%;
        margin-bottom: 30px;
        padding-left: 0
    }

    .account__form-item-title {
        font-size: 12px
    }

    .account__form-input {
        font-size: 14px
    }

    .account__form-btn {
        font-size: 12px;
        margin-left: 0
    }
}

@media (max-width: 419px) {
    .account__empty-link a {
        max-width:100%
    }

    .account__form-btn {
        width: 100%
    }
}

.account-item__block--status {
    margin-bottom: 40px
}

.account-item__block--compound {
    display: none
}

.account-item__block--show {
    display: block
}

.account-item__wrapper {
    padding: 21px 20px 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25)
}

.account-item__title {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px
}

.account-item__suptitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #1a3f6c
}

.account-item__subtitle {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px
}

.account-item__string {
    display: none;
    margin-bottom: 20px
}

.account-item__string:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.account-item__string--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.account-item__string-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
    text-decoration: none;
    color: #1e1e1e
}

.account-item__string-border {
    margin-right: 20px;
    margin-left: 20px;
    border-bottom: 1px solid rgba(26,63,108,.25);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.account-item__string-value {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.account-item__btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ff671b;
    border: 0;
    background-color: #fff
}

.account-item__btn:hover {
    color: #ff894e
}

@media (max-width: 767px) {
    .account-item__title {
        font-size:24px;
        margin-bottom: 20px
    }

    .account-item__suptitle {
        font-size: 12px
    }

    .account-item__subtitle {
        font-size: 18px
    }

    .account-item__string-title,.account-item__string-value {
        font-size: 14px
    }

    .account-item__btn {
        font-size: 12px
    }
}

.account-modal,.account-modal .sale-order-list-inner-row-body {
    display: none
}

.account-modal--show {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    background-color: rgba(30,30,30,.6)
}

.account-modal--show::-webkit-scrollbar {
    display: none
}

.account-modal .sale-order-list-inner-row-template {
    display: none!important
}

.account-modal__container {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 458px;
    margin: 3.7% auto
}

.account-modal__wrapper {
    padding: 40px;
    background-color: #fff
}

.account-modal__icon {
    width: 100%;
    height: 10px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.account-modal__icon svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.account-modal__icon:nth-child(3) {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.account-modal__close {
    position: absolute;
    top: 31px;
    right: 20px;
    padding: 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.account-modal__close svg {
    width: 16px;
    height: 16px;
    fill: #ff671b
}

.account-modal__close:hover,.calculator__wall-select-dropdown li:hover {
    background-color: #f2f2f2
}

@media (max-width: 639px) {
    .account-modal__container {
        max-width:320px
    }

    .account-modal__wrapper {
        padding: 40px 20px
    }

    .account-modal__icon {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    .account-modal__icon:nth-child(3) {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.calculator {
    overflow: hidden;
    width: 100%;
    max-width: 1360px;
    margin: 41px auto 81px;
    padding: 21px 0 40px;
    background-color: #f2f2f2
}

.calculator--active {
    background-color: #fff
}

.calculator__slide {
    display: none
}

.calculator__slide--active {
    display: block
}

.calculator__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 19px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__header--property {
    margin-bottom: 39px
}

.calculator__header--wall {
    margin-bottom: 79px
}

.calculator__header--inside {
    margin-bottom: 39px
}

.calculator__header-item--right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.calculator__header-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    color: #1e1e1e
}

.calculator__header-title--orange {
    color: #ff671b
}

.calculator__header-subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #1e1e1e
}

.calculator__header-subtitle--orange {
    color: #ff671b
}

.calculator__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px
}

.calculator__wrapper--property {
    max-width: 875px;
    margin-right: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calculator__wrapper--wall {
    height: 245px
}

.calculator__wrapper--inside {
    height: 285px
}

.calculator__item {
    width: 25%;
    padding-left: 20px
}

.calculator__item-wrapper {
    position: relative;
    overflow: hidden;
    height: 304px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(26,63,108,.25);
    box-shadow: 0 5px 15px rgba(26,63,108,.25)
}

.calculator__item-wrapper--active,.calculator__item-wrapper--blue,.calculator__item-wrapper:hover {
    background-color: #1a3f6c
}

.calculator__item-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    padding: 20px 0 0 20px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #1a3f6c
}

.calculator__item-title--active,.calculator__item-wrapper:hover .calculator__item-title {
    color: #fff
}

.calculator__item-title--white {
    margin-bottom: 15px;
    color: #fff
}

.calculator__item-image {
    position: absolute;
    right: 0;
    bottom: -4px
}

.calculator__item-input {
    display: none
}

.calculator__item-link {
    text-decoration: none
}

.calculator__item-subtitle {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 0 20px;
    color: #fff
}

.calculator__item-link-image {
    height: 100%;
    max-height: 185px
}

.calculator__item-link-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.calculator__checkbox-btn-label {
    margin-bottom: 10px
}

.calculator__checkbox-btn-label.is-disabled {
    pointer-events: none;
    opacity: .3
}

.calculator__checkbox-btn {
    display: none
}

.calculator__checkbox-btn-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    width: 48.7%;
    margin-bottom: 28px;
    padding: 12px 0 10px 30px;
    cursor: pointer
}

.calculator__checkbox-btn-text::before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.calculator__checkbox-btn-text::after {
    position: absolute;
    top: 15px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.calculator__property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 432px;
    margin-bottom: 18px;
    padding-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__property--second {
    margin-bottom: 85px
}

.calculator__property-image {
    position: relative;
    margin-right: 20px;
    cursor: pointer
}

.calculator__property-image img {
    width: 88px;
    height: 88px
}

.calculator__property-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px
}

.calculator__property-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 305px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.calculator__property-inner-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 0 20px;
    color: #1a3f6c
}

.calculator__property-inner-title--second {
    margin-bottom: 0
}

.calculator__property-inner-input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    width: 100%;
    padding: 19px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    background-color: #f2f2f2
}

.calculator__property-inner-input--second {
    padding: 10px 20px 19px
}

.calculator__property-inner-input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__property-inner-input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__property-inner-input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__property-inner-input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__property-inner-input:focus,.calculator__wall-input:focus {
    border-bottom: 2px solid #1e1e1e;
    outline: 0
}

.calculator__property-modal {
    position: fixed;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    max-width: 589px;
    padding: 20px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(26,63,108,.25);
    box-shadow: 0 5px 15px rgba(26,63,108,.25)
}

.calculator__property-modal--active {
    visibility: visible;
    opacity: 1
}

.calculator__property-modal::before {
    position: absolute;
    top: -25px;
    left: 0;
    content: '';
    border: 15px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 15px solid #fff
}

.calculator__property-modal-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.calculator__property-modal-img {
    margin-right: 20px
}

.calculator__property-modal-img img {
    width: 100px;
    height: 100px
}

.calculator__property-modal-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px
}

.calculator__property-modal-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.calculator__wall-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 650px;
    margin-bottom: 20px
}

.calculator__label {
    width: 100%;
    padding-left: 20px;
    cursor: pointer
}

.calculator__radio-btn {
    display: none
}

.calculator__radio-text {
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 18px 56px 19px 58px;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    background-color: #fff
}

.calculator__radio-text::before {
    position: absolute;
    top: 19px;
    left: 18px;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.calculator__radio-text::after {
    position: absolute;
    top: 24px;
    left: 23px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.calculator__wall-wrapper {
    display: block;
    width: 100%
}

.calculator__wall-select--width .calculator__wall-select-value.is-active,.calculator__wall-wrapper--active {
    display: block
}

.calculator__wall-container {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calculator__wall-item,.calculator__wall-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.calculator__wall-item-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calculator__wall-item {
    max-width: 650px;
    margin-bottom: 21px;
    padding-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__wall-input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    width: 23%;
    margin-right: 22px;
    padding: 19px 0 20px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25);
    background-color: #f2f2f2
}

.calculator__wall-input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__wall-input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__wall-input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__wall-input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator__wall-select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer;
    border: 2px solid rgba(26,63,108,.25);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__wall-select--width {
    width: 23%;
    pointer-events: none;
    opacity: .5
}

.calculator__wall-select--width.is-active {
    pointer-events: all;
    opacity: 1
}

.calculator__wall-select--width .calculator__wall-select-value {
    display: none
}

.calculator__wall-select--material {
    width: 50%;
    margin-right: 20px
}

.calculator__wall-select-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: 19px 20px 19px 18px
}

.calculator__wall-select-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-right: 18px;
    padding-bottom: 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calculator__wall-select-icon--active {
    height: 30px;
    padding-bottom: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calculator__wall-select-icon-down,.calculator__wall-select-icon-up {
    width: 10px;
    height: 10px
}

.calculator__wall-select-icon-down svg,.calculator__wall-select-icon-up svg {
    width: 100%;
    height: 100%
}

.calculator__wall-select-dropdown {
    position: absolute;
    z-index: 1;
    top: 70px;
    display: none;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25)
}

.calculator__wall-select-dropdown li {
    padding: 10px 20px
}

.calculator__wall-select-dropdown--active {
    display: block
}

.calculator__wall-btn-container {
    padding-left: 20px
}

.calculator__wall-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 630px;
    padding: 20px 0 21px;
    cursor: pointer;
    letter-spacing: .05em;
    border: 2px solid #1a3f6c;
    background-color: #f2f2f2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calculator__wall-btn span {
    margin-left: -5px;
    text-transform: uppercase;
    color: #1a3f6c
}

.calculator__wall-btn svg {
    width: 12px;
    height: 12px;
    margin-left: 15px;
    background-color: #f2f2f2;
    fill: #1a3f6c
}

.calculator__wall-image {
    width: 238px;
    height: 234px;
    margin-right: auto;
    margin-left: auto
}

.calculator__wall-image svg,.video__container iframe {
    width: 100%;
    height: 100%
}

.calculator__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 337px;
    margin-bottom: 15px
}

.calculator__counter-container {
    width: 83%;
    margin-right: 18px
}

.calculator__counter-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px
}

.calculator__counter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.calculator__counter-item-checkbox {
    display: none
}

.calculator__counter-item {
    margin-bottom: 20px
}

.calculator__counter-item-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calculator__counter-item-wrapper--modal::before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.calculator__counter-item-wrapper--modal::after {
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.calculator__counter-item-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.calculator__counter-item-count {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.2;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.calculator__counter-item-border {
    display: block;
    width: 100%;
    margin: 0 20px;
    content: '';
    border-bottom: 2px solid rgba(26,63,108,.25)
}

.calculator__counter-item-price {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.calculator__total {
    max-width: 358px
}

.calculator__total-header-container {
    margin-bottom: 10px
}

.calculator__total-header {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2
}

.calculator__total-header--black {
    margin-right: 20px;
    color: #1e1e1e
}

.calculator-message__subtitle a:hover,.calculator__total-header--orange {
    color: #ff671b
}

.calculator__total-subtitle {
    font-size: 10px;
    font-weight: 200;
    line-height: 1.5
}

.calculator__total-subtitle--black {
    color: #1e1e1e
}

.calculator__total-subtitle--orange {
    margin-right: 8px;
    color: #ff671b
}

.calculator__counter-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.calculator__counter-btn {
    margin-bottom: 41px
}

.calculator__calc-btn span,.calculator__counter-btn-more,.calculator__swiper-btn span {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff
}

.calculator__counter-btn-more {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 32px 22px 30px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background-color: #1a3f6c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__counter-btn-more svg {
    width: 18px;
    height: 18px;
    margin-left: 12px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    fill: #fff
}

.calculator__counter-btn-more:hover {
    background-color: #2c588e
}

.calculator__counter-modal {
    display: none
}

.calculator__swiper {
    padding: 20px 0
}

.calculator__swiper-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__swiper-navigation--hide {
    display: none
}

.calculator__swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calculator__calc-btn,.calculator__swiper-btn {
    width: 197px;
    height: 62px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__swiper-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calculator__calc-btn span,.calculator__swiper-btn span {
    font-weight: 400;
    padding: 0 16px
}

.calculator__calc-btn svg,.calculator__swiper-btn svg {
    width: 10px;
    height: 16px
}

.calculator__calc-btn {
    display: none;
    background-color: #ff671b
}

.calculator__calc-btn:hover {
    background-color: #ff894e
}

.calculator__calc-btn--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calculator__modal {
    display: none
}

.calculator__modal--show {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    background-color: rgba(30,30,30,.6)
}

.calculator__modal-wrapper {
    padding: 40px;
    background-color: #fff
}

.calculator__modal-container {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 458px;
    margin: 3.7% auto
}

.calculator__modal-icon {
    width: 100%;
    height: 10px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.calculator__modal-icon svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.calculator__modal-icon:nth-child(3) {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.calculator__modal-close {
    position: absolute;
    z-index: 10;
    top: 31px;
    right: 20px;
    padding: 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background: #fff
}

.calculator__modal-close svg {
    width: 16px;
    height: 16px;
    fill: #ff671b
}

.calculator__modal-close:hover {
    background-color: #f2f2f2
}

.calculator__modal-title {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 40px;
    color: #1a3f6c
}

.calculator__modal-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.calculator__modal-item-wrapper {
    width: 100%
}

.calculator__modal-item-header {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    width: 50%
}

.calculator__modal-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 4px
}

.calculator__modal-item-count {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.25
}

.calculator__modal-item-border {
    margin-right: 20px;
    margin-left: 20px;
    border-bottom: 1px solid rgba(26,63,108,.25);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.calculator__modal-item-price {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.calculator__modal-item-label {
    width: 40px
}

.calculator__modal-item-checkbox {
    display: none
}

.calculator__modal-item-checkbox-text {
    position: relative;
    cursor: pointer
}

.calculator__modal-item-checkbox-text::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid rgba(26,63,108,.25)
}

.calculator__modal-item-checkbox-text::after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    background-color: #ff671b
}

.calculator__modal-item-close {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ff671b;
    border: 0;
    background-color: #fff
}

.calculator__modal-item-close:hover {
    color: #ff894e
}

.calculator__swiper-next {
    pointer-events: all;
    opacity: 1;
    background-color: #ff671b
}

.calculator__swiper-next--disabled {
    pointer-events: none;
    opacity: .5
}

.calculator__swiper-next span {
    margin-left: -23px
}

.calculator__swiper-next:hover {
    background-color: #ff894e
}

.calculator__swiper-prev {
    margin-right: 20px;
    background-color: #1a3f6c
}

.calculator__swiper-prev span {
    margin-right: -23px
}

.calculator__swiper-prev:hover {
    background-color: #2c588e
}

.calculator__swiper-prev--hide {
    display: none
}

.calculator__swiper-bullet {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 16px 0 0;
    content: '';
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: .25;
    border-radius: 0;
    background-color: #1a3f6c
}

.calculator__swiper-bullet--active {
    opacity: 1
}

.calculator__swiper-bullet--hide {
    display: none
}

.calculator__swiper-bullet--orange {
    background-color: #ff671b
}

.calculator__swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1023px) {
    .calculator__wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .calculator__item {
        width: 50%;
        padding-bottom: 20px
    }

    .calculator__property-modal-title {
        font-size: 16px
    }

    .calculator__property-modal-text {
        font-size: 12px
    }

    .calculator__wall-container {
        min-height: 300px
    }

    .calculator__counter-image,.calculator__wall-image {
        display: none
    }

    .calculator__wall-wrapper {
        height: 164px
    }

    .calculator__counter-container {
        width: 100%
    }
}

@media (max-width: 767px) {
    .calculator {
        margin-bottom:60px;
        padding-top: 0
    }

    .calculator__swiper-navigation {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .calculator__swiper-pagination {
        display: none
    }

    .calculator__swiper-btn {
        width: 163px
    }
}

@media (max-width: 639px) {
    .calculator {
        padding-bottom:20px
    }

    .calculator__header {
        margin-bottom: 31px
    }

    .calculator__header--property {
        margin-bottom: 30px
    }

    .calculator__header-title {
        font-size: 18px
    }

    .calculator__header-title--orange {
        padding-right: 500%
    }

    .calculator__wrapper {
        margin-left: -10px
    }

    .calculator__item {
        padding-bottom: 10px;
        padding-left: 10px
    }

    .calculator__header-subtitle {
        font-size: 18px
    }

    .calculator__item-wrapper {
        height: 200px
    }

    .calculator__item-title {
        font-size: 14px;
        padding: 10px 0 0 10px
    }

    .calculator__item-subtitle {
        font-size: 14px;
        padding: 0 10px
    }

    .calculator__item-link-image {
        display: none
    }

    .calculator__item-image {
        width: 65%
    }

    .calculator__item-image img {
        width: 100%;
        height: 100%
    }

    .calculator__property {
        margin-bottom: 17px;
        padding-left: 10px
    }

    .calculator__property-image img {
        width: 67px;
        height: 67px
    }

    .calculator__property-icon {
        bottom: 3px
    }

    .calculator__property-inner-title {
        font-size: 12px;
        padding: 0 10px
    }

    .calculator__property-inner-input {
        font-size: 14px;
        padding: 10px 10px 9px
    }

    .calculator__property-modal {
        flex-direction: column;
        max-width: 280px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .calculator__property-modal-img {
        display: none
    }

    .calculator__property-modal-title {
        font-size: 14px
    }

    .calculator__property-modal-text {
        font-size: 10px
    }

    .calculator__checkbox-btn-text {
        width: 100%;
        margin-bottom: 0
    }

    .calculator__wall-btn-container,.calculator__wall-item {
        padding-left: 0
    }

    .calculator__label:last-child {
        padding-left: 10px
    }

    .calculator__radio-text {
        font-size: 16px;
        padding: 10px 56px
    }

    .calculator__radio-text::before {
        top: 10px
    }

    .calculator__radio-text::after {
        top: 15px
    }

    .calculator__wall-input {
        font-size: 14px;
        margin-right: 10px;
        padding: 10px
    }

    .calculator__wall-select--width {
        width: 32%
    }

    .calculator__wall-select--material {
        width: 40%;
        margin-right: 10px
    }

    .calculator__wall-select-title {
        font-size: 14px;
        padding: 10px
    }

    .calculator__wall-btn {
        font-size: 12px;
        padding: 13px 0
    }

    .calculator__wall-select-dropdown {
        top: 50px
    }

    .calculator__wall-select-value {
        font-size: 14px
    }

    .calculator__counter-item-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .calculator__counter-title {
        font-size: 18px;
        margin-bottom: 29px
    }

    .calculator__counter-item {
        margin-bottom: 18px
    }

    .calculator__counter-item-title {
        font-size: 12px;
        width: 45%;
        margin-right: 10px
    }

    .calculator__counter-item-count {
        font-size: 14px
    }

    .calculator__counter-item-border {
        width: 100%;
        margin: 0 10px;
        border: 0;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .calculator__counter-item-price {
        font-size: 12px;
        margin-top: 4px
    }

    .calculator__total-header {
        font-size: 18px
    }

    .calculator__total-header--black {
        margin-right: 10px
    }

    .calculator__counter-btn-more {
        font-size: 12px;
        width: 100%;
        padding: 13px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .calculator__modal-container {
        max-width: 345px
    }

    .calculator__modal-wrapper {
        padding: 40px 20px
    }

    .calculator__modal-item-count,.calculator__modal-item-header,.calculator__modal-item-price {
        font-size: 14px
    }

    .calculator__modal-icon {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    .calculator__modal-icon:nth-child(3) {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .calculator__swiper {
        margin-bottom: 14px;
        padding-bottom: 6px
    }

    .calculator__swiper-buttons {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .calculator__swiper-btn span {
        font-size: 12px;
        padding: 0 17px
    }

    .calculator__swiper-next span {
        margin-left: -20px
    }

    .calculator__swiper-prev span {
        margin-right: -20px
    }
}

@media (max-width: 419px) {
    .calculator__item-wrapper {
        height:163px
    }
}

.calculator-message {
    display: none;
    max-width: 846px;
    margin: 0 auto
}

.calculator-message--active {
    display: block
}

.calculator-message__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 60px;
    text-align: center
}

.calculator-message__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    width: 48%;
    margin-right: 20px;
    margin-bottom: 40px;
    padding: 19px 20px;
    color: #1e1e1e;
    border: 0;
    border-bottom: 2px solid rgba(26,63,108,.25)
}

.calculator-message__input::-webkit-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator-message__input::-moz-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator-message__input::-ms-input-placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator-message__input::placeholder {
    opacity: .5;
    color: #1e1e1e
}

.calculator-message__input:focus {
    border-bottom: 2px solid #1e1e1e;
    outline: 0
}

.calculator-message__input:nth-child(2n) {
    margin-right: 0
}

.calculator-message__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calculator-message__btn-input {
    padding: 20px 165px
}

.calculator-message__subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 413px;
    margin: 0 auto;
    text-align: center;
    opacity: .5
}

.calculator-message__subtitle a {
    font-size: 14px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #1e1e1e
}

@media (max-width: 767px) {
    .calculator-message__title {
        font-size:36px;
        margin-bottom: 30px
    }

    .calculator-message__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .calculator-message__input {
        font-size: 14px;
        width: 100%;
        max-width: 335px;
        margin: 0 auto 30px;
        padding: 10px
    }

    .calculator-message__input:nth-child(2n) {
        margin: 0 auto 30px
    }

    .calculator-message__btn {
        margin-bottom: 20px
    }

    .calculator-message__btn-input {
        font-size: 12px;
        width: 100%;
        max-width: 335px;
        padding: 20px 0
    }

    .calculator-message__subtitle {
        font-size: 10px
    }
}

.calculator-thanks {
    display: none;
    max-width: 784px;
    margin: 0 auto
}

.calculator-thanks--active {
    display: block
}

.calculator-thanks__suptitle,.calculator-thanks__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 60px;
    text-align: center
}

.calculator-thanks__suptitle {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

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

.calculator-thanks__link {
    width: 100%;
    max-width: 413px;
    padding: 20px 0;
    text-decoration: none
}

@media (max-width: 767px) {
    .calculator-thanks__suptitle {
        font-size:12px
    }

    .calculator-thanks__title {
        font-size: 36px;
        margin-bottom: 40px
    }
}

.popup-window {
    display: none;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 29px rgba(26,63,108,.25);
    box-shadow: 0 12px 29px rgba(26,63,108,.25)
}

.popup-window-titlebar {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center
}

.popup-window-titlebar-text {
    font-size: 36px;
    font-weight: 800
}

.popup-window-content {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center
}

.popup-window-content img {
    margin-bottom: 20px
}

.popup-window-buttons button {
    margin: 0 auto;
    padding: 20px 40px
}

.popup-window-close-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    padding: 15px;
    content: url(assets/images/content/close_icon.svg);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #1e1e1e
}

.popup-window-close-icon svg {
    fill: #1e1e1e
}

.popup-window-close-icon:hover {
    content: url(assets/images/content/close_icon_orange.svg);
    background-color: #f2f2f2;
    fill: #ff671b
}

@media (max-width: 767px) {
    .popup-window-titlebar-text {
        font-size:24px
    }

    .popup-window-content {
        font-size: 14px
    }
}

@media (max-width: 419px) {
    .popup-window-titlebar-text {
        line-height:1.2;
        overflow: auto;
        margin-top: 10px;
        white-space: normal;
        text-overflow: normal
    }

    .popup-window {
        max-width: 320px
    }

    .popup-window-titlebar {
        height: auto
    }
}

.city-modal {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    opacity: 1;
    background-color: rgba(30,30,30,.6)
}

.city-modal__wrapper {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 494px;
    margin: 7% auto;
    padding: 40px;
    background-color: #fff
}

.city-modal__body,.city-modal__header {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1e1e1e
}

.city-modal__body {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px
}

.city-modal__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.city-modal__btn {
    font-weight: 600;
    width: 100%;
    padding: 20px 0
}

.city-modal__btn:first-child {
    margin-right: 20px;
    color: #ff671b;
    border: 2px #ff671b solid;
    background-color: #fff
}

.city-modal__btn:first-child:hover {
    color: #fff;
    background-color: #ff894e
}

.city-modal__close {
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 20px;
    padding: 16px 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background-color: #fff
}

.catalog-modal__close svg,.city-modal__close svg,.form-thanks__close svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    fill: #1e1e1e
}

.city-modal__close:hover {
    background-color: #f2f2f2
}

@media (max-width: 1023px) {
    .city-modal__wrapper {
        max-width:320px;
        padding: 20px
    }

    .city-modal__header {
        font-size: 34px
    }

    .city-modal__body {
        font-size: 14px;
        margin-bottom: 30px
    }

    .city-modal__btn {
        font-size: 12px;
        font-weight: 600;
        width: 100%;
        padding: 20px 0
    }

    .city-modal__btn:first-child {
        margin-right: 10px;
        color: #ff671b;
        border: 2px #ff671b solid;
        background-color: #fff
    }

    .city-modal__btn:first-child:hover {
        color: #fff;
        background-color: #ff894e
    }
}

.form-thanks {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    opacity: 0;
    background-color: rgba(30,30,30,.6)
}

.form-thanks--active {
    display: block;
    opacity: 1
}

.form-thanks__wrapper {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 494px;
    margin: 7% auto;
    padding: 40px;
    background-color: #fff
}

.form-thanks__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 120%;
    text-align: center
}

.form-thanks__close {
    position: absolute;
    z-index: 10;
    top: 5px;
    right: 5px;
    padding: 16px 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background-color: #fff
}

.catalog-modal__close:hover,.form-thanks__close:hover {
    background-color: #f2f2f2
}

@media (max-width: 1023px) {
    .form-thanks__wrapper {
        max-width:320px;
        margin: 30% auto;
        padding: 40px 20px 20px
    }

    .form-thanks__close {
        top: 0;
        right: 0;
        padding: 10px
    }

    .form-thanks__title {
        font-size: 24px
    }
}

.catalog-modal {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    opacity: 1;
    background-color: rgba(30,30,30,.6)
}

.catalog-modal--active {
    display: block
}

.catalog-modal__wrapper {
    position: relative;
    z-index: 5;
    top: 0;
    right: auto;
    left: auto;
    max-width: 430px;
    margin: 13% auto;
    padding: 40px;
    background-color: #fff
}

.catalog-modal__body {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1e1e1e
}

.catalog-modal__link {
    padding: 20px 0
}

.catalog-modal__close {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    padding: 16px 19px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 0;
    background-color: #fff
}

@media (max-width: 767px) {
    .catalog-modal__wrapper {
        max-width:320px;
        margin: 45% auto 10%;
        padding: 30px 20px
    }

    .catalog-modal__body {
        font-size: 14px
    }
}

@media (max-width: 419px) {
    .catalog-modal__wrapper {
        margin:65% auto 10%
    }
}

.video {
    margin-bottom: 80px
}

.video__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 44px;
    margin-bottom: 42px
}

.video__text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 862px;
    margin: 0 auto
}

.video__container {
    width: 100%;
    max-width: 1024px;
    height: 500px;
    margin: 0 auto 40px
}

@media (max-width: 1023px) {
    .video__title {
        font-size:36px;
        margin-top: 0;
        margin-bottom: 20px
    }

    .video__container {
        height: 400px
    }
}

@media (max-width: 767px) {
    .video__container {
        height:300px
    }
}

@media (max-width: 639px) {
    .video__text {
        font-size:14px
    }
}

.product-swiper {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.product-swiper__slide,.product-swiper__slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-swiper__slide {
    background-color: #f2f2f2
}

.product-swiper__slide a {
    width: 100%;
    height: 100%
}

.partners__logo img,.product-swiper__img--first {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.partners {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    margin-bottom: 80px;
    color: #1e1e1e
}

.partners__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 77px;
    margin-bottom: 40px
}

.partners__item,.partners__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.partners__items {
    flex-direction: column;
    padding: 0 108px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.partners__item {
    margin-bottom: 60px
}

.partners__logo {
    width: 305px;
    height: 250px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.partners__logo img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.partners__name {
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 12px
}

.partners__overflow {
    overflow: hidden;
    min-height: 88px;
    max-height: 88px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.partners__overflow--expand {
    max-height: 2000px
}

.partners__text,.partners__text a,.partners__text li,.partners__text p,.partners__text span {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px
}

.partners__text h2,.partners__text h3,.partners__text h4,.partners__text h5 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    margin-bottom: 12px
}

.partners__text a {
    color: #ff671b
}

.partners__text b {
    font-weight: 800
}

.partners__text i {
    font-style: italic
}

.partners__text ul {
    margin-left: 30px;
    list-style-type: disc
}

.partners__text ol {
    margin-left: 30px;
    list-style-type: decimal
}

.partners__more {
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    margin-top: 8px;
    margin-bottom: 28px;
    cursor: pointer;
    opacity: .5
}

.partners__btn {
    width: 300px;
    margin: 60px auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 2px solid #1a3f6c;
    background: 0 0
}

.partners__btn a {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20px 5px 18px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #1a3f6c;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.partners__btn:hover {
    background: #1a3f6c
}

.partners__btn:hover a {
    color: #fff
}

@media (max-width: 1140px) {
    .partners__items {
        padding:0
    }
}

@media (max-width: 767px) {
    .partners__title {
        font-size:36px;
        line-height: 43px;
        margin-bottom: 57px
    }

    .partners__logo {
        width: 175px;
        height: 145px
    }

    .partners__text,.partners__text a,.partners__text li,.partners__text p,.partners__text span {
        font-size: 16px;
        line-height: 18px
    }

    .partners__overflow {
        min-height: 72px;
        max-height: 72px
    }

    .partners__overflow--expand {
        max-height: 2000px
    }

    .partners__more {
        font-size: 14px;
        margin-top: 8px
    }
}

@media (max-width: 479px) {
    .partners__logo {
        width:85px;
        height: 70px
    }

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

    .partners__text,.partners__text a,.partners__text li,.partners__text p,.partners__text span {
        font-size: 14px;
        line-height: 18px
    }

    .partners__btn {
        width: 100%
    }
}

.product-photo-swiper {
    position: relative;
    overflow: hidden
}

.product-photo-swiper:hover .product-photo-swiper__nav {
    visibility: visible;
    opacity: 1
}

.product-photo-swiper__slide {
    height: auto
}

.product-photo-swiper__slide img {
    position: static;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product-photo-swiper__nav {
    position: absolute;
    z-index: 2;
    top: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-photo-swiper__next,.product-photo-swiper__prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    margin: 0 15px;
    cursor: pointer;
    background-color: #1a3f6c;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-photo-swiper__next svg,.product-photo-swiper__prev svg {
    width: 15px;
    height: 15px;
    fill: #fff
}

.product-photo-swiper__prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.product-photo-swiper__prev:active {
    -webkit-transform: rotate(90deg) scale(.95);
    transform: rotate(90deg) scale(.95)
}

.product-photo-swiper__next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.product-photo-swiper__next:active {
    -webkit-transform: rotate(-90deg) scale(.95);
    transform: rotate(-90deg) scale(.95)
}

@media (max-width: 419px) {
    .product-photo-swiper__next,.product-photo-swiper__prev {
        width:25px;
        height: 25px
    }

    .product-photo-swiper__next svg,.product-photo-swiper__prev svg {
        width: 10px;
        height: 10px
    }
}

input#bgb__politics {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ffffffb8;
    border-radius: 1px;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
}

/* Стили для состояния "отмечено" */
input#bgb__politics:checked {
    background-color: #ff671b;
    border-color: #ff671b;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

.footer__form-subtext {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    position: relative;
}

.footer__form-subtext p {
    max-width: 90%;
}

input#bgb__popuup__politics {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ff671b;
    border-radius: 1px;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
}

/* Стили для состояния "отмечено" */
input#bgb__popuup__politics:checked {
    background-color: #ff671b;
    border-color: #ff671b;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

.callback__form-subtext {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    opacity: 1;
    cursor: pointer;
    position: relative;
}

.callback__form-subtext p {
    max-width: 90%;
    opacity: .5;
}

.cookie-banner {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    padding: 16px 20px;
    border-radius: 10px;
    background: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 455px;
    margin: auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 9999;
    justify-content: space-between;
}

.cookie-banner p {
    margin: 0;
    color: #071a31;
    max-width: 220px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
}

.cookie-banner a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid;
    transition: all .5s ease;
}

.cookie-banner a:hover {
    border-color: transparent;
}

.cookie-banner button {
    background: #FF671B;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 12px 20px;
    cursor: pointer;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.cookie-banner button:hover {
    background: #071a31;
}

.city__catalog .col-6 {
    padding: 0 2%;
}

.city__section-title {
    font-size: 20px;
    color: #1a3f6c;
}

@media screen and (max-width: 540px) {
    .cookie-banner {
        left: 10px;
        right: 10px;
        bottom: 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .cookie-banner p {
        font-size: 12px;
        max-width: 100%;
    }
    
    .cookie-banner button {
        font-size: 12px;
        padding: 12px 16px;
        width: 100%;
    }
}