.landing-washing-wrapper,
.landing-washing-wrapper *,
.landing-washing-wrapper *::before,
.landing-washing-wrapper *::after {outline:none; box-sizing:border-box; font-family:Roboto, sans-serif; letter-spacing:0}

.landing-washing-wrapper {background:#FFFFFF; position:relative; overflow:hidden; width:100%; padding:0 0 125px 0}

@media (max-width:1167px) {
    .landing-washing-wrapper {padding:0 0 40px 0}
}

.landing-washing-container {margin:0 auto; max-width:1168px; width:100%}

@media (max-width:1167px) {
    .landing-washing-container {padding:0 10px}
}

.landing-washing-welcome {height:460px; display:flex; align-items:center; background:url(../img/landing-washing-welcome.png) no-repeat center; background-size:cover; position:relative}
.landing-washing-welcome::before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient(90deg, rgba(221, 221, 221, 0.98) 34.55%, rgba(226, 226, 227, 0) 48.94%)}
.landing-washing-welcome .landing-washing-container {position:relative}
.landing-washing-welcome-title {font-size:36px; line-height:1.2em; color:#0A91D1; font-weight:normal}
.landing-washing-welcome-text {margin:24px 0 0 0; max-width:400px; font-weight:normal; font-size:18px; line-height:1.4em; color:rgba(0, 0, 0, 0.8)}
.landing-washing-welcome-btn {margin:24px 0 0 0}
.landing-washing-welcome-btn a {display:flex; width:200px; height:49px; align-items:center; justify-content:center; font-weight:normal; text-decoration:none; font-size:18px; line-height:1.4em; color:#FFFFFF; background:#0A91D1; border:1px solid #0A91D1; border-radius:4px; transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out}
@media (min-width:1168px) {
    .landing-washing-welcome-btn a:hover {background:#FFFFFF; color:#0A91D1}
}

@media (max-width:1167px) {
    .landing-washing-welcome {height:529px; padding:10px 0 0 0; align-items:stretch; text-align:center; background:url(../img/landing-washing-welcome-mobile.png) no-repeat center top; background-size:auto 460px}
    .landing-washing-welcome::before {display:none}
    .landing-washing-welcome .landing-washing-container {display:flex; flex-direction:column}
    .landing-washing-content {background:#FFFFFF; padding:15px; border-radius:10px}
    .landing-washing-welcome-title {font-size:24px; line-height:1.2em}
    .landing-washing-welcome-text {margin:10px 0 0 0; max-width:none; font-size:16px; line-height:1.4em; color:#000000}
    .landing-washing-welcome-btn {flex-grow:1; display:flex; align-items:flex-end}
    .landing-washing-welcome-btn a {width:100%}
}

.landing-washing-menu {display:flex; margin:20px 0 0 0; align-items:center; justify-content:center; font-weight:normal; font-size:18px; line-height:1.4em; color:rgba(67, 82, 90, 0.8)}
.landing-washing-menu span {min-width:1px; max-width:1px; height:25px; background:#DCDCDC; margin:0 60px}
.landing-washing-menu a {color:rgba(67, 82, 90, 0.8); text-decoration:none; transition:color 0.3s ease-in-out}
@media (min-width:1168px) {
    .landing-washing-menu a:hover {color:rgba(67, 82, 90, 1); text-decoration:underline}
}

@media (max-width:1167px) {
    .landing-washing-menu {display:none}
}

.landing-washing-section {margin:80px 0 0 0}
.landing-washing-section-title {font-weight:normal; font-size:36px; line-height:1.2em; color:#000000; text-align:center}
.landing-washing-section-anonce {margin:20px 0 0 0; font-weight:normal; font-size:18px; line-height:1.4em; color:rgba(0, 0, 0, 0.8); text-align:center}

@media (max-width:1167px) {
    .landing-washing-section {margin:40px 0 0 0}
    .landing-washing-section-title {font-size:24px; line-height:1.2em}
    .landing-washing-section-anonce {font-size:14px; line-height:1.4em}
    .landing-washing-section-anonce br {display:none}
}

.landing-washing-video {margin:40px 0 0 0; padding:56.25% 0 0 0; position:relative; overflow:hidden; border-radius:8px}
.landing-washing-video-play {position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:url(../img/landing-washing-video-preview.jpg) no-repeat center; background-size:cover}
.landing-washing-video-play::before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.4)}
.landing-washing-video-play svg {width:120px; height:120px; fill:#FFFFFF; transition:fill 0.2s; position:relative}
@media (min-width:1168px) {
    .landing-washing-video-play:hover svg {fill:#0A91D1}
}
.landing-washing-video video {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:8px}

@media (max-width:1167px) {
    .landing-washing-video-play svg {width:48px; height:48px}
}

.landing-washing-advantages-list {margin:40px -10px 0 -10px; display:flex}
.landing-washing-advantages-item {min-width:calc(33.33% - 20px); max-width:calc(33.33% - 20px); margin:0 10px; border:1px solid #0A91D1; border-radius:8px; padding:8px}
.landing-washing-advantages-item-photo img {display:block; width:100%; border-radius:6px}
.landing-washing-advantages-item-title {margin:15px 5px 0 5px; font-weight:normal; font-size:24px; line-height:1.25em; color:#0A91D1}
.landing-washing-advantages-item-text {margin:5px; font-weight:normal; font-size:18px; line-height:1.4em; color:rgba(0, 0, 0, 0.8)}

@media (max-width:1167px) {
    .landing-washing-advantages-list {margin:40px -10px 0 -10px}
    .landing-washing-advantages-item {margin:0 5px; min-width:260px; max-width:260px}
    .landing-washing-advantages-item-title {font-size:20px; line-height:1.25em}
    .landing-washing-advantages-item-text {font-size:14px; line-height:1.4em}
    .landing-washing-advantages-list ul.slick-dots {display:flex; position:relative; margin:20px 0 0 0; padding:0; list-style:none; align-items:center; justify-content:center}
    .landing-washing-advantages-list ul.slick-dots li {display:block; margin:0 0 0 15px}
    .landing-washing-advantages-list ul.slick-dots li:first-child {margin:0}
    .landing-washing-advantages-list ul.slick-dots li button {display:block; width:5px; height:5px; border-radius:3px; border:none; background:#84C8E8; margin:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; font-size:0; line-height:0; text-indent:100px; transition:width 0.2s, background 0.2s}
    .landing-washing-advantages-list ul.slick-dots li.slick-active button {width:30px; background:#0A91D1}
}

.landing-washing-design {margin:40px 0 0 0; height:700px; padding:0 0 0 60px; display:flex; flex-direction:column; justify-content:center; position:relative; background:url(../img/landing-washing-design.jpg) no-repeat center; background-size:cover; border-radius:12px}
.landing-washing-design-item {margin:50px 0 0 0; display:flex; align-items:center}
.landing-washing-design-item:first-child {margin:0}
.landing-washing-design-item-point {display:none}
.landing-washing-design-item-icon {display:flex; align-items:center; justify-content:center; width:68px; height:68px; background:#0190D4; border-radius:4px}
.landing-washing-design-item-icon svg {min-width:70px; max-width:70px; height:70px; fill:#FFFFFF; stroke:#FFFFFF}
.landing-washing-design-item-title {margin:0 0 0 20px; font-weight:600; font-size:24px; line-height:1.4em; color:#0A91D1}

@media (max-width:1167px) {
    .landing-washing-design-wrapper {margin:40px -49px 0 -49px; height:332px; background:url(../img/landing-washing-design-mobile.jpg) no-repeat center; background-size:auto 332px}
    .landing-washing-design {margin:0 auto; max-width:320px; height:332px; background:none}
    .landing-washing-design-item {margin:0; display:block}
    .landing-washing-design-item-point {position:absolute; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid #FFFFFF; background:rgba(255, 255, 255, 0.5); border-radius:50%; transition:border-color 0.2s; cursor:pointer; animation-iteration-count:infinite; animation-timing-function:ease-out; animation-name:landing-washing-design-item-point; animation-duration:2s}
    @keyframes landing-washing-design-item-point {
        0% {transform:scale(1)}
        50% {transform:scale(1.5)}
        100% {transform:scale(1)}
    }
    .landing-washing-design-item-1 .landing-washing-design-item-point {left:156px; top:84px}
    .landing-washing-design-item-2 .landing-washing-design-item-point {left:211px; top:84px}
    .landing-washing-design-item-3 .landing-washing-design-item-point {left:85px; top:199px}
    .landing-washing-design-item.active .landing-washing-design-item-point {border-color:#0190D4}
    .landing-washing-design-item-point::after {content:""; width:18px; height:18px; background:#FFFFFF; border-radius:50%; transition:background 0.3s ease-in-out}
    .landing-washing-design-item.active .landing-washing-design-item-point::after {background:#0190D4}
    .landing-washing-design-item-icon {display:none; width:38px; height:38px; position:absolute; z-index:1}
    .landing-washing-design-item.active .landing-washing-design-item-icon {display:flex}
    .landing-washing-design-item-1 .landing-washing-design-item-icon {left:20px; top:18px}
    .landing-washing-design-item-2 .landing-washing-design-item-icon {left:20px; top:18px}
    .landing-washing-design-item-3 .landing-washing-design-item-icon {left:20px; top:276px}
    .landing-washing-design-item.active .landing-washing-design-item-icon {background:#0190D4}
    .landing-washing-design-item-icon svg {min-width:38px; max-width:38px; height:38px}
    .landing-washing-design-item-title {display:none; position:absolute; left:10px; margin:0; padding:8px 10px 8px 58px; background:rgba(255, 255, 255, 0.8); backdrop-filter:blur(2px); border-radius:8px; font-size:15px; line-height:1.3em}
    .landing-washing-design-item-1 .landing-washing-design-item-title {top:10px}
    .landing-washing-design-item-2 .landing-washing-design-item-title {top:10px}
    .landing-washing-design-item-3 .landing-washing-design-item-title {bottom:10px}
    .landing-washing-design-item.active .landing-washing-design-item-title {display:block}
}

.landing-washing-functions-list {margin:40px -10px 0 -10px; display:flex}
.landing-washing-functions-item {min-width:calc(33.33% - 20px); max-width:calc(33.33% - 20px); margin:0 10px; padding:30px; background:#0A91D1; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); border-radius:12px}
.landing-washing-functions-item-icon img {display:block; width:84px}
.landing-washing-functions-item-title {margin:20px 0 0 0; font-weight:normal; font-size:30px; line-height:1.25em; color:#FFFFFF}
.landing-washing-functions-item-text {margin:20px 0 0 0; font-weight:normal; font-size:18px; line-height:1.5em; color:#FFFFFF}

@media (max-width:1167px) {
    .landing-washing-functions-list {margin:40px -10px 0 -10px}
    .landing-washing-functions-list.slick-slider {display:flex; flex-direction:column}
    .landing-washing-functions-list .slick-list {display:flex}
    .landing-washing-functions-list .slick-track {display:flex}
    .landing-washing-functions-list .slick-slide {float:none; display:flex; height:auto}
    .landing-washing-functions-list.slick-initialized .slick-slide {display:flex}
    .landing-washing-functions-list .slick-slide > div {display:flex}
    .landing-washing-functions-item {margin:0 5px; min-width:260px; max-width:260px; padding:15px; display:block !important}
    .landing-washing-functions-item-icon img {width:60px}
    .landing-washing-functions-item-title {font-size:18px; line-height:1.25em}
    .landing-washing-functions-item-text {margin:10px 0 0 0; font-size:14px; line-height:1.5em}
    .landing-washing-functions-list ul.slick-dots {display:flex; position:relative; margin:20px 0 0 0; padding:0; list-style:none; align-items:center; justify-content:center}
    .landing-washing-functions-list ul.slick-dots li {display:block; margin:0 0 0 15px}
    .landing-washing-functions-list ul.slick-dots li:first-child {margin:0}
    .landing-washing-functions-list ul.slick-dots li button {display:block; width:5px; height:5px; border-radius:3px; border:none; background:#84C8E8; margin:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; font-size:0; line-height:0; text-indent:100px; transition:width 0.2s, background 0.2s}
    .landing-washing-functions-list ul.slick-dots li.slick-active button {width:30px; background:#0A91D1}
}

.landing-washing-catalogue-list {margin:40px -10px 0 -10px; position:relative}
.landing-washing-catalogue-item {display:block !important; width:auto !important; margin:0 10px; background:#FFFFFF; border:1px solid #0A91D1; border-radius:12px; padding:24px; text-decoration:none; text-align:center}
.landing-washing-catalogue-preview {display:flex; height:238px; align-items:center; justify-content:center}
.landing-washing-catalogue-preview img {display:block; max-width:100%; max-height:100%}
.landing-washing-catalogue-title {margin:20px 0 0 0; color:#42515A; font-weight:normal; font-size:20px; line-height:1.25em}
.landing-washing-catalogue-btn {margin:20px 0 0 0}
.landing-washing-catalogue-btn span {display:flex; height:49px; align-items:center; justify-content:center; font-weight:normal; text-decoration:none; font-size:18px; line-height:1.4em; color:#FFFFFF; background:#0A91D1; border:1px solid #0A91D1; border-radius:4px; transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out}
@media (min-width:1168px) {
    .landing-washing-catalogue-item:hover .landing-washing-catalogue-btn span {background:#FFFFFF; color:#0A91D1}
}
.landing-washing-catalogue-list .slick-prev,
.landing-washing-catalogue-list .slick-next {min-width:54px; max-width:54px; width:54px; height:54px; position:absolute; top:50%; margin:-27px 0 0 0; display:flex; align-items:center; justify-content:center; border:none; border-radius:50%; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:#FFFFFF; transform:none; opacity:1; transition:background 0.2s; box-shadow:0px 0px 40px rgba(0, 0, 0, 0.1)}
@media (min-width:1168px) {
    .landing-washing-catalogue-list .slick-prev:hover,
    .landing-washing-catalogue-list .slick-next:hover {background:#0A91D1}
}
.landing-washing-catalogue-list .slick-prev {left:-84px}
.landing-washing-catalogue-list .slick-next {right:-84px}
.landing-washing-catalogue-list .slick-prev svg,
.landing-washing-catalogue-list .slick-next svg {display:block; width:30px; height:30px; fill:#1C1B1F; transition:fill 0.2s}
@media (min-width:1168px) {
    .landing-washing-catalogue-list .slick-prev:hover svg,
    .landing-washing-catalogue-list .slick-next:hover svg {fill:#FFFFFF}
}
.landing-washing-catalogue-list ul.slick-dots {display:flex; position:absolute; left:0; right:0; bottom:-45px; margin:0; padding:0; list-style:none; align-items:center; justify-content:center}
.landing-washing-catalogue-list ul.slick-dots li {display:block; margin:0 0 0 15px}
.landing-washing-catalogue-list ul.slick-dots li:first-child {margin:0}
.landing-washing-catalogue-list ul.slick-dots li button {display:block; width:5px; height:5px; border-radius:3px; border:none; background:#84C8E8; margin:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; font-size:0; line-height:0; text-indent:100px; transition:width 0.2s, background 0.2s}
.landing-washing-catalogue-list ul.slick-dots li.slick-active button {width:30px; background:#0A91D1}

@media (max-width:1167px) {
    .landing-washing-catalogue-item {margin:0 5px; min-width:260px; max-width:260px; padding:15px}
    .landing-washing-catalogue-preview {height:230px}
    .landing-washing-catalogue-title {font-size:14px; line-height:1.25em}
    .landing-washing-catalogue-btn span {height:42px; font-size:16px; line-height:1.4em}
    .landing-washing-catalogue-list ul.slick-dots {position:relative; left:auto; right:auto; bottom:auto; margin:20px 0 0 0}
}