:root{
	--black: #161617;
	--darkblue: #010E3E;
	--blue: #476ce0;
	--lightblue: #A0AFE4;
	--softblue: #D9E1FF;
	--pink: #ff004a;
	--bg-softblue: #e3e9f8;
	--grad-soft-blue: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(167,177,211,0) 30%, rgba(57,69,112,0.2) 80%, rgba(1,14,62,.6) 100%);
	--grad-white-blue: linear-gradient(90deg, rgba(222,226,252,1) 0%, rgba(255,255,255,1) 100%);
	--grad-violet: linear-gradient(180deg, rgba(243,198,228,1) 0%, rgba(152,172,241,1) 100%);
	--grad-green: linear-gradient(180deg, rgba(165,255,217,1) 0%, rgba(142,158,243,1) 100%);;
}

@keyframes rotate {
	0%{ transform:rotate(0) }
	100%{ transform:rotate(360deg) }
}

@keyframes rotateReverse {
	0%{ transform:rotate(0) }
	100%{ transform:rotate(-360deg) }
}

@keyframes wave{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	100%,30%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}

@keyframes ring{
	0%,100%,13%,6%{-webkit-transform:rotate(0);-webkit-transform-origin:50% 50%;transform:rotate(0);transform-origin:50% 50%}
	1%,7%{-webkit-transform:rotate(-20deg);-webkit-transform-origin:50% 50%;transform:rotate(-20deg);transform-origin:50% 50%}
	10%,3%{-webkit-transform:rotate(10deg);-webkit-transform-origin:50% 50%;transform:rotate(10deg);transform-origin:50% 50%}
}

@keyframes jump{
	0%,100%,13%,6%{-webkit-transform:translate(0, 0);-webkit-transform-origin:center;transform:translate(0, 0);transform-origin:center}
	1%,7%{-webkit-transform:translate(0, -2px);-webkit-transform-origin:center;transform:translate(0, -2px);transform-origin:center}
	10%,3%{-webkit-transform:translate(0, 2px);-webkit-transform-origin:center;transform:translate(0, 2px);transform-origin:center}
}

@keyframes alertOpen { 
	0%{ transform: scale(1.1); }
	100%{ transform: scale(1); }
}

@keyframes alertTimeover {
	0%{ width: 100%; }
	100%{ width: 0; }
}

@keyframes updown { 
	0%, 100%{ transform: translate(0, 0); }
	50%{ transform: translate(0, -5px); }
}

::selection{ color: #fff; background-color: var(--black); }
body, html { height: 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; color: var(--black); font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; overflow-x: hidden; }
section { width: 100%; }
h2 { position: relative; width: 100%; font-size: 36px; font-weight: 600; width: 100%; text-align: center; color: var(--darkblue); z-index: 2; }
a { text-decoration: none; }

footer .center,
section .center { position: relative; margin: 0 auto; width: 1360px; padding: 0 20px; z-index: 1; }

.breadcrumbs { position: relative; width: 100%; padding: 0; height: 26px; display: flex; flex-wrap: nowrap; list-style: none; color: var(--black); position: relative; z-index: 2; font-size: 13px; -webkit-overflow-scrolling: touch; overflow-x: auto; }
.breadcrumbs li { display: inline; white-space: nowrap; }
.breadcrumbs li a { text-decoration: underline; color: black; }
.breadcrumbs li+li:before { padding: 8px; color: var(--black); content: "•";}
.top-section.bg-video .breadcrumbs { display: none; }

@media screen and (max-width: 1400px) {
footer .center,
section .center { width: calc(100% - 40px); }
}


/* Global */
.global-button { position: fixed; right: 40px; width: 60px; height: 60px; border-radius: 15px; background-color: white; background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; z-index: 3; cursor: pointer; box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, .3); transition: .4s ease-out; }
.global-button.up-button { bottom: 120px; background-image: url('https://well-home.com.ua/images/ico/arrow-up.svg'); }
.global-button.callback-button { bottom: 40px; background-image: url('https://well-home.com.ua/images/ico/phone.svg'); }
.global-button.callback-button:after { content:''; position:absolute; width:59px; height:59px; border-radius:15px; border: 1px solid #ccc; -webkit-animation:5s ease-in-out infinite wave; animation:5s ease-in-out infinite wave}
.global-button.up-button.bottom { right: 10px; bottom: 10px; }
.global-button.callback-button.bottom { display: none; }

.load-animation { position: fixed; left: 40px; bottom: 40px; width: 60px; height: 60px; border-radius: 15px; background-color: rgba(0,0,0,.7); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);  box-shadow: 0 20px 30px -8px rgba(0,15,43,.3); z-index: 10; }
.load-animation:before { content: ''; position: absolute; width: 100%; height: 100%; background-image: url('https://well-home.com.ua/images/ico/load-ring.svg'); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; -webkit-animation: 1s linear infinite rotate; animation: 1s linear infinite rotate; }
.load-animation .task-wrap { display: none; }
.load-animation:hover .task-wrap { position: absolute; bottom: 5px; width: 150px; min-height: 50px; height: auto; left: 65px; display: flex; flex-direction: column; gap: 5px; justify-content: center; }
.load-animation .task-wrap .task { position: relative; max-width: calc(100% - 20px); border-radius: 3px; display: inline-block; padding: 5px 10px; font-size: 12px; background-color: rgba(0,0,0,.6); color: white; user-select: none; }

.alert-container { position: fixed; top: 0; left: calc(50% - 140px); width: 280px; height: auto; overflow: hidden; z-index: 20; }
.alert-wrap { position: relative; display: flex; flex-direction: column; top: 0; left: 0; width: 350px; max-height: 100vh; overflow-y: auto; overflow-x: hidden; }
.alert-wrap .alert { position: relative; display: block; flex-shrink: 0; text-align: center; margin: 6px 20px; width: 200px; padding: 20px; color: white; font-size: 13px; background-color: rgba(0,0,0,.6); border-radius: 10px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); box-shadow: 0 20px 30px -8px rgba(0,15,43,.3); overflow: hidden; user-select: none; -webkit-animation: 0.08s linear alertOpen; animation: 0.08s linear alertOpen; opacity: 1; }
.alert-wrap .alert.closed { opacity: 0; height: 0; padding: 0 20px; margin: 0 20px; transition: all .2s linear; }
.alert-wrap .alert:first-child { margin-top: 40px; }
.alert-wrap .alert:last-child { margin-bottom: 40px; }
.alert-wrap .alert .close { position: absolute; width: 16px; height: 16px; top: 5px; right: 5px; background-image: url('https://well-home.com.ua/images/ico/close-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 12px 12px; cursor: pointer; opacity: .5 }
.alert-wrap .alert .close:hover { opacity: 1; }
.alert-wrap .alert:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; border-radius: 2px; background-color: black; }
.alert-wrap .alert.timeover:before { -webkit-animation: 4s linear alertTimeover; animation: 4s linear alertTimeover; }


@media screen and (max-width: 940px) {
.global-button { display: none; }
.load-animation { left: 26px; bottom: 26px; }
}

@media screen and (max-width: 500px) {
.load-animation { left: 20px; bottom: 20px; }
}


/* header wrap */
.top-section { position: relative; width: 100%; background-size: 100% auto; background-position: center center; z-index: 3; }
.top-section:before { content: ''; position: absolute; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.top-section .header-wrap { position: relative; width: 100%; padding-bottom: 44px; height: auto; background-size: 100% auto; background-position: center center; overflow: hidden; }
.top-section h1 { position: relative; font-size: 50px; font-weight: 500; margin: 10px 0; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; text-align: left; color: white; }
.top-section.bg-video h1 { font-size: 100px; margin: 100px 0; text-align: center; color: #e9ebf9; }
.top-section h1 b { font-weight: 900; color: white }

.top-section.bg-video { min-height: 670px; background-image: url('https://well-home.com.ua/images/background/kyiv01.webp'); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.top-section.bg-video:before { width: 100%; height: 100%; background: var(--grad-soft-blue); }

.top-section { background-color: #bdacff; }
.top-section .header-wrap:before { content: ''; position: absolute; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.top-section.bg-violet .header-wrap { background: var(--grad-violet); }
.top-section.bg-violet .header-wrap:before { width: 3406px; top: -250px; left: 50%; margin-left: -2270px; height: 890px; background-image: url('https://well-home.com.ua/images/gradients/6.png'); }

.top-section.bg-green { background: #9fe7df; }
.top-section.bg-green:before { width: 3896px; top: -320px; left: 50%; margin-left: -1948px; height: 890px; background-image: url('https://well-home.com.ua/images/gradients/7.png');}

.top-section .background { display: none; }
.top-section.bg-video .background { display: none; }
.top-section.bg-video .background.active { position: absolute; display: inline; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.top-section.bg-video .background:before { content: ''; width: 100%; height: 100%; position: absolute; margin: 0 auto; background-position: center center; background-size: 100% 100%; background: var(--grad-soft-blue); z-index: 1; }
.top-section.bg-video .background video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1; }

@media screen and (max-width: 1190px) {
.top-section.bg-video .background video { width: auto; height: 100%; }
.top-section.bg-video { background-size: auto 100%; }
}

header { position: relative; width: 1360px; margin: 0 auto; z-index: 3; }
nav { position: relative; width: 100%; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; z-index: 3; }
nav .home-logo { display: flex; align-items: center; }
nav .home-logo img {position: relative;width: 110px;height: auto;padding: 5px;}
nav .home-logo:hover img { filter: brightness(2); }
nav .button-menu { display: none; }

nav .list { position: relative; margin: 10px 10px; border-radius: 10px; display: block; cursor: pointer; user-select: none; color: var(--darkblue); }
nav .list b {font-size: 16px; font-family: Inter, Arial; font-weight: bold; color: var(--darkblue); }
nav .list b:after { content: ''; position: relative; left: 8px; float: right; width: 12px; top: 5px; height: 12px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/ico/arrow-down.svg'); transition: .2s ease-out; }
nav .list.active b:after { transform: rotate(180deg); }
nav .list i {position: relative;width: calc(100% - 10px);padding: 0 5px;margin-top: 10px;text-align: center;font-size: 13px;font-family: Helvetica Neue;font-weight: normal;font-style: normal;color: #707070;cursor: default; user-select: none;}
nav .list .item-wrap { display: none; }
nav .list.active .item-wrap { position: absolute; display: flex; flex-direction: column; border: 4px solid white; width: auto; max-width: 220px; max-height: 260px; overflow: hidden; overflow-y: auto; top: 100%; background-color: white; border-radius: 10px; box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, .3); z-index: 5; }
nav .list.left.active .item-wrap { left: -10px; }
nav .list.right.active .item-wrap { right: -10px; }
nav .list .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 16px; }
nav .list .item-wrap .item:hover { background-color: rgba(0,0,0,.08); }
nav .list .item-wrap a { text-decoration: none; color: var(--darkblue); }
nav .list.setting-wheel b { position: relative; width: 24px; height: 24px; display: block; cursor: pointer; transition: transform .5s ease-out; }
nav .list.setting-wheel b:after { display: none; }
nav .list.setting-wheel.active b,
nav .list.setting-wheel b:hover { transform: rotate(150deg); }
nav .button { position: relative; font-size: 16px; font-family: Inter, Arial; font-weight: bold; color: var(--darkblue);  cursor: pointer;  padding: 8px 10px; }
nav .ad.button {position: relative;min-height: 22px;padding: 12px 16px 12px 48px;border: 2px solid var(--darkblue);border-radius: 24px;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);cursor: pointer;user-select: none;}
nav .ad.button:before {content: ''; position: absolute; top: 10px; left: 14px; width: 26px; height: 26px; background-image: url('https://well-home.com.ua/images/ico/plus.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
nav .phone-button .item-wrap .item { text-align: center; }
nav .phone-button:before {content: ''; position: relative; left: 0; float: left; width: 24px; top: 0; height: 24px; margin-right: 8px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/ico/phone.svg'); }
nav .phone-button:hover:before { -webkit-animation: 8s linear ring; animation: 8s linear ring; }
nav .language.button { position: relative; display: block; border-radius: 24px; background-color: rgba(1,15,62,.15); min-height: 22px; padding: 12px 16px; -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);}
nav .language.button:before {content: ''; position: relative; left: 0; float: left; width: 20px; top: 0; height: 20px; margin-right: 8px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/ico/planet.svg'); }
nav .settings { position: relative; display: flex; gap: 10px; align-items: center; }

nav .phone-button:hover,
nav .button:hover { text-decoration: underline; }
nav .ad.button:hover,
nav .language.button:hover { background-color: rgba(0,0,0,.1); text-decoration: none; }
nav .ad.button.small { display: none; }

@media screen and (max-width: 1400px) {
header { width: calc(100% - 40px); }
}

@media screen and (max-width: 1200px) {
nav .mobile-hidden { display: none; }
nav .button-menu { position: relative; display: block; width: 40px; height: 40px; background-image: url('https://well-home.com.ua/images/ico/menu-blue.svg'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; cursor: pointer; z-index: 1; }
.top-section h1 { font-size: 50px; }
.top-section.bg-video h1 { font-size: 80px; }
}

@media screen and (max-width: 900px) {
nav .settings { display: none; }
.top-section h1,
.top-section.bg-video h1 { font-size: 50px; }
}

@media screen and (max-width: 750px) {
nav .ad.button { display: none; }
}

@media screen and (max-width: 600px) {
.top-section h1 { font-size: 40px; margin: 24px 0; }
.top-section.bg-video h1 { font-size: 45px; margin: 65px 0; }
}

@media screen and (max-width: 500px) {
nav { justify-content: center; }
nav .phone-button { display: none; }
nav .button-menu { position: fixed; top: 20px; left: 20px; width: 56px; height: 56px; border-radius: 12px; background-color: rgba(255,255,255,.9); }
}

@media screen and (max-width: 420px) {
.top-section h1 { padding: 0; font-size: 35px; margin: 20px 0; text-align: center; }
}


/* search wrap */
.top-section .search-wrap { position: relative; width: 920px; padding: 60px 20px 40px 20px; left: 50%; transform: translate(-50%, 0); z-index: 3 }
.top-section .search-wrap:before { content: ''; position: absolute; height: 100%; width: 200vw; top: 0; left: -50vw; background-color: var(--bg-softblue); z-index: 0; }
.top-section .search-wrap .search-line { position: relative; display: flex; width: calc(100% - 54px); margin: 0 20px; padding: 7px; justify-content: space-between; align-items: center; border-radius: 36px; background-color: var(--darkblue); user-select: none; z-index: 2; }
.top-section .search-wrap .search-line .icons { display: flex; margin: 0 20px; gap: 10px; }
.top-section .search-wrap .search-line .ico { position: relative; float: left; width: 28px; height: 28px; margin: 0 10px; cursor: pointer; }

.top-section .search-wrap .search-line .list { position: relative; display: block; width: 100%; }
.top-section .search-wrap .search-line .list .item-name { position: relative; padding: 0 30px; width: calc(100% - 60px); display: flex; flex-direction: column; border-color: var(--lightblue); cursor: pointer; }
.top-section .search-wrap .search-line .list .item-name:before { content: ''; position: absolute; width: 1px; height: 30px; left: 0; top: 50%; margin-top: -15px; background-color: var(--lightblue); }
.top-section .search-wrap .search-line .list .item-name:after { content: ''; position: absolute; width: 22px; height: 22px; right: 5px; top: 50%; margin: -11px 8px 0 0; background-image: url('https://well-home.com.ua/images/ico/arrow-expand-white.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; transition: .2s ease-out; }
.top-section .search-wrap .search-line .list .item-name i { font-style: normal; font-size: 12px; color: var(--lightblue); }
.top-section .search-wrap .search-line .list .item-name b { font-style: normal; font-weight: bold; font-size: 16px; color: white; }
.top-section .search-wrap .search-line .list.active .item-name:after { transform: rotate(180deg); }
.top-section .search-wrap .search-line .list .item-wrap { display: none; }
.top-section .search-wrap .search-line .list.active .item-wrap { position: absolute; display: flex; flex-direction: column; border: 4px solid white; left: 20px; right: 20px; width: auto; min-width: 170px; max-height: 260px; overflow: hidden; overflow-y: auto; top: 40px; background-color: white; border-radius: 10px; box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, .3); z-index: 5; }

.top-section .search-wrap .search-line .list.left.active .item-wrap { left: 20px; }
.top-section .search-wrap .search-line .list.right.active .item-wrap { right: 20px; }
.top-section .search-wrap .search-line .list .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 16px; cursor: pointer; }
.top-section .search-wrap .search-line .list .item-wrap .item:hover { background-color: rgba(0,0,0,.08); }
.top-section .search-wrap .search-line .list .item-wrap a { text-decoration: none; color: var(--black); }
.top-section .search-wrap .search-line .button.main { position: relative; display: flex; font-weight: 500; align-items: center; height: 34px; padding: 10px 20px; border-radius: 30px; border: none; outline: none; font-size: 16px; background-color: white; color: var(--darkblue); cursor: pointer; }
.top-section .search-wrap .search-line .button.main:before { content: ''; position: relative; width: 22px; height: 22px; margin-right: 8px; background-image: url('https://well-home.com.ua/images/ico/search-blue.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
.top-section.bg-video .search-wrap { padding: 20px; width: 754px; margin-top: 0; }
.top-section.bg-video .search-wrap:before { display: none; }
.top-section.bg-video .search-wrap .search-line { grid-template-columns: 50px 50px 1fr 1fr 130px; background-color: rgba(255,255,255,.5); -webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px); }
.top-section.bg-video .search-wrap .search-line .list .item-name { border-color: rgba(0,0,0,.2); }
.top-section.bg-video .search-wrap .search-line .list .item-name i { color: var(--darkblue); }
.top-section.bg-video .search-wrap .search-line .list .item-name b { color: var(--darkblue); }
.top-section.bg-video .search-wrap .search-line .list .item-name:after {background-image: url('https://well-home.com.ua/images/ico/arrow-expand-blue.svg'); }
.top-section.bg-video .search-wrap .search-line .list .item-name:before { background-color: var(--darkblue); }
.top-section.bg-video .search-wrap .search-line .button.main { background-color: var(--darkblue); color: var(--lightblue); }
.top-section.bg-video .search-wrap .search-line .button.main:before { background-image: url('https://well-home.com.ua/images/ico/search-lightblue.svg'); }

.top-section .search-wrap .tags-wrap { position: relative; width: 100%; height: 44px; overflow-y: hidden; z-index: 1; }
.top-section .search-wrap .tags-wrap .tags { position: relative; display: block; width: calc(100% - 100px); left: 50px; margin-top: 14px; }
.top-section .search-wrap .tags-wrap .tags .item-wrap { display: flex; gap: 10px; min-width: 100%; min-height: 64px; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.top-section .search-wrap .tags-wrap .tags .item-wrap .item { position: relative; display: block; height: 16px; width: auto; flex-shrink: 0; border-radius: 20px; font-size: 14px; padding: 5px 10px; background-color: transparent; color: var(--darkblue); text-decoration: underline dotted; }
.top-section .search-wrap .tags-wrap .tags .item-wrap .item a { color: var(--darkblue); text-decoration: underline dotted; }
.top-section .search-wrap .tags-wrap .tags .item-wrap .item:hover { text-decoration: underline; }
.top-section .search-wrap .tags-wrap .arrow { position: absolute; top: 14px; width: 26px; height: 26px; border-radius: 14px; background-color: rgba(255,255,255,.2); background-image: url('https://well-home.com.ua/images/ico/arrow-left-blue.svg'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; cursor: pointer; z-index: 1; }
.top-section .search-wrap .tags-wrap .arrow.left { left: 14px; }
.top-section .search-wrap .tags-wrap .arrow.right { right: 14px; transform: rotate(180deg); }
.top-section .search-wrap .tags-wrap .arrow:hover { background-color: rgba(255,255,255,.8); }
.top-section.bg-video .search-wrap .tags-wrap .tags .item-wrap .item { background-color: rgba(4,14,61,.5); color: var(--softblue); -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px); text-decoration: none; }
.top-section.bg-video .search-wrap .tags-wrap .tags .item-wrap .item a { color: var(--lightblue); text-decoration: none; }
.top-section.bg-video .search-wrap .tags-wrap .tags .item-wrap .item:hover { color: white; background-color: rgba(4,14,61,.9); }

.top-section .search-wrap .search-line .filter-wrap.list .item-wrap { display: none; }
.top-section .search-wrap .search-line .filter-wrap.list.active .item-wrap { display: inline; left: 0; width: 300px; padding: 16px }

.top-section .search-wrap .filter-wrap .top-line { display: flex; justify-content: flex-end; }
.top-section .search-wrap .filter-wrap .top-line .close,
.top-section .search-wrap .filter-wrap .top-line .clear { font-size: 13px; text-decoration: underline dotted; margin: 0 5px; color: gray; cursor: pointer; }
.top-section .search-wrap .filter-wrap .top-line .close:hover,
.top-section .search-wrap .filter-wrap .top-line .clear:hover { color: var(--black); } 

.top-section .search-wrap .filter-wrap .selectors { display: none; }
.top-section .search-wrap .filter-wrap .selectors.active { position: relative; display: inline; width: 100%; }
.top-section .search-wrap .filter-wrap .selectors .select { position: relative; display: flex; margin-top: 22px; gap: 8px; align-items: center; }
.top-section .search-wrap .filter-wrap .selectors .name { width: 80px; font-size: 14px; position: relative; margin-right: 10px; color: var(--black); }
.top-section .search-wrap .filter-wrap .selectors input[type=radio],
.top-section .search-wrap .filter-wrap .selectors input[type=checkbox] { display: none; }
.top-section .search-wrap .filter-wrap .selectors label { position: relative; float: left; display: flex; font-size: 14px; padding-left: 28px; flex-direction: column; justify-content: center; cursor: pointer; user-select: none; }
.top-section .search-wrap .filter-wrap .selectors label:before { content: ''; position: absolute; left: 0; width: 22px; height: 22px; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; background-image: url('https://well-home.com.ua/images/ico/checkbox-empty.svg'); }
.top-section .search-wrap .filter-wrap .selectors input:checked + label:before { background-image: url('https://well-home.com.ua/images/ico/checkbox.svg'); }
.top-section .search-wrap .filter-wrap .selectors label b { font-size: 14px; font-weight: normal; color: var(--black); }
.top-section .search-wrap .filter-wrap .selectors label i { font-size: 12px; font-style: normal; color: #636363; }
.top-section .search-wrap .filter-wrap .selectors input[type=text],
.top-section .search-wrap .filter-wrap .selectors input[type=number] { padding: 8px; border: none; outline: none; width: 76px; height: 30px; background-color: #ddd; border-radius: 8px; }
.top-section .search-wrap .filter-wrap .tags { position: relative; width: 100%; display: flex; gap: 16px; margin-top: 8px; justify-content: center; } 
.top-section .search-wrap .filter-wrap .tags .tag { font-size: 13px; color: #333; text-decoration: underline dotted; cursor: pointer; }
.top-section .search-wrap .filter-wrap .tags .tag:hover { color: var(--black); }

.top-section .search-wrap .filter-wrap .tune { position: relative; display: block; width: 30px; height: 30px; margin-left: 10px; background-image: url('https://well-home.com.ua/images/ico/tune-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 26px 26px; cursor: pointer; }
.top-section.bg-video .search-wrap .filter-wrap .tune { background-image: url('https://well-home.com.ua/images/ico/tune-blue.svg'); }
.top-section .search-wrap .filter-wrap .tune.active:before { content: ''; position: absolute; width: 10px; height: 10px; top: -2px; right: -2px; background-color: var(--pink); border-radius: 5px; }

.top-section .search-wrap .top { position: relative; display: block; width: 30px; height: 30px; margin-left: 10px; cursor: pointer;}
.top-section .search-wrap .top:before { content: ''; position: relative; display: block; width: 30px; height: 30px; background-image: url('https://well-home.com.ua/images/ico/star-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 26px 26px; transition: transform .6s ease-out; }
.top-section.bg-video .search-wrap .top:before { background-image: url('https://well-home.com.ua/images/ico/star-blue.svg');  }
.top-section .search-wrap .top:hover:before { filter: brightness(1.5); transform: rotateY(360deg); }

.top-section .search-wrap .search-line .list .item-name:hover,
.top-section .search-wrap .filter-wrap .ico.tune:hover,
.top-section .search-wrap .main:hover { filter: brightness(2); }

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 920px) {
.top-section.bg-video .search-wrap,
.top-section .search-wrap { width: 100%; }
}

@media screen and (max-width: 800px) {
.top-section.bg-video .search-wrap .search-line .icons,
.top-section .search-wrap .search-line .icons { margin: 0; gap: 5px; }
}

@media screen and (max-width: 700px) {
.top-section.bg-video .search-wrap .search-line,
.top-section .search-wrap .search-line { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.top-section.bg-video .search-wrap .search-line .list .item-name,
.top-section .search-wrap .search-line .list .item-name { margin: 0; width: calc(100% - 36px); padding: 10px 18px; border: none; }
.top-section.bg-video .search-wrap .search-line .list .item-name:before,
.top-section .search-wrap .search-line .list .item-name:before { display: none; }
.top-section.bg-video .search-wrap .search-line .list,
.top-section .search-wrap .search-line .list { grid-column: 1 / -1; }

.top-section.bg-video .search-wrap .search-line .icons { grid-column: 1 / 2; grid-row: 3 / 4; margin: 0 15px; }
.top-section .search-wrap .search-line .icons { grid-column: 1 / 2; grid-row: 4 / 5; margin: 0 15px; }

.top-section.bg-video .search-wrap .main,
.top-section .search-wrap .main { grid-column: span 1 / -1; grid-row: span / -1; }

.top-section.bg-video .search-wrap .tags-wrap,
.top-section .search-wrap .tags-wrap { width: 100% }
.top-section.bg-video .search-wrap .tags-wrap .tags,
.top-section .search-wrap .tags-wrap .tags { width: 100%; left: 0;}
.top-section.bg-video .search-wrap .tags-wrap .tags .item-wrap .item:first-child,
.top-section .search-wrap .tags-wrap .tags .item-wrap .item:first-child { margin-left: 30px; }
.top-section.bg-video .search-wrap .tags-wrap .tags .item-wrap .item:last-child,
.top-section .search-wrap .tags-wrap .tags .item-wrap .item:last-child { margin-right: 30px; }
.top-section.bg-video .search-wrap .tags-wrap .arrow,
.top-section .search-wrap .tags-wrap .arrow { background-color: rgba(255,255,255,.6); }
.top-section.bg-video .search-wrap .tags-wrap .arrow.left,
.top-section .search-wrap .tags-wrap .arrow.left { left: 5px; }
.top-section.bg-video .search-wrap .tags-wrap .arrow.right,
.top-section .search-wrap .tags-wrap .arrow.right { right: 5px; }
}


/* mobile menu */
.mobile-menu { display: none; }
.mobile-menu.active { position: absolute; display: inline; width: 100%; height: 100%; z-index: 10; }
.mobile-menu.active:before { content: ''; position: fixed; width: 100%; height: 100%; background-color: rgba(0,39,74,.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.mobile-menu .menu-wrap {position: absolute;width: 220px;padding: 26px 20px;display: flex;flex-direction: column;gap: 5px;align-items: center;left: 20px;top: 20px;border-radius: 26px;background-color: rgba(255,255,255,.85);box-shadow: 0 20px 30px -8px rgba(0,15,43,.3);}
.mobile-menu .close { position: absolute; width: 16px; height: 16px; top: 0; right: -26px; background-image: url('https://well-home.com.ua/images/ico/close-blue.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transition: .2s ease-out; cursor: pointer; z-index: 2; }
.mobile-menu .close:hover { transform: rotate(90deg); }
.mobile-menu .list { position: relative; width: 100%; border-radius: 10px; display: block; cursor: pointer; user-select: none; }
.mobile-menu .list b { position: relative; width: calc(100% - 20px); padding: 10px; display: block; font-size: 16px; font-family: Inter, Arial; font-weight: bold; color: var(--darkblue); }
.mobile-menu .list b:after { content: ''; position: relative; left: 8px; float: right; width: 12px; top: 5px; height: 12px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/ico/arrow-down.svg'); transition: .2s ease-out; }
.mobile-menu .list.active b:after { transform: rotate(180deg); }
.mobile-menu .list i {position: relative;width: calc(100% - 10px);padding: 0 5px;margin-top: 10px;text-align: center;font-size: 13px;font-family: Helvetica Neue;font-weight: normal;font-style: normal;color: #707070;cursor: default; user-select: none;}
.mobile-menu .list .item-wrap { display: none; }
.mobile-menu .list.active .item-wrap { position: relative; display: flex; flex-direction: column; width: calc(100% + 40px); max-height: 200px; overflow: hidden; overflow-y: auto; background-color: #d8dbe1; margin-left: -20px; z-index: 4; }
.mobile-menu .list .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 30px; }
.mobile-menu .list .item-wrap .item:hover { background-color: rgba(0,0,0,.08); }
.mobile-menu .list .item-wrap a { text-decoration: none; color: var(--darkblue); }

.mobile-menu .phone-button { position: relative; width: 100%; margin-top: 10px; display: block; cursor: pointer; user-select: none; }
.mobile-menu .phone-button .item-wrap .item { text-align: center; color: var(--darkblue); }
.mobile-menu .phone-button b:before {content: ''; position: relative; float: left; width: 20px; height: 20px; margin-right: 8px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/ico/phone.svg'); }
.mobile-menu .phone-button b { position: relative; width: calc(100% - 20px); padding: 10px; display: block; font-size: 16px; font-family: Inter, Arial; font-weight: bold; color: var(--darkblue); }
.mobile-menu .phone-button b:after { content: ''; position: relative; float: right; width: 12px; top: 5px; height: 12px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/ico/arrow-down.svg'); transition: .2s ease-out; }
.mobile-menu .phone-button.active b:after { transform: rotate(180deg); }
.mobile-menu .phone-button i {position: relative;width: calc(100% - 10px);padding: 0 5px;margin-top: 10px;text-align: center;font-size: 13px;font-family: Helvetica Neue;font-weight: normal;font-style: normal;color: #707070;cursor: default; user-select: none;}
.mobile-menu .phone-button .item-wrap { display: none; }
.mobile-menu .phone-button.active .item-wrap { position: relative; display: flex; flex-direction: column; width: calc(100% + 40px); max-height: 200px; overflow: hidden; overflow-y: auto; background-color: #d8dbe1; margin-left: -20px; z-index: 4; }
.mobile-menu .phone-button .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 30px; }
.mobile-menu .phone-button .item-wrap .item:hover { background-color: rgba(0,0,0,.08); }
.mobile-menu .phone-button .item-wrap a { text-decoration: none; color: var(--darkblue); }

.mobile-menu .button { position: relative; width: calc(100% - 20px); padding: 10px; font-size: 16px; font-family: Inter, Arial; font-weight: bold; color: var(--darkblue); cursor: pointer; padding: 8px 10px; user-select: none; }
.mobile-menu .button.ad { position: relative; width: 115px; min-height: 22px; padding: 10px 18px 10px 50px; color: var(--darkblue); border: 2px solid var(--darkblue); border-radius: 32px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); cursor: pointer; user-select: none; }
.mobile-menu .button.ad:hover { color: var(--darkblue); border-color: var(--darkblue); background-color: rgba(255,255,255,.1); }
.mobile-menu .button.ad:before {content: ''; position: absolute; top: 50%; margin-top: -13px; left: 14px; width: 26px; height: 26px; background-image: url('https://well-home.com.ua/images/ico/plus.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }

.mobile-menu .selectors { position: relative; width: 100%; margin: 2px 0; }
.mobile-menu .selectors i { position: relative; display: block; width: calc(100% - 20px); margin: 3px; padding: 0 10px; font-style: normal; color: var(--black); font-size: 13px; }
.mobile-menu .selectors .item-wrap { position: relative; border-radius: 5px; padding: 2px; display: flex; gap: 10px; align-items: center; justify-content: space-between; background-color: #d8dbe1; width: 100%; overflow: hidden; }
.mobile-menu .selectors .item-wrap .item { color: var(--darkblue); font-size: 14px; text-align: center; padding: 6px 12px; }
.mobile-menu .selectors .item-wrap .item.active { background-color: white; color: var(--black); border-radius: 5px; box-shadow: 0 4px 5px 0 rgba(0,0,0,.2); }

@media screen and (max-width: 395px) {
.body-blur-background { content: ''; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; border: 0; background-color: rgba(0,39,74,.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: 2; }
}

@media screen and (max-width: 375px) {
.mobile-menu .close { top: auto; bottom: -36px; left: calc(50% - 8px); }
.mobile-menu .menu-wrap { width: calc(100% - 80px); }
}

/* realty-cards */
.realty-cards { margin: 30px 0 0; position: relative; }
.realty-cards h2 { margin-block-start: 50px; margin-block-end: 30px; }
.realty-cards .card-wrap {position: relative; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; justify-items: center; }
.realty-cards .card-wrap .card { position: relative; padding: 20px; width: 270px; height: 350px; background-color: rgba(255,255,255,.3); border-radius: 26px; box-shadow: 0 42px 48px -27px rgba(0,0,0,.2); user-select: none; }
.realty-cards .card-wrap .card .stickers { position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); display: flex; }
.realty-cards .card-wrap .card .sticker { position: relative; padding: 6px 10px 6px 28px; background-color: rgb(233 233 233 / 30%); border-radius: 20px; color: var(--black); font-size: 12px; font-weight: bold; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); z-index: 1; }
.realty-cards .card-wrap .card .sticker .ico {position: absolute; left: 5px; top: 3px; width: 20px; height: 20px;}
.realty-cards .card-wrap .card .sticker .name { font-size: 12px; }
.realty-cards .card-wrap .card picture { position: absolute; top: 0; left: 0; width: 100%; height: 246px; font-size: 10px; color: black; border-radius: 18px 18px 0 0; overflow: hidden; background-image: url('https://well-home.com.ua/images/background/no-photo.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.realty-cards .card-wrap .card picture .photo { height: 100%; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s ease-out; }
.realty-cards .card-wrap .card:hover picture .photo { transform: scale(1.05) translate(-48%, -48%); }
.realty-cards .card-wrap .card .type { position: absolute; top: 262px; width: calc(100% - 40px); font-size: 13px; color: #555; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; }
.realty-cards .card-wrap .card .title { position: absolute; top: 280px; width: calc(100% - 40px); font-size: 17px; font-weight: bold; color: var(--black); overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; }
.realty-cards .card-wrap .card .location { position: absolute; top: 304px; padding: 3px 0 0 2px; width: calc(100% - 42px); font-size: 14px; color: #0066c3; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; }
.realty-cards .card-wrap .card .location:before { content: ''; position: relative; float: left; top: -2px; left: -5px; width: 20px; height: 20px; background-image: url('https://well-home.com.ua/images/ico/location-blue.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
.realty-cards .card-wrap .card .marks { position: absolute; top: 338px; width: calc(100% - 40px); display: flex; justify-content: space-around; }
.realty-cards .card-wrap .card .marks div { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--black); }
.realty-cards .card-wrap .card .marks div b { font-size: 14px; }
.realty-cards .card-wrap .card .marks div i { font-size: 14px; font-style: normal; font-weight: normal; }
.realty-cards .card-wrap .card .marks div span { font-size: 13px; color: #555; }
.realty-cards .card-wrap .card.dark { background-color: var(--darkblue); box-shadow: 0 42px 48px -27px rgba(0,34,95,.8); }
.realty-cards .card-wrap .card.dark .title,
.realty-cards .card-wrap .card.dark .marks div b,
.realty-cards .card-wrap .card.dark .marks div i { color: white; }
.realty-cards .card-wrap .card.dark .type, 
.realty-cards .card-wrap .card.dark .location,
.realty-cards .card-wrap .card.dark .marks div span { color: var(--lightblue); }
.realty-cards .card-wrap .card.dark .location:before { background-image: url('https://well-home.com.ua/images/ico/location-lightblue.svg'); }

.realty-cards.horizontal .center { position: relative; height: 450px; overflow: hidden; }
.realty-cards.horizontal .card-wrap { display: flex; min-width: 100%; height: 520px; overflow-x: auto; gap: 20px; }
.realty-cards.horizontal .card-wrap .card { flex-shrink: 0; }

.realty-cards.rainbow:before { content: ''; position: absolute; width: 4000px; height: 1000px; left: 50%; transform: translate(-50%, -250px); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/gradients/20.png'); z-index: 0; }

/* arrows */
.realty-cards .arrow,
.realty-cards.grid .arrow { display: none; }
.realty-cards.horizontal .arrow { display: inline; }
.realty-cards .arrow { position: absolute; top: 190px; width: 24px; height: 24px; padding: 16px; border-radius: 12px; background-color: white; background-image: url('https://well-home.com.ua/images/ico/arrow-left.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); cursor: pointer; transition: .4sec easy-out; z-index: 2; }
.realty-cards .arrow:hover { background-size: 24px 24px; }
.realty-cards .arrow.arrow-left { left: 5px; box-shadow: 0px 3px 12px -5px rgba(0,0,0,.3); }
.realty-cards .arrow.arrow-right { right: 5px; transform: rotate(180deg); box-shadow: 0px -3px 12px -5px rgba(0,0,0,.3); }

/* sorting */
.realty-cards .sort-wrap { margin: 20px auto; display: flex; gap: 10px; z-index: 2; }
.realty-cards .sort-wrap .info { position: relative; padding: 14px 10px; display: flex; align-items: center; font-size: 13px; color: #555; }
.realty-cards .sort-wrap .list { position: relative; }
.realty-cards .sort-wrap .list .item-name { position: relative; padding: 14px; display: flex; align-items: center; border-radius: 14px; font-size: 13px; background-color: var(--bg-softblue); cursor: pointer; user-select: none; cursor: pointer; }
.realty-cards .sort-wrap .list .item-name:after { content: ''; position: relative; width: 22px; height: 22px; margin-left: 3px; top: 1px; background-image: url('https://well-home.com.ua/images/ico/arrow-expand-blue.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; transition: .2s ease-out; }
.realty-cards .sort-wrap .list.active .item-name:after { transform: rotate(180deg); }
.realty-cards .sort-wrap .list .item-name i { font-style: normal; }
.realty-cards .sort-wrap .list .item-name b { margin-left: 5px; }
.realty-cards .sort-wrap .list .item-wrap { display: none; }
.realty-cards .sort-wrap .list .item-wrap .item {}
.realty-cards .sort-wrap .list.active .item-wrap { position: absolute; display: flex; flex-direction: column; border: 4px solid white; left: 20px; right: 20px; width: auto; min-width: 170px; max-height: 260px; overflow: hidden; overflow-y: auto; top: 40px; background-color: white; border-radius: 10px; box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, .3); z-index: 3; }
.realty-cards .sort-wrap .list.left.active .item-wrap { left: 20px; }
.realty-cards .sort-wrap .list.right.active .item-wrap { right: 20px; }
.realty-cards .sort-wrap .list .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 16px; cursor: pointer; }
.realty-cards .sort-wrap .list .item-wrap .item:hover { background-color: rgba(0,0,0,.08); }
.realty-cards .sort-wrap .list .item-wrap a { text-decoration: none; color: var(--black); }

/* pagination */
.realty-cards .pagination { position: relative; margin: 20px auto; display: flex; gap: 5px; justify-content: center; z-index: 1; }
.realty-cards .pagination .item { position: relative; padding: 14px; display: flex; min-width: 18px; justify-content: center; align-items: center; border-radius: 14px; font-size: 13px; background-color: var(--bg-softblue); color: var(--darkblue); cursor: pointer; user-select: none; }
.realty-cards .pagination .item.empty,
.realty-cards .pagination .item.empty:hover { background-color: transparent; padding: 14px 4px; color: #555; cursor: initial; }
.realty-cards .pagination .item:hover,
.realty-cards .pagination .item.active { background-color: var(--darkblue); color: white; }
.realty-cards .pagination .item.active { cursor: initial; }
.realty-cards .pagination .item.ico-arrow-right,
.realty-cards .pagination .item.ico-arrow-left { background-image: url('https://well-home.com.ua/images/ico/arrow-left-blue.svg'); background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; }
.realty-cards .pagination .item.ico-arrow-right { rotate: 180deg; }
.realty-cards .pagination .item.ico-arrow-left:hover,
.realty-cards .pagination .item.ico-arrow-right:hover { background-image: url('https://well-home.com.ua/images/ico/arrow-left-white.svg'); }
.realty-cards .pagination .item.refresh { margin-left: 10px; }
.realty-cards .pagination .item.refresh:before { content: ''; position: relative; width: 20px; height: 20px; margin-right: 8px; top: 1px; background-image: url('https://well-home.com.ua/images/ico/refresh-blue.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
.realty-cards .pagination .item.refresh:hover:before { background-image: url('https://well-home.com.ua/images/ico/refresh-white.svg'); }
 
@media screen and (max-width: 1400px) {
.realty-cards.grid .center { width: 990px; }
.realty-cards.grid .card-wrap { grid-template-columns: repeat(3, 1fr); padding: 0 20px; margin-left: -20px; }
.realty-cards.horizontal .center { padding: 0; width: 100%; }
.realty-cards.horizontal .card-wrap .card:first-child { margin-left: 20px; }
.realty-cards.horizontal .card-wrap .card:last-child { margin-right: 20px; }
}

@media screen and (max-width: 1130px) {
.realty-cards.grid .center { width: 650px; }
.realty-cards.grid .card-wrap { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 690px) {
.realty-cards.horizontal .center { width: 100%; padding: 0; }
.realty-cards.horizontal .card-wrap .card:first-child { margin-left: 5px; }
.realty-cards.horizontal .card-wrap .card:last-child { margin-right: 5px; }
.realty-cards.grid .center { width: calc(100% - 10px); padding: 5px; }
.realty-cards.grid .card-wrap { grid-template-columns: repeat(1, 1fr); }
.realty-cards .sort-wrap { flex-direction: column; }
.realty-cards .arrow { width: 16px; height: 16px;}
}


/* Categories */
.categories { margin-top: 30px; }
.categories h2 { margin-block-start: 30px; margin-block-end: 30px; }
.categories .center { height: 154px; overflow: hidden; }
.categories .arrow { position: absolute; top: 50px; width: 24px; height: 24px; padding: 16px; border-radius: 12px; background-color: white; background-image: url('https://well-home.com.ua/images/ico/arrow-left.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); cursor: pointer; transition: .4sec easy-out; z-index: 2; }
.categories .arrow:hover { background-size: 24px 24px; }
.categories .arrow.arrow-left { left: 5px; box-shadow: 0px 3px 12px -5px rgba(0,0,0,.3); }
.categories .arrow.arrow-right { right: 5px; transform: rotate(180deg); box-shadow: 0px -3px 12px -5px rgba(0,0,0,.3); }
.categories .categories-wrap { position: relative; height: 300px; display: flex; gap: 16px; overflow-x: auto; }
.categories .item { position: relative; flex-shrink: 0; width: 256px; height: 152px; border-radius: 20px; overflow: hidden; background-color: #E9E9E9; }
.categories .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(4,1,64,.3) 100%); z-index: 1;}
.categories .item span { position: absolute; bottom: 20px; left: 20px; z-index: 2; }
.categories .item span b { position: relative; float: left; font-size: 16px; font-weight: bold; color: white; }
.categories .item span:after { content: ''; position: relative; float: left; display: block; margin-left: 10px; width: 20px; height: 20px; rotate: 180deg; background-image: url('https://well-home.com.ua/images/ico/arrow-left-white.svg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; transition: .4s ease-out; }
.categories .item picture { position: absolute; width: 100%; height: 100%; font-size: 10px; color: black; overflow: hidden; background-image: url('https://well-home.com.ua/images/background/no-photo.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.categories .item picture .photo { height: 100%; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s ease-out; }
.categories .item:hover span:after { margin-left: 15px; }
.categories .item:hover picture .photo { transform: scale(1.05) translate(-48%, -48%); }

@media screen and (max-width: 690px) {
.categories .center { width: 100%; padding: 0; }
.categories .item:first-child { margin-left: 10px; }
.categories .item:last-child { margin-right: 10px; }
.categories .arrow { width: 16px; height: 16px;}
}





/* Footer */
footer  { position: relative; margin-top: 30px; padding: 50px 0 30px; background-color: #1D274B; overflow: hidden; }
footer:before { content: ''; position: absolute; margin: 0 auto; width: 1290px; left: 50%; margin-left: -645px; bottom: 0; height: 390px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://well-home.com.ua/images/background/siluet.svg'); }
footer .center { position: relative; }
footer .logo-wrap { position: relative; display: flex; align-items: center; }
footer .logo-wrap .logo { margin-right: 30px; }
footer .logo-wrap .logo img { position: relative; width: 190px; height: 60px; padding: 5px; }
footer .logo-wrap .slogan { font-size: 16px; font-weight: 500; color: #BBCDF8; }
footer .stack-wrap {position: relative; width: 100%; margin: 40px 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
footer .stack-wrap .stack { display: flex; flex-direction: column; gap: 8px; padding-bottom: 22px; }
footer .stack-wrap .stack .item-list { position: relative; width: 100%; display: flex; max-height: 150px; overflow-y: hidden; flex-direction: column; gap: 8px; }
footer .stack-wrap .stack .item-list.wide { max-height: fit-content; }
footer .stack-wrap .stack .name { margin: 0 0 8px 8px; font-size: 16px; font-weight: bold; color: #6278AD; }
footer .stack-wrap .stack a { text-decoration: none; font-size: 14px; font-style: normal; color: var(--softblue); font-family: Inter; cursor: pointer; }
footer .stack-wrap .stack a:before { content: '• '; }
footer .stack-wrap .stack a:hover { color: white; }
footer .stack-wrap .stack .more { position: relative; bottom: 0; width: calc(100% - 40px); padding: 0 20px; font-size: 13px; color: #6278AD; text-decoration: underline; cursor: pointer; user-select: none; }
footer .stack-wrap .stack .more:hover { color: white; }
footer .copyright { position: absolute; bottom: 0; left: 20px; font-size: 13px; color: #6278AD; font-family: Inter; }
footer .button-wrap { position: relative; width: 100%; text-align: right; margin: 40px 0; }
footer .button-wrap .button {border-radius: 14px; border: 2px solid #6278AD; color: #6278AD; font-style: normal; font-weight: bold; font-family: Inter; font-size: 16px; padding: 12px; cursor: pointer; height: 30px; }
footer .button-wrap .button:hover { background-color: rgba(0,0,0,.3); }
footer .button-wrap .button.phone { }
footer .button-wrap .button.email { margin-left: 5px; }
footer .button-wrap .button.email:before,
footer .button-wrap .button.phone:before { content: ''; position: relative; display: inline-block; top: 5px; width: 22px; height: 22px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
footer .button-wrap .button.email:before { background-image: url('https://well-home.com.ua/images/ico/email-violet.svg');  }
footer .button-wrap .button.phone:before { background-image: url('https://well-home.com.ua/images/ico/phone-violet.svg'); margin-right: 8px; }

@media screen and (max-width: 850px) {
footer .stack-wrap { padding: 0 5px; width: calc(100% - 10px); grid-template-columns: repeat(3, 1fr); }
footer .copyright { position: relative; text-align: center; width: calc(100% - 40px); display: block; margin-top: 30px; }
}

@media screen and (max-width: 500px) {
footer .stack-wrap { grid-template-columns: repeat(2, 1fr); }
footer .button-wrap { display: flex; justify-content: center; gap: 5px; }
footer .button-wrap .button.email { margin-left: 0; }
footer .logo-wrap { flex-direction: column; }
}



/* global for gallerys */
.gallery,
.gallery .slider .slide { width: calc(100% + 1px); height: auto; aspect-ratio: 1.5; }
.gallery .slider { height: 100%; }
.gallery { position: relative; display: table-cell; vertical-align: middle; background-color: #ccc; margin-top: 40px; border-radius: 22px; overflow: hidden; grid-column: 1 / 2; grid-row: 1 / 3; outline: 5px solid white; box-shadow: 0 32px 70px -9px rgba(0,32,70,.2); z-index: 2;}
.gallery .slider { position: absolute; left: 0; top: 0; display: flex; min-width: 100%; transition: all 0.15s ease-out; }
.gallery .slider .slide {position: relative; float: left; background-image: url('https://well-home.com.ua/images/background/no-photo.jpg'); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden;}
.gallery .photo {position: absolute; display: block; height: 100%; width: 100%; object-fit: cover;}
.gallery .arrow { position: absolute; top: 50%; margin-top: -28px; width: 24px; height: 24px; padding: 16px; border-radius: 12px; background-color: rgba(183,191,211,.4); background-image: url('https://well-home.com.ua/images/ico/arrow-left-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); cursor: pointer; transition: .4sec easy-out; z-index: 3; }
.gallery .arrow:hover { background-size: 24px 24px; }
.gallery .arrow.arrow-left { left: 10px; box-shadow: 0px 3px 12px -5px rgba(0,0,0,.3); }
.gallery .arrow.arrow-right { right: 10px; transform: rotate(180deg); box-shadow: 0px -3px 12px -5px rgba(0,0,0,.3); }
.gallery .count { position: absolute; bottom: 20px; left: 20px; font-size: 13px; color: white; z-index: 2; }

@media screen and (max-width: 1200px) {
.gallery { margin: 30px 0; grid-row: 1 / 2; }
}

@media screen and (max-width: 800px) {
.gallery { margin: 20px 0 10px 0; }
}

@media screen and (max-width: 380px) {
.gallery { margin: 0; margin-bottom: 10px; }
.gallery { width: calc(100% + 40px); left: -20px; border-radius: 0; outline: none; box-shadow: none; }
.gallery .arrow { margin-top: -22px; padding: 10px; }
.gallery .arrow.arrow-left { left: 5px; }
.gallery .arrow.arrow-right { right: 5px; }
.gallery .count { bottom: 10px; left: 5px; font-size: 11px; }
}


/* global for manager buttons (call, message) */
.actions { display: flex; gap: 10px; align-items: center; }
.actions .list { position: relative; display: block; }
.actions .list .item-name { position: relative; display: flex; gap: 8px; padding: 9px 16px; font-size: 13px; font-weight: bold; font-family: Inter, Arial; border-radius: 50px; border: 2px solid var(--darkblue); align-items: center; user-select: none; cursor: pointer; }
.actions .list .item-name:before { content: ''; position: relative; display: block; width: 22px; height: 22px; background-size: 100% 100%; }
.actions .list.message .item-name:before { background-image: url('https://well-home.com.ua/images/ico/sms.svg'); }
.actions .list.message .item-name:hover:before { -webkit-animation: 8s linear jump; animation: 8s linear jump; }
.actions .list.call .item-name:before { background-image: url('https://well-home.com.ua/images/ico/phone-white.svg'); }
.actions .list.call .item-name:hover:before { -webkit-animation: 8s linear ring; animation: 8s linear ring; }
.actions .list.message .item-name { color: var(--darkblue); }
.actions .list.call .item-name { background-color: var(--darkblue); color: white; }
.actions .list .item-wrap { display: none; }
.actions .list.active .item-wrap { position: absolute; display: flex; flex-direction: column; border: 4px solid white; width: auto; max-width: 220px; max-height: 260px; overflow: hidden; overflow-y: auto; top: 100%; background-color: white; border-radius: 10px; box-shadow: 0px 7px 12px 1px rgba(0, 0, 0, .3); z-index: 5; }
.actions .list.left.active .item-wrap { left: -10px; }
.actions .list.right.active .item-wrap { right: -10px; }
.actions .list.active .item-wrap .ico { position: relative; width: 20px; height: 20px; display: inline-block; flex-shrink: 0; margin-right: 10px; }
.actions .list .item-wrap .item { display: flex; align-items: center; font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 16px; cursor: pointer; color: black; }
.actions .list .item-wrap .item:hover { background-color: rgba(0,0,0,.08); }
.actions .list .item-wrap a { text-decoration: none; color: black; }

@media screen and (max-width: 430px) {
.actions { justify-content: center; gap: 4px; }
.actions .list .item-name { font-size: 11px; }
}


/* Popups */
.dialog { position: absolute; width: 100%; height: 100%; z-index: 10; }
.dialog:before { content: ''; position: fixed; width: 100%; height: 100%; background-color: rgba(0,39,74,.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.dialog .dialog-wrap { position: absolute; width: 468px; padding: 36px; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 32px; background-color: rgba(255,255,255,.85); box-shadow: 0 20px 30px -8px rgba(0,15,43,.3); }
.dialog.bookmaster .dialog-wrap { height: 574px; }

.dialog h2 { margin: 28px 0 18px; font-weight: 800; }
.dialog .flex { position: relative; width: 100%; display: flex; gap: 10px; }
.dialog .page .item { position: relative; display: inline-block; width: 100%; height: 46px; box-sizing: border-box; font-size: 14px; padding: 14px; border-radius: 8px; background-color: white; border: none; outline: none; margin: 8px 0 8px 0; color: var(--black); }
.dialog .page textarea.item { height: 70px; }
.dialog .text { position: relative; width: 100%; display: inline-block; margin: 14px 0; line-height: 18px; font-size: 14px; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; text-align: justify; }
.dialog .note { position: relative; display: inline-block; width: 100%; font-size: 12px; margin: 8px 0; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; color: #2F2F2F; }
/*.dialog .close { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; cursor: pointer; }*/
.dialog .text a { text-decoration: underline; color: var(--black); }

.dialog h2 .ico { position: relative; display: inline-block; width: 36px; height: 36px; margin-right: 8px; top: 5px; }
.dialog .item-wrap { position: relative; width: 100%; }
.dialog .item-wrap.half { width: 50%; }
.dialog .item-wrap .title { font-size: 12px; color: #2F2F2F; }
.dialog .ico.close { position: absolute; width: 20px; height: 20px; right: 30px; top: 30px; cursor: pointer; }
.dialog .ico.close:hover { transform: rotate(-90deg); transition: .2s ease-out; }
.dialog .item-selector-wrap { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; }
.dialog .item-selector-wrap .item { position: relative; padding: 20px; display: inline-block; text-align: center; font-size: 14px; font-weight: 400; font-family: Helvetica Neue; color: #8B8B8B; }
/*.dialog .item-selector-wrap .item:hover { color: var(--black); }*/
.dialog .item-selector-wrap .item.active { font-weight: bold; color: var(--black); }

.dialog .bottom-wrap { position: relative; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; user-select: none; }
.dialog.bookmaster .bottom-wrap { position: absolute; bottom: 36px; width: calc(100% - 72px); }
.dialog.bookmaster .pages { position: relative; display: block; }
.dialog.bookmaster .pages .page { display: none; }
.dialog.bookmaster .pages .page.active { position: relative; display: block; }

.dialog .bottom-wrap .step-wrap { position: relative; display: flex; gap: 8px; flex-direction: column; justify-content: center; align-items: center; }
.dialog .bottom-wrap .step-wrap .step-name { font-size: 13px; color: #9D9D9D; }
.dialog .bottom-wrap .step-wrap .dot-wrap { position: relative; display: flex; gap: 6px; align-items: center; }
.dialog .bottom-wrap .step-wrap .dot-wrap .ico-dot { position: relative; width: 7px; height: 7px; border-radius: 4px; background-color: #ccc; }
.dialog .bottom-wrap .step-wrap .dot-wrap .ico-dot.active {background-color: var(--black); }
.dialog .bottom-wrap .button { position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; padding: 0 10px; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; text-decoration: none; color: var(--black); }
.dialog .bottom-wrap .button.main { grid-column: span 1 / -1; width: auto; height: 44px; border: 2px solid var(--black); border-radius: 10px; font-weight: bold; user-select: none; }
.dialog .bottom-wrap .button.main.active { background-color: var(--black); color: white; cursor: pointer; }
.dialog .bottom-wrap .button.regular { grid-column: span 2 / -2; cursor: pointer; }
.dialog .bottom-wrap .button.back.active { display: flex; cursor: pointer; }
.dialog .bottom-wrap .button.back { display: none; }
.dialog .bottom-wrap .button.next:after { content: ''; position: relative; display: inline-block; margin-left: 8px; right: 0; width: 15px; height: 15px; background-image: url('https://well-home.com.ua/images/ico/arrow-down.svg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; transform: rotate(-90deg); transition: .2s ease-out; }
.dialog .bottom-wrap .button.next.active:hover:after { right: -3px; }
.dialog .bottom-wrap .button.next.active { cursor: pointer; }
.dialog .bottom-wrap .button.next.active:after { background-image: url('https://well-home.com.ua/images/ico/arrow-down-white.svg'); }
.dialog .bottom-wrap .note { grid-column: span 2; }
.dialog .bottom-wrap .button.call { grid-column: span 1 / -2; }
.dialog .bottom-wrap .button.call:before { content: ''; position: relative; display: inline-block; margin-right: 8px; width: 18px; height: 18px; background-image: url('https://well-home.com.ua/images/ico/phone.svg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
.dialog .bottom-wrap .button.back:before { content: ''; position: relative; display: inline-block; margin-right: 8px; width: 15px; left: 0; height: 15px; background-image: url('https://well-home.com.ua/images/ico/arrow-down.svg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; transform: rotate(90deg); transition: .2s ease-out; }
.dialog .bottom-wrap .button.back.active:hover:before { left: -3px; }

.dialog .daykeeper-wrap { position: relative; width: 100%; }
.dialog .daykeeper-wrap .arrow { position: absolute; top: 52px; width: 20px; height: 20px; padding: 14px; border-radius: 12px; background-color: white; background-image: url('https://well-home.com.ua/images/ico/arrow-left.svg'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; cursor: pointer; z-index: 2; }
.dialog .daykeeper-wrap .arrow.left { left: -28px; box-shadow: 0px 3px 12px -5px rgba(0,0,0,.3); }
.dialog .daykeeper-wrap .arrow.right { right: -28px; transform: rotate(180deg); box-shadow: 0px -3px 12px -5px rgba(0,0,0,.3); }
.dialog .daykeeper { position: relative; width: 100%; height: 88px; display: block; overflow: hidden; }
.dialog .daykeeper .day-wrap { display: flex; gap: 8px; min-width: 100%; min-height: 130px; margin-top: 4px; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; -webkit-overflow-scrolling: touch;  }
.dialog .daykeeper .day-wrap .day { position: relative; display: flex; flex-direction: column; justify-items: center; align-items: center; height: 40px; padding: 20px; border-radius: 14px; border: 1px solid rgba(0,0,0,0.6); color: var(--black); font-family: Helvetica Neue; user-select: none; cursor: pointer; }
.dialog .daykeeper .day-wrap .day.irrelevant { opacity: .3; cursor: default; }
.dialog .daykeeper .day-wrap .day.today:before { content: ''; position: absolute; bottom: 10px; width: 5px; height: 5px; border-radius: 3px; background-color: var(--black); }
.dialog .daykeeper .day-wrap .day.today.active:before { background-color: white; }
.dialog .daykeeper .day-wrap .day.active { color: white; background-color: var(--black); }
.dialog .daykeeper .day-wrap .day b { position: relative; width: 36px; text-align: center; font-size: 18px; font-weight: bold; } 
.dialog .daykeeper .day-wrap .day i { position: relative; width: 36px; text-align: center; font-size: 13px; font-style: normal; }
.dialog .daykeeper .day-wrap .day:hover {}
.dialog .daykeeper .day-wrap .day.irrelevant:hover {}
.dialog .daypart-wrap { position: relative; width: 100%; margin-top: 14px; }
.dialog .daypart { position: relative; width: 100%; display: flex; gap: 8px; }
.dialog .daypart .part { position: relative; display: flex; flex-direction: column; justify-items: center; align-items: center; width: 100%; padding: 16px 6px; border-radius: 14px; border: 1px solid rgba(0,0,0,0.6); color: var(--black); font-family: Helvetica Neue; user-select: none; cursor: pointer; }
.dialog .daypart .part.active { color: white; background-color: var(--black); }
.dialog .daypart .part.irrelevant { opacity: .3; cursor: default; }
.dialog .daypart .part b { position: relative; text-align: center; font-size: 15px; font-weight: bold; }
.dialog .daypart .part i { position: relative; text-align: center; font-size: 13px; font-style: normal; }
.dialog .check-wrap { position: relative; width: 100%; display: inline-block; }
.dialog .check-wrap input { display: none; }
.dialog .check-wrap label { position: relative; padding-left: 36px; width: calc(100% - 36px); height: 100%; display: flex; flex-direction: column; justify-content: center; cursor: pointer; user-select: none; }
.dialog .check-wrap label:before { content: ''; position: absolute; left: 0; width: 22px; height: 22px; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; background-image: url('https://well-home.com.ua/images/ico/checkbox-empty.svg'); }
.dialog .check-wrap input:checked + label:before { background-image: url('https://well-home.com.ua/images/ico/checkbox.svg'); }
.dialog .check-wrap label b { font-size: 14px; font-weight: normal; color: var(--black); }
.dialog .check-wrap label i { font-size: 12px; font-style: normal; color: #636363; }

.dialog .regular-button-wrap { position: relative; display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.dialog .regular-button { position: relative; padding: 10px 16px; display: flex; align-items: center; color: black; border-radius: 12px; cursor: pointer; user-select: none; outline: 1px solid #ddd; }
.dialog .regular-button:hover { background-color: white; outline-color: white; }
.dialog .regular-button .ico { position: relative; display: inline-block; margin-right: 10px; width: 22px; height: 22px; }

/* if dont fill required items */
.dialog .item.red-outline { outline: 1px solid red; outline-offset: 1px; }

@media screen and (max-width: 550px) {
.dialog .dialog-wrap { width: calc(100% - 60px); padding: 20px; top: 10px; transform: translate(-50%, 0); }
.dialog .item-selector-wrap .item { padding: 10px; }
.dialog .bottom-wrap .button { padding: 0 6px; flex-direction: column; flex-shrink: 0; flex-grow: 0; text-align: center; }
.dialog .bottom-wrap .button.main { flex-direction: row; }
.dialog.bookmaster .dialog-wrap { height: auto; }
.dialog.bookmaster .bottom-wrap {position: relative;width: 100%;bottom: auto;margin-top: 20px;align-items: start;gap: 10px;}
.dialog .ico-close-blue { width: 16px; height: 16px; right: 22px; top: 22px; }
.dialog .daypart { display: grid; grid-template-columns: repeat(2, 1fr); }
.dialog .daypart .part { width: calc(100% - 16px); }
.dialog .page .item,
.dialog .page textarea.item  { font-size: 17px; }
}

@media screen and (max-width: 380px) {
.dialog .item-selector-wrap { flex-direction: column; align-items: start; }
.dialog .item-selector-wrap .item { padding: 5px 5px 5px 20px; }
.dialog .item-selector-wrap .item.active:before { content: ''; position: absolute; width: 6px; height: 6px; left: 5px; top: 10px; border-radius: 3px; background-color: var(--black); }
.dialog .bottom-wrap .button.regular { grid-column: 1 / 4; }
.dialog.bookmaster .bottom-wrap { grid-template-columns: repeat(2, 1fr); }
.dialog.bookmaster .bottom-wrap .button.step-wrap { grid-column: 1 / 2; grid-row: 2 / 3; }
.dialog.bookmaster .bottom-wrap .button.main {grid-column: 2 / 3;grid-row: 2 / 3;}
.dialog.bookmaster .bottom-wrap .button.back { grid-column: 1 / 2; grid-row: 1 / 2; }
.dialog.bookmaster .bottom-wrap .button.call { grid-column: 2 / 3; grid-row: 1 / 2 }
.dialog .flex { flex-direction: column; }
}


.plain-text { margin: 30px 0; color: var(--black); }
.plain-text .center { width: 960px; }
.plain-text .center-message { position: relative; width: calc(100% - 40px); display: block; padding: 20px; font-size: 16px; color: #444; text-align: center; }
.plain-text .center-message a { color: var(--black); text-decoration: underline; }

@media screen and (max-width: 1000px) {
.plain-text .center { width: calc(100% - 40px); }
}