body {
    font-family: 'Open Sans';
}

.wrapper {
    overflow: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.color_blue {
    color: #219CE9;
}

.text-color_yellow {
    color: #fdfc05;
    font-weight: bold;
    font-size: 20px;
}

button,
button:active,
button:focus {
    outline: none !important;
}

.owl-item .item {
    text-align: center;
}

.owl-item .item>a {
    display: inline-block;
}

.calc-callback {
    background: #ff6600;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    display: block;
    width: 210px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 27%);
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    margin: 60px auto -25px auto;
}

.calc-callback:hover {
    background: #ff8839;
    color: #fff;
    text-decoration: none;
}


/* header */

.s-header {
    background: linear-gradient(98.57deg, #61A7C4 32.09%, #91CB72 68.25%);
}

.s-header__nav-link {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    top: -2px;
}

.s-header__nav-link:hover {
    text-decoration: underline;
}

.s-header__nav {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    height: 64px;
    align-items: center;
    padding: 0;
    list-style: none;
    margin: 0;
}

.s-header__nav>li {
    width: 100%;
    max-width: 300px;
}


/* end header */


/* s-strong */

.s-strong {
    margin: 30px 0 50px 0;
}

.s-strong__container {
    display: flex;
    justify-content: space-around;
}

.s-strong__container>div {
    position: relative;
    width: 100%;
}

.s-strong__container>div::before {
    content: '';
    width: 1px;
    height: 110px;
    border-right: 1px #F1F1F1 solid;
    display: block;
    position: absolute;
    right: 0;
}

.s-strong__container>div:last-child:before {
    display: none;
}

.s-strong__item {
    width: 110px;
    height: 110px;
    background: linear-gradient(135deg, #61A7C4 14.64%, #97CF68 73.97%);
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
}

.s-strong__item:before {
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
}

.s-strong__item_image-1:before {
    background: url(../images/main/icon-strong-1.png) no-repeat center;
}

.s-strong__item_image-2:before {
    background: url(../images/main/icon-strong-2.png) no-repeat center;
}

.s-strong__item_image-3:before {
    background: url(../images/main/icon-strong-3.png) no-repeat center;
}

.s-strong__item_image-4:before {
    background: url(../images/main/icon-strong-4.png) no-repeat center;
}

.s-strong__item-title {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
}


/* end s-strong */


/* owl-slider */

.owl-slider__left-bg {
    position: absolute;
    width: 30%;
    max-width: 600px;
    min-width: 420px;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    top: 0;
    left: 0;
    text-align: right;
}

.owl-carousel-wholesale .owl-slider__left-bg {
    left: initial;
    right: 0;
    background: none;
}

.owl-slider__left-bg img {
    margin: 80px 20px 0 auto;
    max-width: 381px;
    display: inline-block;
}

.owl-carousel-wholesale .owl-slider__left-bg img {
    /*margin: 60px 40px 0 auto;*/
    margin: 60px auto 0 auto;
    max-width: 410px;
}

.owl-slider__left-btn {
    background: #ff6600;
    color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
    line-height: 80px;
    height: 80px;
    width: 300px;
    margin: 50px 60px 0 auto;
    font-size: 22px;
    font-weight: bold;
    transition: .3s;
}

.owl-carousel-wholesale .owl-slider__left-btn {
    border-radius: 0;
    line-height: 70px;
    height: 70px;
    width: 330px;
    margin: 45px auto 0 auto;
    font-size: 18px;
}

.owl-slider__left-btn:hover {
    background: #ff9045;
}

.owl-slider__left-img-1 {
    margin: 80px auto 0 auto;
    max-width: 381px;
}

.owl-slider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    margin: 0;
    position: relative;
    top: -40px;
}

.owl-slider.owl-theme .owl-dots .owl-dot span {
    background: #FFFFFF;
    border: 2px solid #C4C4C4;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    position: relative;
}

.owl-slider.owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #1F97E3;
}

.owl-slider.owl-theme .owl-dots .owl-dot.active span {
    border: 2px solid #1F97E3;
}

.owl-slider.owl-theme .owl-dots .owl-dot.active span::before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    background: #1F97E3;
    left: 5px;
    top: 5px;
    border-radius: 100px;
}

.owl-slider__item {
    display: block;
    height: 560px;
    width: 100%;
    /*background: url(../images/slider/slider-image-1.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;*/
}

.owl-slider__item_image-1 {
    background: url(../images/slider/slider-image-1.png);
    background-position: right bottom;
    background-size: cover;
}

.owl-slider__item_image-2 {
    background: url(../images/slider/slider-image-2.png);
    background-position: right bottom;
    background-size: cover;
}

.owl-slider__item_image-wholesale-1 {
    background: url(../images/slider/slider-wholesale-image-1.png);
    background-position: right bottom;
    background-size: cover;
}

.owl-slider__item_image-wholesale-2 {
    background: url(../images/slider/slider-wholesale-image-2.png);
    background-position: right bottom;
    background-size: cover;
}

.owl-slider__footer-text {
    background: url(../images/slider/slider-image-1-footer-text.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 606px;
    height: 44px;
    right: 50px;
    bottom: 50px;
}

.owl-slider__item_image-2 .owl-slider__footer-text {
    background: url(../images/slider/slider-image-2-footer-text.png);
    background-repeat: no-repeat;
}


/* end owl-slider */

.calculate {
    margin-bottom: 100px;
    margin-top: 70px;
}

.calculate-flex {
    display: flex;
    width: 100%;
}

.calculate-flex>div:nth-child(1) {
    width: 56%;
}

.calculate-flex>div:nth-child(2) {
    width: 44%;
}

.title__h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #4A4A4A;
    padding: 40px 0;
    position: relative;
    z-index: 2;
    margin: 0;
}

.title__h2_white {
    color: #fff;
}

.window-calc__image-info {
    display: none;
    position: absolute;
    left: 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
    bottom: -24px;
    padding: 2px 5px;
    white-space: nowrap;
    z-index: 5;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
}

.window-calc__view-container {
    position: relative;
    /*background: url(../images/main/calc-window.png);*/
    width: 495px;
    height: 620px;
    margin: 60px 0px 0px 55px;
    transform: scale(1.3);
}

.window-calc__view-image-1 {
    position: absolute;
    width: 340px;
    height: 447px;
    left: 54px;
    top: 76px;
    background: url(../images/calc-2/1.png);
    background-repeat: no-repeat;
    z-index: 12;
}

.window-calc__view-image-2 {
    position: absolute;
    width: 485px;
    height: 167px;
    left: 5px;
    top: 450px;
    background: url(../images/calc-7/11.png);
    background-repeat: no-repeat;
    z-index: 11;
}

.window-calc__view-image-3 {
    position: absolute;
    width: 427px;
    height: 556px;
    left: 20px;
    top: 8px;
    background: url(../images/calc-1/1.png);
    background-repeat: no-repeat;
    z-index: 13;
}

.window-calc__view-image-4 {
    position: absolute;
    width: 340px;
    height: 380px;
    left: 53px;
    top: 73px;
    background: url(../images/calc-4/1.png);
    background-repeat: no-repeat;
    z-index: 15;
}

.window-calc__view-image-5 {
    position: absolute;
    width: 380px;
    height: 431px;
    left: 50px;
    top: 44px;
    background: url(../images/calc-3/1.png);
    background-repeat: no-repeat;
    z-index: 10;
}

.window-calc__images ul {
    display: flex;
    list-style-type: none;
    margin: 10px -10px;
    padding: 0;
}

.window-calc__images ul>li {
    margin: 0 10px;
    position: relative;
}

.window-calc__images ul>li:hover .window-calc__image-info {
    display: inline-block;
}

.window-calc__images img {
    width: 30px !important;
    height: 30px;
    border-radius: 3px;
    border: 3px #fff solid;
    cursor: pointer;
    box-sizing: content-box;
}

.window-calc__images img:hover {
    border: 3px solid #219CE9;
}

.window-calc__images img.active {
    border: 3px solid #219CE9;
}

.window-calc__images .tabs .owl-item.active img.active~.window-calc__image-info {
    display: block;
}

.window-calc__title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #4A4A4A;
    margin: 0 0 15px 0;
}

.window-calc__description {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    margin: 0 0 10px 0;
}

.window-calc__line-dotted {
    width: 100%;
    display: block;
    border: 1px dashed #BCBDC1;
    margin: 15px 0;
}

.window-calc {
    position: relative;
}

.window-calc__view-description {
    padding: 5px 5px 5px 44px;
    background: #fff url(../images/main/el-1.png) no-repeat;
    border: 1px solid rgba(33, 156, 233, 0.5);
    box-sizing: border-box;
    border-radius: 5px;
    width: 320px;
    height: 44px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
    background-position: 6px;
    right: 15%;
    bottom: -70px;
    z-index: 20;
}

.window-calc__slopes-header {
    display: flex;
}

.window-calc__slopes-header>div:nth-child(1) {
    width: 50%;
}

.window-calc__slopes-header>div:nth-child(2) {
    width: 50%;
    text-align: right;
}

.window-calc__btn-color-window-sill {
    text-align: center;
    color: #4696d0;
    font-size: 12px;
    border: 1px #4696d0 solid;
    display: inline-block;
    border-radius: 4px;
    padding: 7px 10px 8px 10px;
    cursor: pointer;
}

.window-calc__btn-color-window-sill:hover {
    color: #6ec2fd;
    border: 1px #6ec2fd solid;
}

.window-calc__btn-save-project {
    text-align: center;
    color: #4696d0;
    font-size: 16px;
    border: 1px #4696d0 solid;
    display: inline-block;
    border-radius: 4px;
    padding: 3px 10px 3px 5px;
    cursor: pointer;
    position: absolute;
    bottom: -60px;
    left: calc(50% - 70px);
    height: 35px;
}

.window-calc__btn-save-project:hover {
    color: #6ec2fd;
    border: 1px #6ec2fd solid;
}

.window-calc__btn-save-project>svg {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}


/* s-color-decidion */

.s-color-decidion {
    padding: 50px 0;
    background: linear-gradient(98.57deg, #61A7C4 32.09%, #91CB72 68.25%);
}

.s-color-decidion .owl-carousel .owl-nav button.owl-prev {}

.owl-color-decidion {
    padding: 0px 110px;
    box-sizing: border-box;
}

.owl-color-decidion .item>img {
    border: 2px solid #FFFFFF;
}

.s-color-decidion .owl-carousel button.owl-next {
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-color-decidion .owl-carousel button.owl-next::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
}

.s-color-decidion .owl-carousel button.owl-prev {
    position: absolute;
    right: 0;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-color-decidion .owl-carousel button.owl-prev::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 20px;
    top: 9px;
    transform: rotate(180deg);
}

.s-color-decidion .owl-dots {
    display: none;
}

.s-color-decidion .item img {
    max-width: 290px;
}


/* end s-color-decidion */


/* s-about-ws */

.s-about-ws {
    background: #219CE9 url(../images/main/bg-cristal-blue.png);
    padding: 30px 0;
}

.s-about-ws__container {
    display: flex;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    align-items: center;
}

.s-about-ws__container>div {
    width: 50%;
}

.s-about-ws__container strong {
    font-weight: bold;
}

.s-about-ws__lignodur {
    width: 100%;
    max-width: 344px;
}

.s-about-ws__elesgo {
    width: 100%;
    max-width: 429px;
}


/* and s-about-ws */


/* s-m-about-ws */

.s-m-about-ws {
    background: #219CE9 url(../images/main/bg-cristal-blue.png);
    padding: 30px 0;
    display: none;
}

.s-m-about-ws_green {
    background: #219CE9 url(../images/main/bg-cristal-green.png);
}

.s-m-about-ws__container {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 23px;
    color: #FFFFFF;
}


/* and s-m-about-ws */


/* s-m-strong */

.s-m-strong {
    display: none;
}

.s-m-strong ul {
    margin: 30px 0px 30px 70px;
    padding: 0;
    list-style: none;
}

.s-m-strong li {
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    margin: 0 0 15px 0;
}

.s-m-strong li:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #219CE9;
    left: -30px;
    top: 8px;
}

.s-m-strong_green li:after {
    background: #A5C600;
}


/* end s-m-strong */


/* s-about-slope */

.s-about-slope {
    background: url(../images/main/bg-cristal-green.png);
    background-size: cover;
    height: 227px;
    box-sizing: border-box;
}

.s-about-slope__container {
    display: flex;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    align-items: center;
}

.s-about-slope__container>div {
    width: 50%;
}

.s-about-slope__container>div:nth-child(2) {
    text-align: center;
}

.s-about-slope__left-text {
    padding: 30px 0;
}

.s-about-slope__container strong {
    font-weight: bold;
}

.s-about-slope__right-image-1 {
    width: 100%;
    max-width: 466px;
    position: relative;
}

.s-about-slope__right-image-2 {
    width: 100%;
    max-width: 382px;
    position: relative;
}

.s-about-slope__elesgo {
    width: 100%;
    max-width: 429px;
}


/* and s-about-slope */


/* s-moller-info */

.s-moller-info {
    text-align: right;
}

.s-moller-info__container {
    display: flex;
    width: 100%;
    background: #219CE9 url(../images/main/bg-cristal-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.s-moller-info__left {
    width: 60%;
    height: 445px;
    position: relative;
}

.s-moller-info__right {
    background: url(../images/main/moller-info-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100px calc(100% + 100px));
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100px calc(100% + 100px));
    position: relative;
}

.s-moller-info__right:after {
    content: '';
    background: url(../images/main/el-40-year.png);
    background-repeat: no-repeat;
    display: block;
    width: 170px;
    height: 170px;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 55px);
    z-index: 2;
}

.s-moller-info__right-el {
    background: rgba(34, 143, 220, .2);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 20px 0, 100px 100%, 100px calc(100% + 100px));
    position: relative;
    height: 470px;
    z-index: 3;
}

.s-moller-info__logo {
    background: #fff;
    position: relative;
    width: calc(100% - 30px);
    margin: 50px 0 0 0;
    height: 80px;
    display: flex;
    align-items: center;
}

.s-moller-info__logo:after {
    background: #fff;
    -webkit-clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 100%, 0% 100%);
    content: '';
    display: block;
    right: -19px;
    top: 0;
    width: 50px;
    height: 80px;
    position: absolute;
}

.s-moller-info__logo>div {
    width: 100%;
    padding: 0 0 0 20px;
}

.s-moller-info__text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
    text-align: left;
    padding: 0 0 0 20px;
    margin: 25px 0 0px 0;
}

.s-moller-info__text strong {
    font-weight: bold;
    font-size: 20px;
}

.s-moller-info__logo img {
    margin: 0 520px 0 0;
}

.s-moller-info__description {
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 740px;
}

.s-moller-info__description>div {
    width: 100%;
    padding: 0 0 0 20px;
}

.s-moller-info_qunell .s-moller-info__container {
    background: #A5C600 url(../images/main/bg-cristal-green-big.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.s-moller-info_qunell .s-moller-info__right {
    background: url(../images/main/qunell-info-right.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.s-moller-info_qunell .s-moller-info__right:after {
    background: url(../images/main/el-30-year.png);
    background-repeat: no-repeat;
}

.s-moller-info_qunell .s-moller-info__right-el {
    background: rgb(34 220 74 / 20%);
}

.s-moller-info_qunell .s-moller-info__logo img {
    margin: 0 420px 0 0;
}

.s-moller-info-double {
    display: flex;
}

.s-moller-info-double>.s-moller-info {
    width: 50%;
}

.s-moller-info-double .s-moller-info__logo img {
    width: 100%;
}

.s-moller-info-double__link-more {
    color: #fdfc05;
    text-decoration: underline;
}

.s-moller-info-double__link-more:hover {
    color: #fdfc05;
    text-decoration: none;
}

.s-moller-info-double .s-moller-info__text {
    font-size: 18px;
}

.s-moller-info-double .s-moller-info__left {
    height: 470px;
    width: 50%;
}

.s-moller-info-double .s-moller-info__right {
    width: 50%;
}

.s-moller-info-double__link-catalog {
    color: #000;
    display: block;
    border: 3px #ffffff solid;
    border-radius: 6px;
    background: rgb(255 255 255 / 30%);
    text-align: center;
    width: 190px;
    font-size: 16px;
    padding: 4px 0px 5px 0;
    position: absolute;
    bottom: 50px;
    left: calc(50% - 40px);
    font-weight: bold;
    transition: .3s;
}

.s-moller-info-double__link-catalog:hover {
    background: #ffffff;
    text-decoration: none;
    color: #000;
}

.s-moller-info-double .s-moller-info__right:after {
    display: none;
}

.s-moller-info-double .s-moller-info.s-moller-info_qunell .s-moller-info__right {
    width: 50%;
    background-position: calc(100% + 80px) 0;
}

.s-moller-info-double ul {
    padding: 0 0 0 20px;
    margin: 0 0 60px 0;
}

.s-moller-info-double .s-moller-info__text-ul-m {
    max-width: 360px;
}

.s-moller-info-double .s-moller-info__text-ul-q {
    max-width: 290px;
}

.s-moller-info-double .s-moller-info__text-ul-m>li:nth-child(1) {
    margin: 0 0 30px 0;
}

.s-moller-info-double .s-moller-info__text-ul-q>li:nth-child(1) {
    margin: 0 0 30px 0;
}

@media all and (max-width: 1400px) {
    .s-moller-info-double ul {
        margin: 0 0 30px 0;
    }
    .s-moller-info-double .s-moller-info__text-ul-m>li:nth-child(1) {
        margin: 0 0 20px 0;
    }
    .s-moller-info-double .s-moller-info__text-ul-q>li:nth-child(1) {
        margin: 0 0 20px 0;
    }
    .s-moller-info-double__link-catalog {
        left: calc(50% - 60px);
    }
    .s-moller-info-double .s-moller-info__text-ul-q {
        max-width: 100%;
    }
    .s-moller-info-double .s-moller-info__text-ul-q {
        max-width: 100%;
    }
}

@media all and (max-width: 1400px) {
    .s-moller-info-double .s-moller-info__text {
        font-size: 16px;
        line-height: 20px;
    }
    .s-moller-info-double__link-catalog {
        width: 150px;
        font-size: 13px;
        left: calc(50% - 30px);
    }
}


/* end s-moller-info */


/* s-m-info */

.s-m-info {
    text-align: right;
    position: relative;
    margin: 40px 0 0px 0;
    display: none;
}

.s-m-info__container {
    display: flex;
    width: 100%;
    background: #219CE9 url(../images/main/bg-cristal-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.s-m-info__left {
    width: 40%;
    height: 300px;
    position: relative;
}

.s-m-info__right {
    background: url(../images/main/moller-info-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 60%;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100px calc(100% + 100px));
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100px calc(100% + 100px));
    position: relative;
}

.s-m-info__right-el {
    background: rgba(34, 143, 220, .2);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 20px 0, 100px 100%, 100px calc(100% + 100px));
    position: relative;
    height: 300px;
    z-index: 3;
}

.s-m-info__logo {
    position: relative;
    width: calc(100% + 40px);
    margin: 50px 0 0 0;
    height: 51px;
    display: flex;
    align-items: center;
    background: #fff;
    text-align: left;
}

.s-m-info__logo>div {
    width: 100%;
    padding: 0 0 0 20px;
}

.s-m-info__text strong {
    font-weight: bold;
    font-size: 20px;
}

.s-m-info__logo img {
    width: 100%;
    max-width: 100px;
}

.s-m-info__description {
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 740px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    margin: 20px 0 0 0;
}

.s-m-info__description>div {
    width: 100%;
    padding: 0 0 0 20px;
}

.s-m-info__links {
    display: flex;
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 2;
    justify-content: space-around;
}

.s-m-info__links>div {
    width: 50%;
    text-align: center;
}

.s-m-info__links-item {
    background: #FFFFFF;
    border-radius: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #4A4A4A;
    display: inline-block;
    height: 38px;
    width: 130px;
    line-height: 38px;
    text-decoration: none;
}

.s-m-info_qunell .s-m-info__logo img {
    width: 100%;
    max-width: 115px;
}

.s-m-info_qunell .s-m-info__container {
    background: #A5C600 url(../images/main/bg-cristal-green-big.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.s-m-info_qunell .s-m-info__right {
    background: url(../images/main/qunell-info-right-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

.s-m-info_qunell .s-m-info__right-el {
    background: rgb(34 220 74 / 20%);
}

.s-m-info_qunell .s-m-info__logo img {
    margin: 0 420px 0 0;
}


/* end s-m-info */


/* s-design-moller */

.s-design-moller {}

.s-design-moller__h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    text-align: center;
    color: #4A4A4A;
    margin: 0;
}

.s-design-moller .title__h2 {
    padding-bottom: 20px;
}

.s-design-moller__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -20px;
    margin: 10px -20px;
    width: 100%;
}

.s-design-moller__logo>div {
    padding: 0 75px;
}

.s-design-moller__logo>div:first-child {
    border-right: 1px solid #E6E6E6;
}

.owl-design {
    box-sizing: border-box;
    max-width: 900px;
    margin: 0 auto;
}

.owl-design img {
    max-width: 300px;
}

.s-design-moller .owl-carousel button.owl-next {
    position: absolute;
    left: calc(50% - 250px);
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-design-moller .owl-carousel button.owl-next::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
}

.s-design-moller .owl-carousel button.owl-prev {
    position: absolute;
    right: calc(50% - 250px);
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-design-moller .owl-carousel button.owl-prev::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 20px;
    top: 9px;
    transform: rotate(180deg);
}

.s-design-moller .owl-dots {
    display: none;
}

.s-design-moller .owl-carousel.owl-drag .owl-item.center {
    z-index: 4;
}

.s-design-moller .owl-carousel.owl-drag .owl-item:not(.center) {
    /* transform: scale(0.8);*/
    opacity: .5 !important;
}

.s-design-moller .owl-carousel.owl-drag .owl-item {
    /*margin: 0 !important;*/
}


/* end s-design-moller */


/* s-consist-qunell */

.s-consist-qunell {
    padding: 20px 0 50px 0;
}

.s-consist-qunell__container {
    display: flex;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

.s-consist-qunell__left-bg {
    background: url(../images/otkos-system-qunell/left.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 309px;
    height: 557px;
}

.s-consist-qunell__right {
    margin: 48px 0 0 0;
}

.s-consist-qunell__right-grid {
    display: grid;
    grid-template-columns: 130px 1fr;
    margin: 0 0 20px 20px;
}

.s-consist-qunell__right-image {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.s-consist-qunell__title {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
}

.s-consist-qunell__description {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #4A4A4A;
}

.s-consist-qunell__right-image>img {
    width: 100%;
    max-width: 96px;
}

.s-consist-qunell__right-image>img {
    width: 100%;
    max-width: 96px;
}


/* end s-consist-qunell */


/* s-m-consist-qunell */

.s-m-consist-qunell {
    padding: 20px 0 50px 0;
    display: none;
}

.s-m-consist-qunell__container {
    display: flex;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

.s-m-consist-qunell__left-bg {
    background: url(../images/mobile/el-window.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 109px;
    height: 565px;
}

.s-m-consist-qunell__right {
    margin: 10px 0 0 15px;
}

.s-m-consist-qunell__right-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    margin: 0px 0 31px 0px;
}

.s-m-consist-qunell__right-image {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.s-m-consist-qunell__title {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    padding: 0 0 0 10px;
}

.s-m-consist-qunell__title-text {
    display: flex;
    align-items: center;
    height: 100%;
}

.s-m-consist-qunell__description {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #4A4A4A;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    min-height: 26px;
}

.s-m-consist-qunell__right-image>img {
    width: 100%;
    max-width: 96px;
}

.s-m-consist-qunell__right-grid>div:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

.s-m-consist-qunell__right-grid>div:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

.s-m-consist-qunell__right-grid>div:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
}


/* end s-m-consist-qunell */


/**/

.s-photo-ws__container {
    background: #219CE9;
    margin: 0px 0 60px 0;
}

.s-photo-ws .container {
    background: #219CE9 url(../images/main/photo-window-sill.png);
    background-position: center;
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.owl-photo-ws {
    padding: 0px 110px;
    box-sizing: border-box;
}

.s-photo-ws .owl-carousel button.owl-next {
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-photo-ws .owl-carousel button.owl-next::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
}

.s-photo-ws .owl-carousel button.owl-prev {
    position: absolute;
    right: 0;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-photo-ws .owl-carousel button.owl-prev::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 20px;
    top: 9px;
    transform: rotate(180deg);
}

.s-photo-ws .owl-dots {
    display: none;
}


/**/


/**/

.s-photo-slope__container {
    background: #3CB41E;
}

.owl-photo-slope {
    padding: 0px 110px;
    box-sizing: border-box;
}

.s-photo-slope .owl-carousel button.owl-next {
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-photo-slope .owl-carousel button.owl-next::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
}

.s-photo-slope .owl-carousel button.owl-prev {
    position: absolute;
    right: 0;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
}

.s-photo-slope .owl-carousel button.owl-prev::after {
    background: url(../images/main/slider-color-decidin-arrow.png);
    content: '';
    width: 20px;
    height: 35px;
    display: block;
    position: absolute;
    left: 20px;
    top: 9px;
    transform: rotate(180deg);
}

.s-photo-slope .owl-dots {
    display: none;
}

.s-photo-slope .container {
    background: #3CB41E url(../images/main/photo-window-sill.png);
    background-position: center;
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
}


/**/


/* s-choice */

.s-choice {
    background: linear-gradient( 98.57deg, #61A7C4 32.09%, #91CB72 68.25%);
    padding: 30px 0 70px 0;
    position: relative;
}

.s-choice__container {
    display: flex;
    margin: 0 -55px;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.s-choice__container>div {
    margin: 0 85px;
    width: 50%;
    background: #FFFFFF;
    border-radius: 20px;
    width: 50%;
    max-width: 450px;
    padding: 0 0 20px 0;
    padding: 20px 0;
}

.s-choice__info-row {
    display: flex;
    margin: 0 auto;
    margin: 6px -5px;
    line-height: 26px;
}

.s-choice__info-row>div {
    margin: 0 5px;
}

.s-choice__title {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #231F20;
    margin: 10px 0;
}

.s-choice__title>strong {
    font-weight: bold;
}

.s-choice__image {
    position: relative;
    text-align: center;
}

.s-choice__image>img {
    width: 100%;
    max-width: 410px;
    margin: 20px 0 0 0;
}

.s-choice__info {
    margin: 20px 0 0 70px;
}

.s-choice__info-row>div:nth-child(2) {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #231F20;
}

.s-choice__image-description {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 40px;
}

.s-choice__image-description_black {
    color: #000;
}

.s-choice__title_jc {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}

.s-choice__title_logos {
    display: flex;
    padding: 0 15px;
    margin: 0px 0 -14px 0;
    align-items: center;
}

.s-choice__title_logos>div {
    width: 50%;
}

.s-choice__title_logos>div:nth-child(1) {
    text-align: left;
}

.s-choice__title_logos>div:nth-child(1) img {
    width: 100%;
    max-width: 130px;
}

.s-choice__title_logos>div:nth-child(2) {
    text-align: right;
}

.s-choice__title_logos>div:nth-child(2) img {
    width: 100%;
    max-width: 207px;
}

.s-choice__el-girl {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 130px);
    background: url(../images/main/el-girl.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 448px;
    z-index: 5;
}


/* end s-choice */


/* s-strong */

.s-strong-2 {
    margin: 30px 0 50px 0;
}

.s-strong-2__container {
    display: flex;
    justify-content: space-around;
}

.s-strong-2__container>div {
    position: relative;
    width: 100%;
}

.s-strong-2__item {
    width: 130px;
    height: 130px;
    background: #F2F2F2;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.s-strong-2__item svg {
    position: relative;
    top: 24px;
}

.s-strong-2__item_image-1:before {}

.s-strong-2__item_image-2:before {}

.s-strong-2__item_image-3 svg {
    top: 31px;
}

.s-strong-2__item_image-4 svg {
    top: 31px;
}

.s-strong-2__item-title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
    height: 55px;
}

.s-strong-2__item-description {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
}


/* end s-strong */


/* s-strong-3 */

.s-strong-3 {
    margin: 30px 0 50px 0;
}

.s-strong-3__container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

.s-strong-3__container>div {
    position: relative;
    width: 33%;
    margin: 30px 0;
}

.s-strong-3__item {
    width: 130px;
    height: 130px;
    background: #F2F2F2;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.s-strong-3__item svg {
    position: relative;
    top: 24px;
}

.s-strong-3__item_image-5 svg {
    top: 36px;
}

.s-strong-3__item-title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
    height: 40px;
}

.s-strong-3__item-description {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
}


/* end s-strong */


/* s-strong-4 */

.s-strong-4 {
    margin: 60px 0 60px 0;
}

.s-strong-4__container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

.s-strong-4__container>div {
    position: relative;
    width: 100%;
}

.s-strong-4__item {
    width: 130px;
    height: 130px;
    background: #F2F2F2;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.s-strong-4__item svg {
    position: relative;
    top: 24px;
}

.s-strong-4__item_image-3 svg {
    top: 31px;
}

.s-strong-4__item_image-4 svg {
    top: 31px;
}

.s-strong-4__item-title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
    height: 55px;
}

.s-strong-4__item-description {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #4A4A4A;
    margin: 15px 0;
}


/* end s-strong-4 */


/* s-ws-equipment */

.s-ws-equipment {
    background: #CFECF2;
}

.s-ws-equipment__container {
    height: 660px;
}


/* end s-ws-equipment */


/* s-m-ws-equipment */

.s-m-ws-equipment {
    background: #b0eef4;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 40px 0 0 0;
    display: none;
    position: relative;
}

.s-m-ws-equipment img {
    width: 100%;
    max-width: 320px;
    margin: 50px 0 50px 0;
}

.s-m-ws-equipment__block-1 {
    position: absolute;
    top: 96px;
    left: calc(50% - 150px);
    width: 300px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
}

.s-m-ws-equipment__block-2 {
    position: absolute;
    top: 106px;
    left: calc(50% + 50px);
    width: 300px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
}

.s-m-ws-equipment__block-3 {
    position: absolute;
    top: 336px;
    left: calc(50% - 114px);
    width: 300px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
}

.s-m-ws-equipment__block-4 {
    position: absolute;
    top: 336px;
    left: calc(50% - 0px);
    width: 300px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
}

.s-m-ws-equipment__container {
    height: 300px;
}


/* end s-m-ws-equipment */


/* s-test-video-moller */

.s-test-video-moller {
    text-align: center;
    background: #074165;
}

.s-test-video-moller>.container {
    background: url(../images/main/bg-test-moller.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 0 50px 0;
}

.s-test-video-moller__video {
    height: 305px;
    width: calc(100% - 30px);
    max-width: 545px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
    margin: 0 auto;
}

.s-test-video-moller_qunell {
    background: #548e27;
    margin: 0 0 60px 0;
}

.s-test-video-moller_qunell>.container {
    background: url(../images/main/bg-test-qunell.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/* end s-test-video-moller */


/* s-series-moller */

.s-series-moller {
    background: #219CE9 url(../images/main/bg-cristal-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.s-series-moller__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 -15px;
}

.s-series-moller__container>div {
    width: 100%;
    max-width: 430px;
    margin: 20px 15px;
}

.s-series-moller__item-header {
    background: #21AAE2;
}

.s-series-moller__item-image {
    background: #21AAE2;
    width: 100%;
    max-width: 430px;
}

.s-series-moller__title {
    background: #21AAE2;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 41px;
    color: #FFFFFF;
    padding: 20px;
}

.s-series-moller__info-table {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.s-series-moller__info-table>div {
    margin: 3px 0;
}

.s-series-moller__info {
    background: #39B7EB;
}

.s-series-moller__info-left {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    width: 60%;
}

.s-series-moller__info-right {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    color: #FFFFFF;
    width: 40%;
}


/* end s-series-moller */


/* s-decor-moller */

.s-decor-moller {
    background: #EAEEEF;
}

.s-decor-moller__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.s-decor-moller__title-underline {
    position: relative;
    color: #219CE9;
}


/*
    .s-decor-moller__title-underline:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        border-bottom: 1px #219CE9 solid;
    }*/

.s-decor-moller__container>div {
    text-align: center;
    width: 170px;
    margin: 0 12px 30px 12px;
    background: #fff;
    padding: 0 0 20px 0;
    position: relative;
}

.s-decor-moller__container img {
    width: 100%;
    max-width: 170px;
}

.s-decor-moller__item-hr {
    border: 0;
    border-top: 2px #219CE9 solid;
    width: 50px;
    margin: 0px auto 15px auto;
}

.s-decor-moller__container-hr {
    border: 0;
    border-top: 2px dotted #BCBDC1;
    width: 100%;
    margin: 30px 0 0 0;
}

.s-decor-moller__item-title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #231F20;
}

.s-decor-moller__imprint::before {
    content: '';
    position: absolute;
    width: 61px;
    height: 61px;
    background: url(../images/main/imprint.png);
    display: block;
    left: 0;
    bottom: 60px;
}

.s-decor-moller__container_s40 {
    margin: 0;
    justify-content: center;
}

.s-decor-moller__container_s40>div {
    width: 220px;
    margin: 0 35px 60px 35px;
    padding: 0 0 20px 0;
}

.s-decor-moller__container_s40 img {
    max-width: 210px;
    margin: 20px 0;
}

.s-decor-moller__container_s40 .s-decor-moller__imprint::before {
    left: 15px;
}


/* end s-decor-moller */


/* s-decor-qunell */

.s-decor-qunell {
    background: #EAEEEF;
    padding: 0 0 40px 0;
}

.s-decor-qunell__container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    justify-content: center;
}

.s-decor-qunell__title-underline {
    position: relative;
    color: #219CE9;
    text-decoration: underline;
}

.s-decor-qunell__container>div {
    text-align: center;
    width: 210px;
    margin: 0 15px 30px 15px;
    background: #fff;
    padding: 10px 10px 20px 10px;
    position: relative;
}

.s-decor-qunell__container img {
    width: 100%;
    max-width: 210px;
}

.s-decor-qunell__item-hr {
    border: 0;
    border-top: 2px #7A9E33 solid;
    width: 50px;
    margin: 15px auto 20px auto;
}

.s-decor-qunell__container-hr {
    border: 0;
    border-top: 2px dotted #BCBDC1;
    width: 100%;
    margin: 30px 0 0 0;
}

.s-decor-qunell__item-title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #231F20;
    margin: 0 30px;
}

.s-decor-moller__imprint::before {
    content: '';
    position: absolute;
    width: 61px;
    height: 61px;
    background: url(../images/main/imprint.png);
    display: block;
    left: 0;
    bottom: 60px;
}

.s-decor-qunell__container_s40 {
    margin: 0 -35px;
    justify-content: center;
}

.s-decor-qunell__container_s40>div {
    width: 230px;
    margin: 0 35px 70px 35px;
    padding: 0 0 20px 0;
}

.s-decor-qunell__container_s40 img {
    max-width: 210px;
}

.s-decor-qunell__container_s40 .s-decor-qunell__imprint::before {
    left: 15px;
}

.s-m-decor-qunell {
    display: none;
    background: #EAEEEF;
}

.s-m-decor-qunell .s-decor-qunell__container>div {
    text-align: center;
    width: 100%;
    max-width: 295px;
    margin: 0 15px 30px 15px;
    background: #fff;
    padding: 10px 10px 20px 10px;
    position: relative;
}

.s-m-decor-qunell .s-decor-qunell__container img {
    width: 100%;
    max-width: 265px;
}

.s-m-decor-qunell .s-decor-qunell__item-hr {
    border-top: 2px #7A9E33 solid;
}


/* end s-decor-qunell */


/* s-size-qunell */

.s-size-qunell {
    background: url(../images/size-qunell/bg-green.png);
    background-size: cover;
}

.s-size-qunell__container {
    position: relative;
    width: 720px;
    height: 620px;
    margin: 0 auto;
}

.s-size-qunell__left {
    background: url(../images/main/calc-window.png);
    width: 495px;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
}

.s-size-qunell__right {
    background: url(../images/size-qunell/size.png);
    width: 310px;
    height: 340px;
    position: absolute;
    top: 112px;
    left: 390px;
}


/* end s-size-qunell */


/* s-catalog-link-moller */

.s-catalog-link-moller {
    background: #219CE9 url(../images/main/bg-cristal-blue.png);
    padding: 30px 0;
}

.s-catalog-link-moller__title {
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 20px 0;
}

.s-catalog-link-moller__middle-block {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    padding: 16px;
    width: auto;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    max-width: 510px;
}

.s-catalog-link-moller__middle-block>* {
    width: 50%;
    text-align: center;
}

.s-catalog-link-moller__link {
    background: #FFD349;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    transition: .3s;
}

.s-catalog-link-moller__link:hover {
    background: #ffe79b;
}

.s-catalog-link-moller__image {
    width: 100%;
    max-width: 225px;
    padding: 10px 0;
}

.s-catalog-link-moller_qunell {
    background: url(../images/main/bg-cristal-green.png);
}

.s-m-catalog {
    display: none;
}


/* end s-catalog-link-moller */


/* s-region-app*/

.s-region-app {
    position: relative;
}

.s-region-app__svg-door {
    position: absolute;
    left: 0;
    top: 0;
}

.s-region-app__h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 34px;
    color: #A5C600;
    text-align: center;
    text-transform: uppercase;
    top: -20px;
    position: relative;
    margin: 0 0 50px 0;
}

.s-region-app__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 -15px;
}

.s-region-app__container>div {
    width: 100%;
    max-width: 570px;
    margin: 20px 15px;
    position: relative;
}

.s-region-app__svg-door {
    position: absolute;
    top: 181px;
    left: calc(50% - 55px);
    border-radius: 50%;
    width: 110px;
    height: 110px;
    background: #F2F2F2;
    text-align: center;
    line-height: 161px;
    z-index: 4;
}

.s-region-app__svg-door>svg {}

.s-region-app__item-header>img {
    border: 2px solid #6baa1b;
    box-sizing: border-box;
}

.s-region-app__info-left {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    width: 50%;
}

.s-region-app__info-right {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    color: #FFFFFF;
    width: 50%;
}

.s-region-app__title {
    position: absolute;
    bottom: 80px;
    background: linear-gradient( 90deg, #6BAA1B 50%, rgba(107, 170, 27, 0) 90.12%);
    display: block;
    width: 100%;
    padding: 15px 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}


/* end s-region-app */


/* s-footer-map */

.s-footer-map {
    background: #D3F0F9;
    padding: 0px 0 40px 0;
    position: relative;
}

.s-footer-map__middle-block {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    padding: 16px 40px;
    width: auto;
    margin: 10px auto 0 auto;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    max-width: 970px;
}

.s-footer-map__middle-block>* {
    text-align: center;
    margin: 0 15px;
}

.s-footer-map__link {
    background: #FFD349;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #4A4A4A;
    display: inline-block;
    padding: 13px 20px;
    text-decoration: none;
    transition: .3s;
    box-sizing: border-box;
}

.s-footer-map__link:hover {
    background: #ffe79b;
}

.s-footer-map__image {
    width: 100%;
    max-width: 225px;
}

.s-footer-map_qunell {
    background: url(../images/main/bg-cristal-green.png);
}

.s-footer-map__map {
    width: 100%;
    max-width: 837px;
    margin: 0 auto;
    display: block;
}

.s-footer-map__logo {
    position: absolute;
    top: 0;
    left: calc(50% - 460px);
    text-align: center;
}

.s-footer-map__logo>img {
    width: 100%;
    max-width: 920px;
}


/* end s-footer-map */


/* radio buttons */

.window-calc__radio-buttons {
    display: flex;
    margin: 0 -10px 15px -10px;
    width: 100%;
}

.window-calc__radio-buttons>label {
    margin: 0 10px;
}

.window-calc__radio-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.window-calc__radio-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.window-calc__radio-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px #C4C4C4 solid;
    box-sizing: border-box;
}

.window-calc__radio-label:hover input~.checkmark {
    border: 2px solid #1F97E3;
    box-sizing: border-box;
}

.window-calc__radio-label input:checked~.checkmark {
    border: 2px solid #1F97E3;
    box-sizing: border-box;
}

.window-calc__radio-label input:checked~.checkmark::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: #1F97E3;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 50%;
}

.window-calc__radio-label input:checked~.checkmark:after {
    display: block;
}

.window-calc__radio-label .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.window-calc__radio-label .radio-title {
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    min-width: 80px;
    display: block;
}

.window-calc__radio-label input:checked+.radio-title {
    font-weight: bold;
}

[data-label-type] {
    display: none;
}

[data-label-type].show {
    display: block;
}


/* end radio buttons */


/* m-s-header */

.m-s-header {
    display: none;
    /* background: url(../images/mobile/bg-header.png); */
    background: url(../images/slider/slider-image-1.png);
    background-position: calc(100% + 200px) bottom;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.blockTbmmarket .m-s-header {
    background: url(../images/slider/slider-wholesale-image-2.png);
    background-position: calc(100% + 650px) bottom;
    background-size: cover;
}

.m-s-header__logo {
    height: 320px;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    background: linear-gradient( 183deg, rgba(255, 255, 255, 0.95) 38.02%, rgba(255, 255, 255, 0) 100%);
    text-align: center;
    padding: 15px 15px 0 15px;
}

.m-s-header__logo-image {
    width: 100%;
    max-width: 290px;
}


/* end m-s-header */

.owl-calc-window {
    width: calc(100% - 60px);
    margin: 0 auto !important;
}

.owl-calc-window.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.owl-calc-window.owl-carousel .owl-stage-outer {
    height: 71px;
}

.owl-calc-window button.owl-prev {
    position: absolute;
    left: -50px;
    top: calc(50% - 28px);
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    width: 30px;
    height: 50px;
}

.owl-calc-window button.owl-prev::after {
    background: url(../images/mobile/icon-arrow.png);
    content: '';
    width: 17px;
    height: 30px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
}

.owl-calc-window button.owl-next {
    position: absolute;
    right: 0;
    top: calc(50% - 28px);
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    width: 30px;
    height: 50px;
}

.owl-calc-window button.owl-next::after {
    background: url(../images/mobile/icon-arrow.png);
    content: '';
    width: 17px;
    height: 30px;
    display: block;
    position: absolute;
    left: 15px;
    top: 9px;
    transform: rotate(180deg);
}

.owl-calc-window .owl-dots {
    display: none;
}


/* tabs */

.tabs {
    max-width: 700px;
    margin: 0 0 30px;
    display: none;
}

.tabs .tabs__caption {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    margin: 0 -10px 0 -10px;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
}

.tabs__caption li:last-child:before {
    /*  content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: -2px;
    z-index: -1;
    height: 5px;
    background: #7DCA86;*/
}

.tabs__caption:after {
    content: '';
    display: table;
    clear: both;
}

.tabs .tabs__caption li {
    color: #4A4A4A;
    background: #FFFFFF;
    border: 2px solid #fff;
    box-sizing: border-box;
    /*box-shadow: 0px 2px 4px rgb(31 151 227 / 50%);*/
    border-radius: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: block;
    width: calc(33.3% - 10px);
    margin: 5px 5px;
    box-sizing: border-box;
}

.tabs .tabs__caption li>div {
    border: 2px solid #C4C4C4;
    border-radius: 5px;
}

.tabs .tabs__content-text {
    display: flex;
    height: 38px;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    text-align: center;
    width: 100%;
}

.tabs .tabs__content-text>div {
    width: 100%;
}

.tabs .tabs__caption li:not(.active) {
    cursor: pointer;
}

.tabs .tabs__caption li:not(.active):hover {
    border: 2px solid #02B9F7;
    color: #02B9F7;
}

.tabs .tabs__caption li:not(.active):hover>div {
    border: 2px solid #02B9F7;
    color: #02B9F7;
}

.tabs .tabs__caption .active {
    border: 2px solid #02B9F7;
    color: #02B9F7;
}

.tabs .tabs__caption .active>div {
    border: 2px solid #02B9F7;
    color: #02B9F7;
}

.tabs .tabs__caption .active:after {
    /* content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    background: #FFF;
    color: #02B9F7;*/
}

.tabs .tabs__content {
    display: none;
    margin: 10px 0;
}

.tabs .tabs__content.active {
    display: block;
}

.tabs .vertical .tabs__caption {
    float: left;
    display: block;
}

.tabs .vertical .tabs__caption li {
    float: none;
    border-width: 2px 0 2px 2px;
    border-radius: 5px 0 0 5px;
}

.tabs .vertical .tabs__caption li:last-child:before {
    display: none;
}

.tabs .vertical .tabs__caption .active:after {
    left: auto;
    top: 0;
    right: -2px;
    bottom: 0;
    width: 2px;
    height: auto;
}

.tabs .vertical .tabs__content {
    overflow: hidden;
}

.tabs .owl-calc-window button.owl-prev {
    top: calc(50% - 44px);
}

.tabs .owl-calc-window button.owl-next {
    top: calc(50% - 44px);
    right: -32px;
}


/* end tabs */


/* video */

.video__block {
    padding: 0 15px;
}

.video__block video {
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
    width: 100%;
    max-width: 530px;
}


/* end video */

.mfp-bottom-bar {
    display: none;
}

#calcColors {
    border: 1px #cecece solid;
    padding: 5px 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.colors-table {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
}

.colors-table td {
    width: 50%;
    padding: 3px 0px 3px 0px;
    vertical-align: middle;
}

.colors-table tr>td:nth-child(2) {
    font-style: italic;
}

.colors-table tbody>tr:nth-child(1)>td {
    padding-bottom: 15px;
}


/* Modal */

.modal-content {
    width: 420px;
    border-radius: 0;
    margin: 0 auto;
}

.modal .close {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    background: url("../images/main/close_icon.png") no-repeat center;
    background-size: auto;
    cursor: pointer;
    border: 1px solid #3c8b92;
}

.modal-content .modal-header {
    border-bottom: none;
}

.modal .modal-title {
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
    display: block;
}

.modal .modal-body fieldset {
    padding: 0 20px 15px 20px;
}

.modal .modal-body form label {
    display: block;
    position: relative;
    cursor: pointer;
}

.modal .modal-body form span.form-error {
    height: 82px;
    width: 240px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 8px;
    right: -318px;
    font-size: 14px;
    padding: 10px 23px;
    font-weight: 500;
}

.modal .modal-body form span.form-error-arrow {
    width: 0;
    height: 0;
    border: 41px solid transparent;
    border-right-color: #fff;
    border-left: 0;
    right: -78px;
    top: 8px;
    position: absolute;
}

.modal .modal-body form span.form-error-border {
    display: block;
    position: absolute;
    width: 344px;
    height: 30px;
    border: 2px solid red;
    top: 34px;
    left: 2px;
}

.modal .modal-body form .textarea span.form-error-border {
    height: 91px;
}

.modal .modal-body form img.error-image {
    position: absolute;
    right: -95px;
    top: 35px;
}

.modal .modal-body form .lbl {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

.modal .modal-body form label input {
    border-radius: 0;
    outline: none;
    border: 1px solid #cecece;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
}

.modal .modal-body form label input.input_text {
    height: 35px;
    display: inline-block;
    font-size: 15px;
    padding-left: 15px;
    width: 185px;
}

.modal .modal-body form label .upload_wrap {
    display: inline-block;
    margin-top: 10px;
    float: right;
}

.modal .modal-body form label .upload {
    width: 150px;
    height: 35px;
    background: url("/img/icon/modal/clip_icon.png") no-repeat 14% 50%;
    background-color: #3b8b92;
    border: none;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    text-align: right;
    padding-right: 13px;
    padding-top: 5px;
    position: relative;
    cursor: pointer;
}

.modal .modal-body form label .upload:hover {
    background-color: #43afb8;
    -webkit-transition: 0.4s all 0s;
    transition: 0.4s all 0s;
}

.modal .modal-body form label .upload:active {
    background-color: #006e78;
}

.modal .modal-body form label .upload span {
    cursor: pointer;
}

.modal .modal-body form label .upload input.add_file {
    display: block !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: -27px 0 0 0;
    cursor: pointer;
    font-size: 100px;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
}

.modal .modal-body form label input.ourMail {
    width: 100%;
    height: 35px;
    color: #1c98a4;
    padding-left: 20px;
    font-weight: 500;
}

.modal .modal-body form label select {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    height: 35px;
    border: 1px solid #cecece;
    color: black;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
}

.modal .modal-body form label input::-webkit-input-placeholder,
.modal .modal-body form label input::-moz-placeholder,
.modal .modal-body form label input:-moz-placeholder,
.modal .modal-body form label input:-ms-input-placeholder {
    font-size: 18px;
    font-weight: 500;
    color: #cecece;
}

.modal .modal-body form .more_files {
    font-size: 13px;
    text-decoration: underline;
    color: #1c98a4;
    display: inline-block;
    vertical-align: middle;
    margin-top: -38px;
}

.modal .modal-body form span.plus {
    display: inline-block;
    color: #797979;
    text-decoration: none;
    margin-top: -38px;
    vertical-align: middle;
    margin-right: 5px;
}

.modal .modal-body form textarea {
    width: 100%;
    height: 95px;
    border-radius: 0;
    border: 1px solid #cecece;
    margin-top: 10px;
    margin-bottom: 15px;
}

.modal .modal-body .comment {
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.modal .modal-body button.submit {
    display: block;
    padding: 10px 25px;
    background-color: #3b8b92;
    border: none;
    border-radius: 0;
    color: #fff;
    margin: 20px auto 0 auto;
}

.modal .modal-body button.success {
    margin: 0 auto 20px auto;
}

#success .modal-dialog {
    margin-top: 200px;
}

.modal .modal-body button.submit:hover {
    background-color: #43afb8;
    -webkit-transition: 0.4s all 0s;
    transition: 0.4s all 0s;
}

.modal .modal-body button.submit:active {
    background-color: #006e78;
}

.modal .hidden-item {
    padding-left: 0;
    color: #111;
}

#calculation .add_file_wrap.add_file_wrap-second {
    display: none;
}

.registration_wrap {
    position: relative;
}

#registration-modal {
    position: absolute;
    background: #fff;
    top: 42px;
    right: 0;
    z-index: 1050;
    width: 420px;
    border: none;
    padding: 30px;
}

#registration-modal .registration-modal_wrap .modal-close {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 25px;
    right: 30px;
    background: url("../images/main/close_icon.png") no-repeat center;
    background-size: auto;
    cursor: pointer;
    border: 1px solid #3c8b92;
}

.modal .close:hover,
#registration-modal .registration-modal_wrap .modal-close:hover {
    border: 1px solid #ff4f08;
    background: url("../images/main/close_icon_hover.png") no-repeat center;
    -webkit-transition: 0.4s all 0s;
    transition: 0.4s all 0s;
}

.modal .close:active,
#registration-modal .registration-modal_wrap .modal-close:active {
    border: 1px solid #78cfd8;
    background: url("../images/main/close_icon_click.png") no-repeat center;
    background-color: #78cfd8;
}

#registration-modal .registration-modal_wrap .enter_private_header_text {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 24px;
    display: block;
}

#registration-modal .registration-modal_wrap p {
    font-size: 13px;
    color: #7d7d7d;
    letter-spacing: 1px;
    margin-bottom: 25px;
    line-height: 20px;
}

#registration-modal .registration-modal_wrap form .lbl {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}

#registration-modal .registration-modal_wrap form input {
    width: 355px;
    height: 34px;
    outline: none;
    border-radius: 0;
}

#registration-modal .registration-modal_wrap .lbl_pass {
    position: relative;
}

#registration-modal .registration-modal_wrap .lbl_pass .forget-pass-a {
    position: absolute;
    right: 20px;
    top: 38px;
}

#registration-modal .registration-modal_wrap .lbl_pass .forget-pass-a a {
    font-size: 15px;
    font-weight: 500;
    color: #5da8af;
}

#registration-modal .registration-modal_wrap form .enter-btn {
    margin-top: 20px;
    width: 140px;
    height: 42px;
    background-color: #3b8b92;
    color: #fff;
    border-radius: 0;
    border: none;
    font-size: 18px;
}

#registration-modal .registration-modal_wrap form .enter-btn:hover {
    background-color: #43afb8;
    -webkit-transition: 0.4s all 0s;
    transition: 0.4s all 0s;
}

#registration-modal .registration-modal_wrap form .enter-btn:active {
    background-color: #006e78;
}

#registration-modal .registration-modal_wrap form .to_registration {
    font-size: 15px;
    color: #5da8af;
    margin-left: 45px;
}

.registration-modal_wrap span[data-out="context-error"] {
    color: red;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.modal .modal-body form label {
    display: block;
    position: relative;
}

.b-checkbox__wrap {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #dedede;
    top: 5px;
}

.modal .modal-body form label input {
    border-radius: 0;
    outline: 0;
    border: 1px solid #cecece;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
}

.b-checkbox__tick {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
}

.b-checkbox__tick:after,
.b-checkbox__tick:before {
    content: "";
    position: absolute;
    display: none;
    background-color: #ff7900;
}

.b-checkbox__tick:before {
    top: 7px;
    left: 2px;
    width: 4px;
    height: 5px;
    transform: skewY( 45deg) scaleX(1.1);
}

.b-checkbox__tick:after {
    top: 5px;
    left: 6px;
    width: 8px;
    height: 5px;
    transform: skewY( -45deg);
}

.b-checkbox__input:checked+.b-checkbox__tick:after,
.b-checkbox__input:checked+.b-checkbox__tick:before {
    display: block;
}

.modal a {
    color: #337ab7;
    text-decoration: none;
}

.modal a:hover {
    color: #337ab7;
    text-decoration: underline;
}

.modal .modal-title {
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
    display: block;
    width: 100%;
}

.field-invalid {
    border: 1px #ff0000 solid !important;
}

.form-hide {
    display: none;
}

.cost-one__calc-form .msg {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    line-height: 24px;
}

.msg.form-hide-w {
    color: #f0c320;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}


/* end modal */


/* media */

@media all and (max-width: 1250px) {
    .window-calc__images ul>li {
        margin: 0 7px;
    }
}

@media all and (max-width: 1150px) {
    .window-calc__view-container {
        position: relative;
        width: 200px;
        height: 490px;
        margin: 10px 0 0 0;
        transform: scale(.7);
    }
    .window-calc__images ul>li {
        margin: 0 0px;
    }
}

@media all and (max-width: 970px) {
    .s-consist-qunell__left-bg {
        background: url(../images/otkos-system-qunell/left.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 667px;
        background-size: 400px;
    }
    .s-consist-qunell__description {
        height: 76px;
    }
}

@media all and (max-width: 800px) {
    .s-header,
    .s-slider,
    .s-footer-map,
    .s-choice,
    .s-photo-slope,
    .s-size-qunell,
    .s-strong-4,
    .s-design-moller,
    .s-photo-ws,
    .s-strong,
    .s-moller-info,
    .s-ws-equipment,
    .s-about-ws,
    .s-strong-2,
    .s-strong-3,
    .s-about-slope,
    .s-catalog,
    .s-decor-qunell,
    .s-consist-qunell,
    .window-calc__btn-save-project {
        display: none;
    }
    .s-m-info,
    .s-m-ws-equipment,
    .s-m-about-ws,
    .s-m-strong,
    .s-m-catalog,
    .s-m-decor-qunell,
    .s-m-consist-qunell {
        display: block;
    }
    .title__h2 {
        font-size: 20px;
        line-height: 27px;
        padding: 20px 0;
    }
    .m-s-header {
        display: block;
    }
    .owl-color-decidion {
        padding: 0px 0;
        height: auto;
        max-height: 200px;
    }
    .calculate {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .calculate-flex {
        flex-direction: column;
    }
    .calculate-flex>div {
        width: 100%;
    }
    .window-calc__view-description {
        display: none;
    }
    .window-calc__view-container {
        width: 100%;
        transform: scale(.8);
        height: 555px;
        margin: 0;
        margin: -75px auto 0 auto;
        left: -57px;
    }
    .window-calc__calc-line {
        display: none;
    }
    .tabs {
        display: block;
    }
    .s-series-moller__info {
        display: none;
    }
    .s-series-moller__title {
        font-size: 20px;
        line-height: 27px;
    }
    .s-decor-moller__container {
        justify-content: center;
    }
    .s-decor-moller__container>div {
        width: calc(50% - 10px);
        margin: 0 5px 10px 5px;
        padding: 0 0 20px 0;
    }
    .s-decor-moller__container_s40 {
        margin: 0;
    }
    .s-decor-moller__container_s40>div {
        width: 100%;
        max-width: 240px;
    }
    .s-catalog-link-moller__title {
        font-size: 20px;
        line-height: 27px;
    }
    .s-catalog-link-moller {
        padding: 30px 20px;
    }
    .s-catalog-link-moller__middle-block>* {
        width: 100%;
    }
    .s-m-consist-qunell .container {
        padding: 0;
    }
    .s-m-consist-qunell__container>div:nth-child(1) {
        width: 80px;
    }
    .s-m-consist-qunell__container>div:nth-child(2) {
        background: #fff;
    }
    .s-m-consist-qunell__right-image {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .s-region-app__svg-door {
        display: none;
    }
    .s-region-app__h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
        text-transform: lowercase;
        color: #A5C600;
        margin: 0;
    }
    .s-region-app__container>div {
        width: calc(100% - 20px);
        position: relative;
    }
    .s-region-app__item-header>img {
        width: 100%;
        max-width: 570px;
    }
    .s-region-app__title {
        bottom: 40px;
        padding: 4px 20px;
    }
    .owl-color-decidion .item>img {
        max-width: 290px;
        margin: 0 auto;
    }
    .window-calc__image-info {
        display: none;
    }
    .s-decor-moller__container_s40 img {
        margin: 0;
    }
    .calculate-flex>div:nth-child(1) {
        width: 100%;
    }
    .calculate-flex>div:nth-child(2) {
        width: 100%;
    }
    .modal-content {
        width: 320px;
        border-radius: 0;
        margin: 0 auto;
    }
    .modal-body {
        padding: 0;
    }
    .modal .modal-body fieldset {
        padding: 0 10px 15px 10px;
    }
}

@media all and (max-width: 400px) {
    .window-calc__view-container {
        transform: scale(.7);
        height: 505px;
        margin: -95px auto 0 auto;
        left: -66px;
    }
}


/* end media */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .s-consist-qunell__right-grid {
        display: -ms-grid;
        -ms-grid-columns: 80px 1fr;
    }
    .s-consist-qunell__right-grid>div:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        padding: 0 10px 0 0;
    }
    .s-consist-qunell__right-grid>div:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-row: 1;
    }
    .s-consist-qunell__right-grid>div:nth-child(3) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        font-size: 14px;
        margin: 22px 0 0 0;
        min-height: 53px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .s-m-info_qunell .s-m-info__right-el,
    .s-m-info__right-el,
    .s-moller-info__right-el {
        display: none;
    }
    .tabs .owl-calc-window button.owl-next {
        right: -30px;
    }
    .s-m-info__left {
        width: 50%;
    }
    .s-m-info__right {
        width: 50%;
    }
    .window-calc__view-image-1 {
        left: 53px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active),
(max-width: 800px) {
    .s-m-consist-qunell__container>div:nth-child(1) {
        width: 110px;
    }
    .s-m-consist-qunell__container>div:nth-child(2) {
        width: calc(100% - 110px);
    }
    .s-m-consist-qunell__right-grid {
        margin: 0px 0 10px 0px;
    }
    .s-m-consist-qunell__description {
        min-height: 46px;
    }
}

@-moz-document url-prefix() {
    .s-moller-info__right-el,
    .s-m-info__right-el {
        display: none;
    }
}