@font-face{ font-display: swap; font-family: 'Pobeda-Regular'; src: url('../fonts/Pobeda-Regular.woff2'); }
@font-face{ font-display: swap; font-family: 'Pobeda-Bold'; src: url('../fonts/Pobeda-Bold.woff2'); }
@font-face{ font-display: swap; font-family: 'FuturaNew-Light'; src: url('../fonts/FuturaNewLight-Reg.woff'); }
@font-face{ font-display: swap; font-family: 'FuturaNew-Book'; src: url('../fonts/FuturaNewBook-Reg.woff'); }
@font-face{ font-display: swap; font-family: 'FuturaNew-Obl'; src: url('../fonts/FuturaNewBook-Obl.woff'); }
@font-face{ font-display: swap; font-family: 'FuturaNew-Medium'; src: url('../fonts/FuturaNewMedium-Reg.woff'); }
@font-face{ font-display: swap; font-family: 'FuturaNew-Demi'; src: url('../fonts/FuturaNewDemi-Reg.woff'); }
@font-face{ font-display: swap; font-family: 'FuturaNew-Bold'; src: url('../fonts/FuturaNewBold-Reg.woff'); }

*{ margin: 0; padding: 0; box-sizing: border-box; border: 0; /*vertical-align: baseline;*/ font-weight: normal; }
a{ color: #5DADEC; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: color .3s ease; -webkit-transition: color .3s ease; }
a:hover{ color: #008115; }
img{ display: block; }
p img{ display: inline-block; vertical-align: middle; }
.bold, b, strong{ font-family: 'FuturaNew-Medium'; font-weight: normal; font-style: normal; }
.ital, em, i{ font-family: 'FuturaNew-Obl'; font-weight: normal; font-style: normal; }
input,select,textarea{ font-family: 'FuturaNew-Light'; outline: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
table th{ border-collapse: collapse; border-spacing: 0; }
table td{ border-collapse: collapse; border-spacing: 0; }
.clear{ height: 1px; clear: both; }

h1{ font: 4.6rem 'FuturaNew-Light'; margin-bottom: 6rem; }
h2{ font: 4.6rem 'FuturaNew-Light'; margin-bottom: 6rem; }
h3{ font: 3.2rem 'FuturaNew-Light'; margin-bottom: 4rem; }
p + h3{ margin: 4rem 0; }

.nomargin{ margin: 0; }
.center{ text-align: center; }
.centered{ width: fit-content; margin: 0 auto; }
.right{ text-align: right; }
.upper{ text-transform: uppercase; }
.green{ color: #008115; }
.blue{ color: #5DADEC; }
.only_pc{ display: block!important; }
.only_mobile{ display: none!important; }
.opac1{ opacity: .1; } .opac2{ opacity: .2; } .opac3{ opacity: .3; }
.opac4{ opacity: .4; } .opac5{ opacity: .5; } .opac6{ opacity: .6; }
.opac7{ opacity: .7; } .opac8{ opacity: .8; } .opac9{ opacity: .9; }
.hidden{ display: none!important; }
.button{ display: inline-flex; align-items: center; position: relative; padding: 1rem 1.5rem; font: 1.8rem 'FuturaNew-Book'; line-height: 1; color: #fff; border: .2rem solid #5DADEC; border-radius: .6rem; box-sizing: border-box; overflow: hidden; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .3s ease; z-index: 2; }
.button:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(190deg, #65bd14, #008115); z-index: -2; }
.button:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(190deg, #574df4, #5DADEC); z-index: -1; transition: opacity .3s ease; }
.button:hover:after{ opacity: 0; }
.button:hover{ color: #fff; border-color: #008115; }
.button.white{ color: #5DADEC; transition: all .3s ease; }
.button.white:before,
.button.white:after{ background: #fff; }
.button.white:hover{ color: #008115; border-color: #008115; }
.button.disabled{ filter: grayscale(.8); pointer-events: none; }
.button.form_sending{ color: transparent; pointer-events: none; }
.button.form_sending:before{ background: url('../img/loading.svg') no-repeat center; background-size: 2.2rem; opacity: 1; z-index: 2; }
.button.form_sending:hover:after{ opacity: 1; }

.fs12{ font-size: 1.2rem!important; }
.fs18{ font-size: 1.8rem!important; }
.filled{ margin-bottom: 4rem!important; padding: 1rem 3rem; background: #5DADEC; color: #fff; border-radius: 10rem; text-transform: uppercase; }

.wrapper{ position: relative; z-index: 7; }
.container{ width: 100%; max-width: 140rem; margin: 0 auto; padding: 12rem 0; }
.flexer{ display: flex; gap: 3rem; align-items: center; }
.between{ width: 100%; justify-content: space-between; }

html{ font-size: clamp(1px,10px,10px); }
body{ background: #f1f8ff; color: #212121; font: 1.8rem 'FuturaNew-Book'; text-size-adjust: none; }
body::-webkit-scrollbar-track{ background-color: #f3f8ff; }
body::-webkit-scrollbar{ width: 1.2rem; background-color: #f3f8ff; }
body::-webkit-scrollbar-thumb{ background-color: #b1cff5; border-radius: .3rem; border: none; }
body.no-scroll{ overflow: hidden; }

.bubbles{ position: absolute; top: 0; left: 0; width: 100%; height: 94rem; overflow: hidden; pointer-events: none; }
.bubbles > div{ position: absolute; pointer-events: none; opacity: .1; }
.bubbles .shape1{ top: -16rem; left: -57rem; width: 110rem; height: 52rem; background: url('../img/shape1.svg') no-repeat center; background-size: contain; z-index: 1; }
.bubbles .shape2{ bottom: -27.4rem; left: -84rem; width: 119rem; height: 114rem; background: url('../img/shape2.svg') no-repeat center; background-size: contain; z-index: 2; }
.bubbles .shape3{ bottom: 19rem; right: 12.5rem; width: 59rem; height: 42rem; background: url('../img/shape3.svg') no-repeat center; background-size: contain; z-index: 3; }
.bubbles .shape4{ bottom: 17rem; right: -9.4rem; width: 49rem; height: 56rem; background: url('../img/shape4.svg') no-repeat center; background-size: contain; z-index: 4; }
.bubbles .shape5{ bottom: -18rem; right: 12rem; width: 78.6rem; height: 38.7rem; background: url('../img/shape5.svg') no-repeat center; background-size: contain; z-index: 5; }
.bubbles .shape6{ bottom: -38rem; right: 56rem; width: 73rem; height: 54rem; background: url('../img/shape6.svg') no-repeat center; background-size: contain; z-index: 5; }
.paged .bubbles:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 16rem; background: linear-gradient(transparent, #f1f8ff); z-index: 5; }

header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 21; }
header .container{ display: flex; align-items: center; position: relative; height: 7.4rem; padding: 0; border-bottom: .1rem solid #d1d9e3; z-index: 2; }
header .container .logo{ padding-right: 5rem; }
header .container .logo a{ display: flex; gap: 1rem; height: 4.2rem; }
header .container .logo a img{ width: 4.2rem; height: 4.2rem; object-fit: contain; transition: transform .4s ease; }
header .container .logo a span{ font: 1.8rem 'FuturaNew-Demi'; line-height: 4.2rem; color: #5cabea; /*#e4031e*/ }
header .container .logo:hover a img{ transform: scale(1.08); }
header:before{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 7.4rem; background: rgba(241,248,255,.8); backdrop-filter: blur(3rem); opacity: 0; overflow: hidden; pointer-events: none; z-index: 1; transition: all .5s ease; }
header.active:before{ opacity: 1; }
header .container nav{ display: flex; gap: 2.5rem; align-items: center; }
header .container nav a{ display: flex; align-items: center; justify-content: center; position: relative; }
header .container nav span{ display: flex; align-items: center; justify-content: center; position: relative; height: 4.2rem; }
header .container nav a img{ height: 3.2rem; object-fit: contain; object-position: bottom; }
header .container nav .need img{ width: 2.7rem; height: 2.7rem; }
header .container nav .need:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 2.7rem; height: 2.7rem; background: url('../img/nav-needhelp1.svg') no-repeat center bottom; background-size: 2.7rem; pointer-events: none; }
header .container nav .need:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 2.7rem; height: 2.7rem; background: url('../img/nav-needhelp2.svg') no-repeat center bottom; background-size: 2.7rem; pointer-events: none; }
header .container nav .need.animated:before{ animation: animate_needhelp1 .75s 1 ease; }
header .container nav .need.animated:after{ animation: animate_needhelp2 .75s 1 ease; }
header .container nav .need.animated img{ animation: animate_needhelp .6s 1 linear; animation-delay: .15s; transform-origin: bottom center; }
header .container nav .ready:before{ content: ''; position: absolute; top: -.05rem; bottom: 0; left: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/nav-readyhelp1.svg') no-repeat center bottom; background-size: 3.2rem; pointer-events: none; }
header .container nav .ready:after{ content: ''; position: absolute; top: -.05rem; bottom: 0; left: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/nav-readyhelp2.svg') no-repeat center bottom; background-size: 3.2rem; pointer-events: none; }
header .container nav .ready span:not(.title):after{ content: ''; position: absolute; top: -.05rem; bottom: 0; left: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/nav-readyhelp3.svg') no-repeat center bottom; background-size: 3.2rem; pointer-events: none; }
header .container nav .ready.animated:before{ animation: animate_ready1 .8s 1 ease; }
header .container nav .ready.animated:after{ animation: animate_ready1 .8s 1 ease; animation-delay: .2s; }
header .container nav .ready.animated span:not(.title):after{ animation: animate_ready1 .6s 1 linear; animation-delay: .3s; }
header .container nav .ready.animated img{ animation: animate_readyhelp .8s 1 ease; animation-delay: .1s; }
header .container nav .map{ width: 2.8rem; }
header .container nav .map img{ margin: 0 auto; width: 2.8rem; height: 2.8rem; object-fit: contain; object-position: center; }
header .container nav .map:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 2.8rem; height: 2.8rem; background: url('../img/nav-map1.svg') no-repeat center; background-size: 2.8rem; pointer-events: none; }
header .container nav .map:after{ content: ''; position: absolute; top: .4rem; right: .05rem; margin: auto; width: .7rem; height: 1.1rem; background: url('../img/nav-map2.svg') no-repeat center; background-size: .7rem; pointer-events: none; }
header .container nav .map.animated:before{ animation: animate_map1 .95s 1 ease; animation-delay: .05s; }
header .container nav .map.animated:after{ animation: animate_map2 1.2s 1 linear; }
header .container nav .map.animated img{ animation: animate_map .8s 1 ease; }
header .container nav .calendar img{ width: 2.3rem; height: 2.3rem; transform-origin: bottom left; }
header .container nav .calendar:after{ content: ''; position: absolute; bottom: .9rem; right: -.1rem; margin: auto; width: 1.1rem; height: 1.1rem; background: url('../img/nav-calendar1.svg') no-repeat center bottom; background-size: 1.1rem; pointer-events: none; }
header .container nav .calendar.animated img{ animation: animate_calendar .7s 1 ease; }
header .container nav .calendar.animated:after{ animation: animate_calendar1 .4s 2 linear; }
header .container nav .blogs img{ height: 2.7rem; }
header .container nav .blogs:after{ content: ''; position: absolute; top: 0; bottom: 0; right: -.05rem; margin: auto; width: 3.2rem; height: 2.7rem; background: url('../img/nav-blogs1.svg') no-repeat center bottom; background-size: 3.2rem; pointer-events: none; }
header .container nav .blogs.animated img{ animation: animate_blogs .8s 1 linear; transform-origin: bottom center; }
header .container nav .blogs.animated:after{ animation: animate_blogs1 .8s 1 ease; }
header .container nav a .title{ position: absolute; bottom: -2rem; left: 0; right: 0; margin: auto; font: 1rem 'FuturaNew-Medium'; line-height: 1rem; text-align: center; text-transform: uppercase; white-space: nowrap; opacity: 0; pointer-events: none; transition: all .3s ease; }
header .container nav a:hover .title{ transform: translateY(.5rem); color: #212121; opacity: 1; }
header .container .search{ display: flex; margin: 0 0 0 auto; border-radius: .6rem; background: #fff; overflow: hidden; }
header .container .search input[type="text"]{ width: 25rem; height: 3.8rem; padding: 0 2rem; background: transparent; font-size: 1.6rem; }
header .container .search .search_button{ display: block; width: 6rem; height: 3.8rem; background: url('../img/search.svg') no-repeat center; background-size: 2rem; cursor: pointer; transition: transform .4s ease; }
header .container .search .search_button:hover{ transform: scale(1.1); }
header .container .add{ margin: 0 2.4rem; }
header .container .add .button{ display: flex; align-items: center; gap: .6rem; font: 1.5rem 'FuturaNew-Medium'; height: 3.8rem; line-height: 3.8rem; padding: 0 1.5rem; }
header .container .add .button img{ width: 1.6rem; height: 1.6rem; transition: transform .4s ease;  }
header .container .add .button:hover img{ transform: scale(1.1); }
header .container .chat{ position: relative; width: 2.6rem; height: 2.6rem; margin-right: 2.4rem; cursor: pointer; }
header .container .chat .unread{ position: absolute; top: -.75rem; right: -.75rem; margin: auto; padding: 0; min-width: 2rem; box-sizing: border-box; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #e4031e; color: #fff; font-size: 1.2rem; text-align: center; z-index: 3; }

header .container .chat img{ width: 2.6rem; height: 2.6rem; transform-origin: top left; animation-direction: reverse; }
header .container .chat:after{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 2.6rem; height: 2.6rem; background: url('../img/chat1.svg') no-repeat center bottom; background-size: 2.6rem; pointer-events: none; transform-origin: top right; animation-direction: reverse; }
header .container .chat a .title{ display: flex; align-items: center; justify-content: center; position: absolute; bottom: -1.7rem; left: 0; right: 0; margin: auto; font: 1rem 'FuturaNew-Medium'; line-height: 1rem; text-align: center; text-transform: uppercase; white-space: nowrap; opacity: 0; pointer-events: none; transition: all .3s ease; }
header .container .chat a:hover .title{ transform: translateY(.5rem); color: #212121; opacity: 1; }
header .container .chat.animated img{ animation: animate_calendar .5s 1 linear; animation-fill-mode: forwards; animation-direction: alternate; }
header .container .chat.animated:after{ animation: animate_chat1 .5s 1 linear; animation-fill-mode: forwards; animation-direction: alternate; }

header .container .user a{ display: flex; align-items: center; gap: 1rem; }
header .container .user .nickname{ font: 1.5rem 'FuturaNew-Book'; }
header .container .user.unknown .nickname{ font: 1.6rem 'FuturaNew-Book'; }
header .container .user .avatar{ display: flex; align-items: center; justify-content: center; width: 4.2rem; height: 4.2rem; background: #d4e3f6; border-radius: 1.7rem; overflow: hidden; }
header .container .user .avatar img{ width: 4.2rem; height: 4.2rem; object-fit: cover; }

main .button{ padding: 1.2rem 3.5rem; }

.main_banner{ padding-top: 7.4rem; overflow-x: clip; }
.main_banner .container{ position: relative; height: 86rem; padding: 21rem 0 0; }
.main_banner .pic{ position: absolute; top: 0; bottom: 0; right: -5rem; width: 66rem; height: 67rem; margin: auto; background: url('../img/peoples.webp') no-repeat right center; background-size: 66rem; pointer-events: none; }
.main_banner .title{ font: 4.6rem 'FuturaNew-Light'; line-height: 4.1rem; margin-bottom: 6rem; }
.main_banner .title span{ display: block; font: 4.47rem 'FuturaNew-Medium'; line-height: 4.1rem; }
.main_banner h1{ display: table; margin-bottom: 8rem; font: 2.3rem 'FuturaNew-Book'; color: #212121; border-bottom: .1rem solid #d9dde3; }
.main_banner .group{ display: flex; gap: 1.2rem; }
.main_banner .group .button{ padding: 1.9rem 4.8rem; }
.main_banner .app_store{ position: absolute; bottom: 5rem; left: 0; }
.main_banner .app_store .download{ height: 3.2rem; margin-bottom: 1.2rem; padding-left: 3.6rem; font: 1.6rem 'FuturaNew-Medium'; line-height: 1.6rem; background: url('../img/mobile.svg') no-repeat left center; background-size: contain; }
.main_banner .app_store .download span{ display: block; font: 1.4rem 'FuturaNew-Book'; }
.main_banner .app_store .users_counter{ padding-left: 3.6rem; font: 1.6rem 'FuturaNew-Book'; line-height: 2.6rem; background: url('../img/users.svg') no-repeat left center; background-size: contain; }
.main_banner .app_store .top_social{ display: flex; flex-wrap: wrap; gap: 1rem; }
.main_banner .app_store .top_social .title{ width: 100%; margin-bottom: 0; font: 1.6rem 'FuturaNew-Medium'; line-height: 1.2; order: 1; }
.main_banner .app_store .top_social a{ display: block; width: 4.2rem; height: 4.2rem; order: 2; }
.main_banner .app_store .top_social a img{ width: 100%; height: 100%; object-fit: contain; }
.main_banner .coop{ margin-top: 8rem; color: #008115; }

.hello{ background: #f8fcff url('../img/logo_lightblue.svg') no-repeat bottom -30.5rem center; background-size: 61rem; overflow-x: clip; }
.hello .container{ padding: 9rem 9rem 11rem; }
.hello .container .title{ margin-bottom: 7rem; font: 3.8rem 'FuturaNew-Book'; text-align: center; }
.hello .container .group{ display: flex; align-items: center; gap: 8rem; }
.hello .container .group .txt p{ margin: 0 0 4rem; font: 1.8rem 'FuturaNew-Book'; }
.hello .container .group .txt p:last-child{ margin: 0; }
.hello .container .group .img img{ width: 22rem; height: 22rem; }

.privacy p{ margin-bottom: 2rem; }

.ads{ width: 100%; }
.ads .container{ padding: 7rem 0 9rem; }
.ads .container > .title{ margin-bottom: 6rem; font: 3.8rem 'FuturaNew-Book'; text-align: center; }
.ads_page .ads .container{ padding: 0 0 9rem; }
.ads_page .news .container{ padding: 0 0 9rem; }
.ads .grid{ display: flex; gap: 5.5rem; }
.ads .grid .list{ display: flex; align-items: flex-start; flex-wrap: wrap; gap: 3rem 2rem; width: 100%; }
.ads .grid .list.loading{ position: relative; pointer-events: none; }
.ads .grid .list.loading:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; background: rgba(241,248,255,.8) url('/img/loading_gray.svg') no-repeat top 10rem center; background-size: 3rem; }
.ads .grid .list .item{ width: calc(33.33% - 1.4rem); background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); overflow: hidden; transition: transform .3s ease; }
.ads .grid.four .list .item{ width: calc(25% - 1.5rem); }
.ads .grid .list .item:hover{ transform: scale(1.04); }
.ads .grid .list .item a{ color: #212121; }
.ads .grid .list .item .img{ position: relative; width: 100%; height: 23rem; }
.ads .grid .list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.ads .grid .list .item:hover .img img{ transform: scale(1.04); }
.ads .grid .list .item .img .no_picture{ display: block; position: relative; width: 100%; height: 100%; background: #daeafd; }
.ads .grid .list .item .img .no_picture:after{ content: ''; position: absolute; width: 100%; height: 100%; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); }
.ads .grid .list .item .img span:not(.no_picture){ display: table; position: absolute; top: 1.3rem; left: 1.6rem; font: 1.4rem 'FuturaNew-Book'; height: 2.6rem; line-height: 2.6rem; border-radius: .6rem; padding: 0 1rem 0 3.1rem; backdrop-filter: blur(3rem); }
.ads .grid .list .item .img .red{ background: rgba(255,255,255,.9) url('../img/need_red.svg') no-repeat left 1rem center; background-size: 1.6rem; color: #e4031e; }
.ads .grid .list .item .img .blue{ background: rgba(255,255,255,.9) url('../img/ready_blue.svg') no-repeat left .8rem center; background-size: 1.9rem; color: #5DADEC; }
.ads .grid .list .item .txt{ position: relative; height: 11rem; padding: 1.5rem 2rem; overflow: hidden; }
.ads .grid .list .item .txt .title{ display: block; font: 1.9rem 'FuturaNew-Book'; max-height: 4.6rem; line-height: 2.3rem; overflow: hidden; }
.ads .grid .list .item .txt .info{ display: flex; justify-content: space-between; position: absolute; left: 0; bottom: 1.5rem; width: 100%; padding: 0 2rem; }
.ads .grid .list .item .txt .info .user{ display: flex; align-items: center; gap: .6rem; font: 1.4rem 'FuturaNew-Book'; height: 1.5rem; line-height: 1.5rem; color: #585858; }
.ads .grid .list .item .txt .info .user img{ width: 2rem; height: 2rem; border-radius: 2rem; object-fit: cover; }
.ads .grid .list .item .txt .info .date{ font: 1.4rem 'FuturaNew-Book'; height: 1.5rem; line-height: 1.5rem; opacity: .5; }
.ads .grid .list .list_control{ width: 100%; padding-top: 3rem; text-align: center; }
.ads .grid .filter{ width: 30rem; min-width: 30rem; }
.ads .grid .filter .filter_type_selector{ margin-bottom: 2rem; padding: 1.4rem 1rem; background: #5DADEC; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads .grid .filter .filter_type_selector span input{ display: none; }
.ads .grid .filter .filter_type_selector span label{ display: block; position: relative; margin: 0 0 .2rem; padding: 1rem 1rem 1rem 3.4rem; font: 1.7rem 'FuturaNew-Book'; background: #f3f1fd; border-radius: .6rem; cursor: pointer; }
.ads .grid .filter .filter_type_selector span:nth-of-type(1) label{ background: #f3f1fd url('../img/need_black.svg') no-repeat left 15rem center; background-size: 1.8rem; }
.ads .grid .filter .filter_type_selector span:nth-of-type(2) label{ background: #f3f1fd url('../img/ready_black.svg') no-repeat left 15rem center; background-size: 2.1rem; }
.ads .grid .filter .filter_type_selector span label:before{ content: ''; position: absolute; left: 1rem; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: #fff; border-radius: .4rem; }
.ads .grid .filter .filter_type_selector span label:after{ content: ''; position: absolute; left: 1rem; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: url('../img/checkmark.svg') no-repeat center; background-size: 1.2rem; border-radius: .4rem; opacity: 0; transition: opacity .3s ease; }
.ads .grid .filter .filter_type_selector span label:hover:after{ opacity: .5; }
.ads .grid .filter .filter_type_selector span input[type=checkbox]:checked + label:after{ opacity: 1; transition: opacity .1s ease; }
.ads .grid .filter .filter_type_selector span:last-child label{ margin: 0; }
.ads .grid .filter .filter_categories{ margin-bottom: 2rem; padding: 3rem 2rem; background: #e2ecfe; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads .grid .filter .filter_categories span{  }
.ads .grid .filter .filter_categories span input{ display: none; }
.ads .grid .filter .filter_categories span label{ display: block; position: relative; line-height: 1.6rem; margin: 0 0 1.6rem; padding: 0 0 0 2.4rem; font: 1.7rem 'FuturaNew-Book'; cursor: pointer; }
.ads .grid .filter .filter_categories span label:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: #fff; border-radius: .4rem; }
.ads .grid .filter .filter_categories span label:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: url('../img/checkmark.svg') no-repeat center; background-size: 1.2rem; border-radius: .4rem; opacity: 0; transition: opacity .3s ease; }
.ads .grid .filter .filter_categories span label:hover:after{ opacity: .5; }
.ads .grid .filter .filter_categories span input[type=checkbox]:checked + label:after{ opacity: 1; transition: opacity .1s ease; }
.ads .grid .filter .filter_categories span:last-child label{ margin: 0; }
.ads .grid .filter .filter_search{ margin-bottom: 2rem; padding: 1rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads .grid .filter .filter_search #filter_query{ width: 100%; padding: 0 1rem 0 3.6rem; font: 1.8rem 'FuturaNew-Book'; height: 4.2rem; line-height: 4.2rem; background: url('../img/search_f.svg') no-repeat left 1rem center; background-size: 1.6rem; border-bottom: .1rem solid #e5e5e5; }
.ads .grid .filter .filter_search .group{ display: flex; position: relative; }
.ads .grid .filter .filter_search .group:after{ content: ''; position: absolute; bottom: .75rem; left: 0; right: 0; margin: auto; width: .1rem; height: 2.5rem; border-right: .1rem dashed #e5e5e5; box-sizing: border-box; }
.ads .grid .filter .filter_search input#filter_date{ width: 100%; padding: 0 1rem 0 3.6rem; font: 1.5rem 'FuturaNew-Book'; height: 4.2rem; line-height: 4.2rem; color: #7b7b7b; }
.ads .grid .filter .filter_search input#filter_date{ background: url('../img/calendar.svg') no-repeat left 1rem center; background-size: 1.6rem; }
.ads .grid .filter .filter_to_map{ margin-bottom: 2rem; padding: 0 1rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads .grid .filter .filter_to_map a{ display: block; font: 1.6rem 'FuturaNew-Medium'; height: 5.8rem; line-height: 5.8rem; background: url('../img/placemark.svg') no-repeat left .6rem center; background-size: 2.4rem; padding: 0 1rem 0 3.6rem; }
.ads .grid .filter .filter_control .button{ display: table; margin: 0 auto 1.5rem; padding: 1.2rem 4.6rem; }
.ads .grid .filter .filter_control .reset{ display: none; margin: 0 auto; font: 1.4rem 'FuturaNew-Book'; opacity: .6; cursor: pointer; }

.user_profile .ads .grid .list .item{ width: calc(25% - 1.5rem); }
.user_profile .ads .grid .list .item .txt .info .status{ position: relative; font: 1.5rem 'FuturaNew-Light'; height: 1.5rem; line-height: 1.5rem; padding: 0 0 0 1rem; }
.user_profile .ads .grid .list .item .txt .info .status:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .6rem; height: .6rem; border-radius: .6rem; }
.user_profile .ads .grid .list .item .txt .info .status.green{ color: #000001; }
.user_profile .ads .grid .list .item .txt .info .status.yellow{ color: #000001; }
.user_profile .ads .grid .list .item .txt .info .status.red{ color: #000001; }
.user_profile .ads .grid .list .item .txt .info .status.green:after{ background: #85bc31; }
.user_profile .ads .grid .list .item .txt .info .status.yellow:after{ background: #f79900; }
.user_profile .ads .grid .list .item .txt .info .status.red:after{ background: #c40520; }

.ads + h2{ margin-top: 5rem; }

.about{ background: #f8fcff; overflow-x: clip; }
.about .container{ position: relative; padding: 9rem 9rem 11rem; }
.about .container .title{ margin-bottom: 7rem; font: 3.8rem 'FuturaNew-Book'; text-align: center; }
.about .container .txt{ padding-right: 42rem; }
.about .container .txt p{ margin: 0 0 4rem; font: 1.8rem 'FuturaNew-Book'; }
.about .container .group{ display: flex; align-items: center; gap: 2.5rem; }
.about .container .group .button{ font-size: 1.7rem; }
.about .container .group .download{ height: 3.2rem; padding-left: 3.6rem; font: 1.6rem 'FuturaNew-Medium'; line-height: 1.6rem; color: #5DADEC; background: url('../img/mobile_blue.svg') no-repeat left center; background-size: contain; }
.about .container .group .download span{ display: block; font: 1.4rem 'FuturaNew-Book'; }
.about .img{ display: flex; justify-content: flex-end; align-items: flex-end; position: absolute; bottom: 0; right: -5.5rem; width: 66.2rem; height: 51.5rem; background: url('../img/shape7.svg') no-repeat top right; background-size: 66.2rem; }
.about .img img{ width: 55.5rem; right: 0; }
.about .img .hearth{ position: absolute; width: 4.7rem; height: 4.4rem; bottom: 16rem; right: 44rem; background: url('../img/hearth.webp') no-repeat center; background-size: contain; }
.about .img .like{ position: absolute; width: 5.6rem; height: 5.2rem; bottom: 41rem; right: 20rem; background: url('../img/like.webp') no-repeat center; background-size: contain; }
.about .img .logo{ position: absolute; width: 8.6rem; height: 8.6rem; bottom: 35.5rem; right: 34rem; background: url('../img/logo.svg') no-repeat center; background-size: contain; transform: rotate(15deg); }
.about .img .chat{ position: absolute; width: 7.7rem; height: 7.2rem; bottom: 26rem; right: 8.4rem; background: url('../img/chat.webp') no-repeat center; background-size: contain; }

.partners{ background: #e8f3fd; }
.partners .container{ padding: 9rem 9rem 11rem; }
.partners .container .title{ margin-bottom: 7rem; font: 3.8rem 'FuturaNew-Book'; text-align: center; }
.partners .container .grid{ display: flex; justify-content: center; flex-wrap: wrap; gap: 3rem; margin-bottom: 8rem; }
.partners .container .grid .item{ display: flex; align-items: center; justify-content: center; width: calc(20% - 2.4rem); padding: 3.6rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.partners .container .grid .item img{ width: 100%; height: 100%; object-fit: contain; }
.partners .container .group{ display: flex; justify-content: center; gap: 1.2rem; }

.news{ display: flex; gap: 6rem; }
.news .container{ display: flex; gap: 6rem; }
.news .list{ width: 100%; }
.news .list a{ color: #212121; }
.news .list > .title{ margin-bottom: 3rem; font: 3.8rem 'FuturaNew-Book'; line-height: 3.8rem; }
.news .list .item{ margin-bottom: 3rem; padding: 3rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.news .list .item:last-child{ margin-bottom: 0; }
.news .list .item .user{ margin-bottom: 3rem; }
.news .list .item .user a{ display: flex; align-items: center; }
.news .list .item .user a .img{ display: block; width: 4.2rem; height: 4.2rem; border-radius: 4.2rem; background: url('../img/user.svg') no-repeat center; background-size: 4.2rem; overflow: hidden; }
.news .list .item .user a .img img{ width: 100%; height: 100%; object-fit: cover; }
.news .list .item .user a .group{ display: block; margin-left: 1rem; }
.news .list .item .user a .group > span{ display: block; line-height: 1.1; }
.news .list .item .user a .group .name{ font: 1.7rem 'FuturaNew-Medium'; }
.news .list .item .user a .group .date{ display: block; font-size: 1.3rem; opacity: .7; }
.news .list .item .title{ display: block; margin-bottom: 3rem; font: 2.4rem 'FuturaNew-Medium'; }
.news .list .item p{ font-size: 1.7rem; margin-bottom: 2rem; }
.news .list .item .big_image{ display: flex; align-items: center; position: relative; margin: 0 -3rem 2rem; max-height: 46rem; overflow: hidden; }
.news .list .item .big_image a{ display: block; width: 100%; }
.news .list .item .big_image img{ width: 100%; height: 100%; object-fit: cover; }
.news .list .item .ntags{ opacity: .5; }
.news .list .item .ntags a{ display: inline-block; font-size: 1.6rem; margin-right: .7rem; }
.news .tags{ width: 33rem; min-width: 33rem; }
.news .tags .title{ margin-bottom: 3rem; font: 3.1rem 'FuturaNew-Book'; line-height: 3.8rem; }
.news .tags a,
.news .tags span{ display: inline-block; position: relative; margin: 0 1rem 1.2rem 0; padding: 0 .8rem; background: linear-gradient(to bottom, #6481e4, #3d61d5); font-size: 1.5rem; height: 3.2rem; line-height: 3.2rem; color: #fff; border-radius: .4rem .4rem .4rem 0; box-shadow: .1rem .1rem .3rem rgba(0,0,0,0.7); cursor: pointer; }
.news .tags a:after,
.news .tags span:after{ content: ''; position: absolute; bottom: -.8rem; left: 0; width: 0; height: 0; border-style: solid; border-width: .8rem .8rem 0 0; border-color: #3d61d5 transparent transparent transparent; }






.chat{  }
.chat h1{ font: 3.7rem 'FuturaNew-Book'; }
.chat .chat_settings{ display: flex; position: relative; justify-content: space-between; margin: 0; padding: .5rem 0 0; }
.chat .chat_settings .create{ width: 27rem; min-width: 27rem; padding: 0 1rem 0 0; box-sizing: border-box; }
.chat .chat_settings .create #new_chat{ display: flex; align-items: center; justify-content: center; height: 3.4rem; line-height: 3.4rem; border: .1rem solid #a8b7cf; font-size: 1.4rem; color: #76849a; text-decoration: none; border-radius: .5rem; text-align: center; box-sizing: border-box; cursor: pointer; }
.chat .chat_settings .create #new_chat span{ display: inline-block; height: 2rem; line-height: 2rem; padding-left: 3rem; background: url('/img/chat/create_chat.svg') no-repeat left center; background-size: 2rem; }
.chat .chat_settings .create #new_chat img{ display: inline-block; height: 2.2rem; vertical-align: middle; }
.chat .chat_settings .search{ display: block; position: relative; width: 100%; padding: 0; transition: all .3 ease; }
.chat .chat_settings .search.disabled{ opacity: 0; filter: grayscale(1); pointer-events: none; }
.chat .chat_settings .search .form{ display: flex; gap: 1rem; box-sizing: border-box; }
.chat .chat_settings .search .form #chat_search{ width: 100%; height: 3.2rem; line-height: 3.2rem; padding: 0 2rem; border-radius: .6rem; font-size: 1.4rem; box-sizing: border-box; }
.chat .chat_settings .search .form #get_chat_search{ min-width: 4.6rem; width: 4.6rem; height: 3.2rem; line-height: 3.2rem; margin: 0; padding: 0rem 1.3rem; transition: opacity .4s ease; cursor: pointer; }
.chat .chat_settings .search .form #get_chat_search img{ width: 100%; height: 100%; object-fit: contain; filter: invert(1); }
.chat .chat_settings .search .form #close_chat_search{ display: none; position: absolute; right: 7.3rem; top: 0; width: 3.2rem; height: 3.2rem; background: url('/img/cancel.svg') no-repeat center; background-size: 1.4rem; filter: grayscale(1); opacity: 0.3; cursor: pointer; transition: opacity 0.4s ease; }
.chat .chat_settings .search .form #close_chat_search:hover{  opacity: 1; transition: opacity 0.4s ease; }
.chat .chat_settings .search .form #get_chat_search:hover{ opacity: 0.7; transition: opacity 0.4s ease; }
.chat .chat_settings .alertbox{ display: none; position: absolute; top: 3.2rem; right: 5.5rem; left: 0; height: 4rem; line-height: 4rem; padding: 0 2rem; font-size: 1.4rem; box-sizing: border-box; background: #fff; z-index: 6; border-radius: 0 0 .6rem .6rem; box-shadow: .4rem .4rem .4rem rgba(0,0,0,0.1); border-left: .1rem solid #ececec; border-right: .1rem solid #ececec; border-bottom: .1rem solid #ececec; opacity: .9; z-index: 10; }

.chat .chat_body{ display: flex; min-height: 60rem; }
.chat .chat_body .chat_groups{ display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; width: 27rem; min-width: 27rem; height: 60rem; overflow-y: auto; margin: 1.5rem .7rem 0 0; padding-right: .3rem; box-sizing: border-box; }
.chat .chat_body .chat_groups .fs12{ padding: 0 0 1rem 2rem; }
.chat .chat_body .chat_groups::-webkit-scrollbar-track{ background-color:#c9dce5; }
.chat .chat_body .chat_groups::-webkit-scrollbar{ width: .4rem; background-color:#c9dce5}
.chat .chat_body .chat_groups::-webkit-scrollbar-thumb{ background-color: #adb5c2; border-radius: 0; border: 0; }
.chat .chat_body .chat_groups .opacity6{ padding: 0 2rem; }
.chat .chat_body .chat_groups .group{ display: flex; align-items: center!important; position: relative; width: 100%; height: 4.6rem; margin-bottom: 1.5rem; padding: 0 2rem 0 0; border-radius: 1.7rem .6rem .6rem 1.7rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); box-sizing: border-box; cursor: pointer; }
.chat .chat_body .chat_groups .group.empty{ padding: 0 3rem; font-size: 6rem; color: #8a8a8a; pointer-events: none; }
.chat .chat_body .chat_groups .group .unread{ position: absolute; bottom: .5rem; right: 1rem; margin: auto; padding: 0 .5rem; min-width: 2rem; box-sizing: border-box; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #e4031e; color: #fff; font-size: 1.1rem; text-align: center; z-index: 3; }
.chat .chat_body .chat_groups .group:before{ content: ''; position: absolute; left: 0; right: 0; height: 100%; background: #fff; border-radius: 1.7rem .6rem .6rem 1.7rem; z-index: -1; transition: background-color .4s ease; }
.chat .chat_body .chat_groups .group:hover::before{ background: #fff; transition: background-color 0.4s ease; }
.chat .chat_body .chat_groups .group.active:before{ background: #f1f8ff; transition: background-color 0.4s ease; }
.chat .chat_body .chat_groups .group .avatar{ display: block; width: 4.6rem; min-width: 4.6rem; height: 4.6rem; border-radius: 1.7rem; background:#eceff1 url('/img/loading_gray.svg') no-repeat center; background-size: 1.8rem; overflow: hidden; z-index: 1; }
.chat .chat_body .chat_groups .group .avatar img{ width: 100%; height: 100%; object-fit: cover; }
.chat .chat_body .chat_groups .group .message{ display: block; width: 100%; height: 4.6rem; padding-left: 1rem; overflow: hidden; z-index: 1; }
.chat .chat_body .chat_groups .group .message .name{ display: block; margin-top: .5rem; font: 1.3rem 'FuturaNew-Book';line-height: 1.4rem; }
.chat .chat_body .chat_groups .group .message .date{ display: block; position: absolute; top: .7rem; right: 1rem; font: 1rem 'FuturaNew-Medium'; line-height: 1.2rem; opacity: 0.6; }
.chat .chat_body .chat_groups .group .message .last{ display: block; margin-top: .2rem; font-size: 1.3rem; line-height: 2.2rem; white-space: nowrap; }
.chat .chat_body .chat_groups .group .message .last .no_message{ opacity: 0.6; }
.chat .chat_body .chat_groups .group .message .is_typing{ display: block; margin-top: .2rem; font: 1.2rem 'FuturaNew-Medium'; line-height: 2.2rem; color: #63b335; white-space: nowrap; }
.chat .chat_body .chat_groups .group .user_on{ display: none; }
.chat .chat_body .chat_groups .group .user_on.line{ display: block; position: absolute; bottom: -.1rem; left: 3.5rem; width: 1.2rem; height: 1.2rem; border-radius: 1rem; background: linear-gradient(0deg, rgba(90,162,168,1) 0%, rgba(187,231,18,1) 100%); border: .1rem solid #fff; z-index: 2; }
.chat .chat_body .chat_groups .group.blocked{ filter: grayscale(1); opacity: 0.7; }
.chat .chat_body .chat_groups .group.blocked .message .name{ padding-left: 2rem; background: url('/img/chat/blocked.svg') no-repeat left center; background-size: 1.4rem; }
.chat .chat_body .chat_groups .group.muted{  }
.chat .chat_body .chat_groups .group.muted .message .name{ padding-left: 2rem; background: url('/img/chat/muted.svg') no-repeat left top .1rem; background-size: 1.4rem; }
.chat .chat_body .chat_groups .group.muted.blocked .message .name{ padding-left: 3.8rem; background: url('/img/chat/blocked.svg') no-repeat left center, url('/img/chat/muted.svg') no-repeat left 1.8rem top .1rem; background-size: 1.4rem; }

.chat .chat_body #chat_messages{ display: none; width: 100%; position: relative; height: 60rem; margin: 1.5rem 0 0 1rem; }
.chat .chat_body #chat_messages .wrapper{ position: relative; background: #fff url('/img/chat/chat_default_pattern_black.svg') top left; background-size: 20rem; padding-bottom: 7rem; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); overflow: hidden; }

.chat .chat_body #chat_messages.active{ display: block; }
.chat .chat_body #chat_messages .band{ width: 100%; position: relative; padding: 2rem; box-sizing: border-box; height: 53rem; overflow-y: auto; }
.chat .chat_body #chat_messages .band::-webkit-scrollbar-track{background-color:#a5c5d4}
.chat .chat_body #chat_messages .band::-webkit-scrollbar{width: .4rem;background-color:#a5c5d4}
.chat .chat_body #chat_messages .band::-webkit-scrollbar-thumb{background-color:#76849a;border-radius:0;border:0}
.chat .chat_body #chat_messages .sresults{ display: none; width: 100%; position: relative; margin-bottom: -6rem; padding: 2rem; box-sizing: border-box; height: 60rem; overflow-y: auto; }
.chat .chat_body #chat_messages .sresults::-webkit-scrollbar-track{background-color:#a5c5d4}
.chat .chat_body #chat_messages .sresults::-webkit-scrollbar{width: .4rem;background-color:#a5c5d4}
.chat .chat_body #chat_messages .sresults::-webkit-scrollbar-thumb{background-color:#76849a;border-radius:0;border:0}

.chat .chat_body #chat_messages .chat_controls{ display: none; align-items: center; justify-content: space-between; background: #fff; padding: 0 1.2rem; box-sizing: border-box; }
.chat .chat_body #chat_messages .chat_controls .close{ display: none; }
.chat .chat_body #chat_messages .chat_controls .userdata{ width: 100%; padding: 1rem 0; }
.chat .chat_body #chat_messages .chat_controls .userdata a{ display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; padding-left: 1rem; }
.chat .chat_body #chat_messages .chat_controls .userdata a span{ display: block; }
.chat .chat_body #chat_messages .chat_controls .userdata a .userpic{ width: 4.2rem; min-width: 4.2rem; height: 4.2rem; border-radius: 4.2rem; overflow: hidden; }
.chat .chat_body #chat_messages .chat_controls .userdata a .userpic img{ width: 100%; height: 100%; object-fit: cover; }
.chat .chat_body #chat_messages .chat_controls .userdata a .username{ position: relative; max-width: 13rem; overflow: hidden; white-space: nowrap; font: 1.5rem 'FuturaNew-Medium'; line-height: 1.9rem; padding: 0 1rem 0 .6rem; }
.chat .chat_body #chat_messages .chat_controls .userdata a .username .login{ font: 1.2rem 'FuturaNew-Book'; min-width: 6.2rem; opacity: 0.7; }
.chat .chat_body #chat_messages .chat_controls .userdata a .username .is_typing{ font: 1.2rem 'FuturaNew-Medium'; color: #63b335; min-width: 6.2rem; }
.chat .chat_body #chat_messages .chat_controls .userdata a .username:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.5rem; height: 4.2rem; background: linear-gradient(to right, transparent, #fff 85%); }
.chat .chat_body #chat_messages .chat_controls .userdata a .user_on{ display: none; }
.chat .chat_body #chat_messages .chat_controls .userdata a .user_on.line{ display: block; position: absolute; bottom: 0; left: 5.1rem; width: .9rem; height: .9rem; border-radius: 1rem; background: linear-gradient(0deg, rgba(90,162,168,1) 0%, rgba(187,231,18,1) 100%); border: .2rem solid #fff; z-index: 2; }
.chat .chat_body #chat_messages .chat_controls .settings{ display: block; width: 4.2rem; min-width: 4.2rem; height: 4.2rem; background: url('/img/chat/control.svg') no-repeat center; background-size: 2.6rem; cursor: pointer; }
.chat .chat_body #chat_messages .chat_controls .search{ display: flex; width: 12rem; min-width: 12rem; height: 12rem; cursor: pointer; }
.chat .chat_body #chat_messages .chat_controls .search .form{ display: flex; box-sizing: border-box; }
.chat .chat_body #chat_messages .chat_controls .search .form #chat_search_mobile{ display: none; position: absolute; top: 4rem; left: 4rem; right: 4rem; height: 20rem; line-height: 20rem; font-size: 6rem; padding: 0 .5rem; border-bottom: .1rem solid #ececec; box-sizing: border-box; }
.chat .chat_body #chat_messages .chat_controls .search .form #get_chat_search_mobile{ display: block; min-width: 8rem; width: 8rem; height: 12rem; line-height: 12rem; background: url('/img/search.svg') no-repeat center; background-size: contain; opacity: .6; transition: opacity .4s ease; cursor: pointer; pointer-events: none; }
.chat .chat_body #chat_messages .chat_controls .search .form #close_chat_search_mobile{ display: none; position: absolute; top: 9rem; right: 4rem; width: 10rem; min-width: 10rem; height: 10rem; background: url('/img/cancel.svg') no-repeat center; background-size: 7rem; filter: grayscale(1); opacity: 0.8; cursor: pointer; }
.chat .chat_body #chat_messages .chat_controls .search .form #close_chat_search_mobile:hover{  opacity: 1; }
.chat .chat_body #chat_messages .chat_controls .search .form #get_chat_search_mobile:hover{ opacity: 0.7; transition: opacity 0.4s ease; }
.chat .chat_body #chat_messages .chat_controls .alertbox{ display: none; position: absolute; top: 20rem; left: 0; right: 0; height: 16rem; line-height: 16rem; padding: 0 4rem; font-size: 6rem; box-sizing: border-box; background: #fff; z-index: 6; border-radius: 0 0 .6rem .6rem; box-shadow: .4rem .4rem .4rem rgba(0,0,0,0.1); border-left: .1rem solid #ececec; border-right: .1rem solid #ececec; border-bottom: .1rem solid #ececec; opacity: .96; }

.chat .chat_body #chat_messages .splitter{ display: block; margin: 3rem 0; padding: .5rem 0; background: rgba(26,166,255,0.16); backdrop-filter: blur(.15rem); border-radius: 1.8rem; font: 1.3rem 'FuturaNew-Medium'; color: #313131; text-align: center; }
.chat .chat_body #chat_messages .message{ display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; margin: 2.8rem 0 0 0; }
.chat .chat_body #chat_messages .message:nth-of-type(1){ margin: 1rem 0 0 0; }
.chat .chat_body #chat_messages .message:not(.my) ~ .message:not(.my){ margin: 1rem 0 0 0; }
.chat .chat_body #chat_messages .message.my + .message:not(.my){ margin: 2.8rem 0 0 0; }
.chat .chat_body #chat_messages .message .userpic{ width: 3.4rem; min-width: 3.4rem; height: 3.4rem; border-radius: 3.4rem; box-shadow: .2rem .2rem .2rem rgba(0,0,0,0.08); overflow: hidden; }
.chat .chat_body #chat_messages .message .userpic img{ width: 100%; height: 100%; object-fit: cover; }
.chat .chat_body #chat_messages .message .content{ display: table; position: relative; max-width: 70%; margin: 0 1.4rem; padding: 1.2rem .4rem 1.6rem 1rem; background: #e7f3ff; border-radius: 1.8rem; box-shadow: .2rem .2rem .2rem rgba(0,0,0,0.08); box-sizing: border-box; }
.chat .chat_body #chat_messages .message.deleted .content{ padding: 1.4rem 2.6rem; font-size: 6rem; }
.chat .chat_body #chat_messages .message.deleted .content em{ opacity: .6; }
.chat .chat_body #chat_messages .message .content:before{ display: block; content: ''; position: absolute; left: -1rem; top: .8rem; width: 1.5rem; height: 1.3rem; background: #e7f3ff; clip-path: polygon(0 10%, 100% 94%, 100% 10%); }
.chat .chat_body #chat_messages .message .content span{ display: block; }
.chat .chat_body #chat_messages .message .content .info{ display: flex; align-items: center; justify-content: space-between; align-content: flex-start; }
.chat .chat_body #chat_messages .message .content .info .name{ position: relative; font: 1.3rem 'FuturaNew-Medium'; width: 100%; margin-right: 2rem; padding-right: 3.5rem; box-sizing: border-box; white-space: nowrap; overflow: hidden; }
.chat .chat_body #chat_messages .message .content .info .name:after{ content: ''; position: absolute; right: 0; top: 0; width: 3.5rem; height: 2rem; background: linear-gradient(to right, transparent, #e7f3ff 85%); }

.chat .chat_body #chat_messages .message .content .info .date{ font-size: 1.1rem; color: #818181; line-height: 1.2rem; text-align: right; }
.chat .chat_body #chat_messages .message .content .info .dots{ width: 1.5rem; min-width: 1.5rem; height: 1.5rem; opacity: .4; cursor: pointer; transition: opacity .3s ease; }
.chat .chat_body #chat_messages .message .content .info .dots:hover{ opacity: 1; }
.chat .chat_body #chat_messages .message .content .info .dots img{ width: 100%; height: 100%; object-fit: contain; }
.chat .chat_body #chat_messages .message .content .text{ font-size: 1.6rem; line-height: 1.6rem; padding: 1rem 1.6rem 0 0; word-break: break-word; }
.chat .chat_body #chat_messages .message .content .reply_msg{ display: block; width: 100%; line-height: 2.2rem; padding: 0 .7rem; font-size: 1.2rem; background: #ffffff60; white-space: nowrap; overflow: hidden; box-sizing: border-box; cursor: pointer; }
.chat .chat_body #chat_messages .message .content .status{ display: none; }
.chat .chat_body #chat_messages .message.my{ flex-direction: row-reverse; }
.chat .chat_body #chat_messages .message.my ~ .message.my{ margin: 1rem 0 0 0; }
.chat .chat_body #chat_messages .message:not(.my) + .message.my{ margin: 2.8rem 0 0 0; }
.chat .chat_body #chat_messages .message.my .userpic{ display: none; }
.chat .chat_body #chat_messages .message.my .content{ margin: 0 0 0 1.4rem; background: #eefbe7; }
.chat .chat_body #chat_messages .message.my .content:before{ left: auto; right: -1rem; background: #eefbe7; clip-path: polygon(0 10%, 0 94%, 100% 10%); }
.chat .chat_body #chat_messages .message.my .content .info .name:after{ background: linear-gradient(to right, transparent, #eefbe7 85%); }
.chat .chat_body #chat_messages .message.my .content .text{ padding: 1rem 2rem 0 0; }
.chat .chat_body #chat_messages .message.my .content .status{ display: block; position: absolute; right: .7rem; bottom: 1.6rem; width: 2.3rem; height: 1.3rem; background: url('/img/chat/check-marks-send.svg?v=1.1') no-repeat right center; background-size: contain; opacity: 0.4; }
.chat .chat_body #chat_messages .message.my.delivered .content .status{ background: url('/img/chat/check-marks-delivered.svg?v=1.1') no-repeat right center; background-size: contain; }
.chat .chat_body #chat_messages .message.my.read .content .status{ background: url('/img/chat/check-marks-read.svg?v=1.1') no-repeat right center; background-size: contain; opacity: 1; }

.chat .chat_body #chat_messages .write{ display: flex; flex-wrap: wrap; position: absolute; bottom: 2rem; width: 100%; padding: 0 1rem; box-sizing: border-box; }
.chat .chat_body #chat_messages.first .write{ display: none; }
.chat .chat_body #chat_messages .write input{ display: block; width: calc(100% - 6rem); padding: 0 2rem; height: 4.8rem; line-height: 4.8rem; font-size: 1.4rem; background: #eaf3ff; box-sizing: border-box; border-radius: .6rem; outline: 0; }
.chat .chat_body #chat_messages .write input::placeholder{ color: #212121; }
.chat .chat_body #chat_messages .write > .button{ width: 5.2rem; min-width: 5.2rem; height: 4.8rem; line-height: 4.8rem; border-radius: .6rem; margin: 0 0 0 .8rem; }
.chat .chat_body #chat_messages .write > .button img{ width: 100%; height: 100%; object-fit: contain; }
.chat .chat_body #chat_messages .write .emojionearea.emojionearea-inline > .emojionearea-editor{ left: 0; }
.chat .chat_body #chat_messages .write .emojionearea .emojionearea-editor{ width: 100%; line-height: 3.2rem; padding: 0 1.5rem; }
.chat .chat_body #chat_messages .write .reply_data{ display: none; width: 100%; line-height:2.4rem; margin: 0 0 .5rem 0; padding: .5rem; background: #f5f5f5e6; font-size:1.2rem; border-radius:.8rem; box-shadow: .2rem .2rem .2rem rgba(0,0,0,0.08);box-sizing:border-box; }
.chat .chat_body #chat_messages .write .reply_data .ttl{ display: block; font-family: 'FuturaNew-Medium'; padding: 0 1rem; }
.chat .chat_body #chat_messages .write .reply_data .txt{ display: block; width: 100%; height: 1.8rem; line-height:1.8rem; white-space: nowrap; padding: 0 1rem; background: #fff; border-radius:.8rem; box-sizing:border-box; overflow: hidden; }
.chat .chat_body #chat_messages .write .reply_close{ display: block; float: right; width:1.8rem;height:1.8rem;background:url('/img/close.svg?v=1.1') no-repeat center;background-size:1.8rem;filter:invert(1);cursor:pointer; }

.chat .chat_body #chat_messages .write .edit_data{ display: none; width: 100%; line-height:2.4rem; margin: 0 0 .5rem 0; padding: .5rem; background: #f5f5f5e6; font-size:1.2rem; border-radius: .8rem; box-shadow: .2rem .2rem .2rem rgba(0,0,0,0.08);box-sizing:border-box; }
.chat .chat_body #chat_messages .write .edit_data .ttl{ display: block; font-family: 'FuturaNew-Medium'; padding: 0 1rem; }
.chat .chat_body #chat_messages .write .edit_data .txt{ display: block; width: 100%; height: 1.8rem; line-height: 1.8rem; white-space: nowrap; padding: 0 1rem; background: #fff; border-radius: .8rem; box-sizing:border-box; overflow: hidden; }
.chat .chat_body #chat_messages .write .edit_close{ display: block; float: right; width: 1.8rem; height: 1.8rem; background:url('/img/delete.png?v=1.1') no-repeat center;background-size: 1.8rem;filter:grayscale(1);cursor:pointer;transition: all .3s ease; }
.chat .chat_body #chat_messages .write .edit_close:hover{ filter:grayscale(0);transition:all 0.3s ease; }

#create_new_chat article{ padding: 0; }
.chat_users .empty{ margin: 0 0 1.5rem 0; }
.chat_users .item{ position: relative; margin: 0 0 1.5rem 0; cursor: pointer; }
.chat_users .item a{ position: relative; pointer-events: none; z-index: 2; }
.chat_users .item a .avatar{ width: 4.6rem; min-width: 4.6rem; height: 4.6rem; border-radius: 4.6rem; }
.chat_users .item .success{display:none;position:absolute;top:0;bottom:0;right:1.5rem;margin:auto;width:2.4rem;height:2.4rem}
.chat_users .item.active .success{display:block;background:url('/img/check.png?v=1.1') no-repeat center;background-size:2.2rem}
.chat_users .item.active:before{ content: ''; position: absolute; left: 2.3rem; right: 0; height: 100%; background: #f5f5f5; }

.attention{ border-bottom-color: #e4031e!important; background-image: url('../img/attention.svg')!important; background-repeat: no-repeat!important; background-position: right 1rem bottom 1rem!important; background-size: 2.4rem!important; z-index: 2; }
.err_message{ display: block; position: absolute; right: 6rem; width: 100%; margin: 0; font-size: 1.5rem; line-height: 2; color: #e4031e; text-align: right; z-index: 3; }
.err{ display: block; width: 100%; max-height: 0; margin: 0; padding: 0; font-size: 1.5rem; color: #e4031e; text-align: center; overflow: hidden; transition: all .4s ease-in-out; }
.err.active{ max-height: 2rem; padding-bottom: 3rem; }
.err.active.hiding{ max-height: 0; padding-bottom: 0;transition: all .15s ease-in-out; }
.success{ display: block; width: 100%; max-height: 0; margin: 0; padding: 0; font-size: 1.5rem; color: #008115; text-align: center; overflow: hidden; transition: all .4s ease-in-out; }
.success.active{ max-height: 2rem; padding-bottom: 3rem; }
.success.active.hiding{ max-height: 0; padding-bottom: 0;transition: all .15s ease-in-out; }

.form-success{ display: none; position: absolute!important; left: 0; right: 0; margin: 0 auto; padding: 0 5rem; box-sizing: border-box; z-index: 2; }
.form-success .message{ display: flex; align-items: center; align-content: center; }
.form-success p{ margin: 0 0 0 3rem!important; }
.form-success p span{ display: block; margin: 0 0 1rem 0; font: 3rem 'FuturaNew-Book'; line-height: 1; }
.form-success p .gold{ color: #008115; }
.form-success .success-animation{ margin: 15rem auto; }
.checkmark{ display: block; width: 17rem; min-width: 17rem; height: 17rem; border-radius: 50%; stroke-width: 2; stroke: #008115; stroke-miterlimit: 10; box-shadow: inset 0 0 0 #FE9515; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position: relative; top: .5rem; right: .5rem; margin: 0 auto; }
.checkmark__circle{ stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #008115; fill: #fff; animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards; }
.checkmark__check{ transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards; }
.form-error{ display: none; position: absolute!important; left: 0; right: 0; margin: 0 auto; padding: 0 5rem; box-sizing: border-box; z-index: 2; }
.form-error img{ margin: 4rem 0; width: 12rem!important; height: auto; }
.form-error .message{ display: flex; align-items: center; align-content: center; }
.form-error p{ margin: 0 0 0 3rem!important; }
.form-error p span{ display: block; margin: 0 0 1rem 0!important; font: 4rem 'FuturaNew-Book'; line-height: 4rem; }

.login{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 19rem 0; }
.login .form{ width: 43rem; }
.login .form h1{ font: 3.8rem 'FuturaNew-Book'; line-height: 3.8rem; margin-bottom: 4rem; text-align: center; }
.login .form .box{ margin-bottom: 3rem; padding: 3rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.login .form .box label{ display: block; font: 2.2rem 'FuturaNew-Book'; line-height: 2.2rem; max-height: 2.2rem; margin-bottom: 2rem; text-align: center; overflow: hidden; transition: max-height .4s ease-in-out; }
.login .form .box input{ font: 2.1rem 'FuturaNew-Light'; margin-bottom: 2rem; width: 100%; height: 5.6rem; line-height: 5.6rem; background: #edf5fa; text-align: center; border-radius: .8rem; }
.login .form .box .hint{ max-height: 3rem; margin-bottom: 1rem; overflow: hidden; transition: max-height .4s ease-in-out; }
.login .form .box .step2{ max-height: 0; overflow: hidden; transition: max-height .8s ease-in-out; }
.login .form .box .step2.opened{ max-height: 15rem; }
.login .form .box .collapsed{ max-height: 0; }
.login .form .button{ display: table; margin: 0 auto 1.5rem; }
.login .form .hint{ display: block; font: 1.5rem 'FuturaNew-Book'; line-height: 1.5rem; opacity: .7; text-align: center; }

.user_profile .flexer.between{ margin-bottom: 5rem; }
.user_profile h1{ font: 3.7rem 'FuturaNew-Book'; margin-bottom: 5rem; }
.user_profile .flexer h1{ margin: 0; }
.user_profile .button.add{ display: flex; align-items: center; gap: .6rem; font: 1.5rem 'FuturaNew-Medium'; height: 3.8rem; line-height: 3.8rem; padding: 0 1.5rem; }
.user_profile .button.add img{ width: 1.6rem; height: 1.6rem; transition: transform .4s ease;  }
.user_profile .button.add:hover img{ transform: scale(1.1); }

.ads_page h1{ font: 3.8rem 'FuturaNew-Book'; margin-bottom: 5rem; }
.ads_page h2{ font: 3.2rem 'FuturaNew-Book'; margin-bottom: 4rem; }

.ads_profile{ display: flex; align-items: flex-start; gap: 4rem; width: 100%; margin-bottom: 4rem; }
.ads_profile .nav{ display: flex; flex-direction: column; width: 8.6rem; min-width: 8.6rem; min-height: 42rem; padding: 1rem 0; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_profile .nav > a,
.ads_profile .nav > div{ display: flex; align-items: center; justify-content: center; position: relative; width: 8.6rem; height: 10rem; cursor: pointer; }
.ads_profile .nav > a img,
.ads_profile .nav > div img{ width: 2.8rem; transition: filter .3s ease; }
.ads_profile .nav > div:nth-of-type(1) img{ width: 3.8rem; }
.ads_profile .nav > a:hover img,
.ads_profile .nav > a.active img,
.ads_profile .nav > div:hover img,
.ads_profile .nav > div.active img{ filter: hue-rotate(110deg) saturate(1.4); }
.ads_profile .nav > a:after,
.ads_profile .nav > div:after{ content: ''; position: absolute; bottom: 0; width: 5rem; height: .1rem; background: #e8ecf1; }
.ads_profile .nav > a:last-child:after,
.ads_profile .nav > div:last-child:after{ display: none; }
.ads_profile .nav .share .list{ display: flex; align-items: center; gap: 1rem; position: absolute; right: 7rem; top: 0; bottom: 0; margin: auto 0; max-width: 0; height: 6rem; padding: 0; background: #fff; border-radius: 1.2rem; z-index: 2; white-space: nowrap; overflow: hidden; transform: translateX(3rem); opacity: 0; transition: all .4s ease; }
.ads_profile .nav .share:hover .list{ max-width: 26rem; padding: 0 2rem; transform: translateX(0); opacity: 1; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_profile .nav .share .list a{ display: flex; align-items: center; justify-content: center; position: relative; width: 2.6rem; min-width: 2.6rem; height: 2.6rem; background: #ccc; border-radius: 2.6rem; transition: all .3s ease; }
.ads_profile .nav .share .list .wa{ background: #65bc54; }
.ads_profile .nav .share .list .tg{ background: #64a9dc; }
.ads_profile .nav .share .list .vk{ background: #07f; }
.ads_profile .nav .share .list .ok{ background: #f70; }
.ads_profile .nav .share .list .tw{ background: #0f1419; }
.ads_profile .nav .share .list .in{ background: #0083be; }
.ads_profile .nav .share .list a:after{ display: none; }
.ads_profile .nav .share .list a:hover{ transform: scale(1.1); }
.ads_profile .nav .share .list a img{ width: 90%; height: 90%; object-fit: contain; }
.ads_profile .nav .share:after{ content: ''; position: absolute; bottom: 0; width: 5rem; height: .1rem; background: #e8ecf1; }

.ads_profile .panel{ display: flex; width: 100%; min-height: 42rem; padding: 0; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); overflow: hidden; }
.ads_profile .panel .images{ position: relative; width: 55%; min-width: 55%; height: 42rem; background: #daeafd; overflow: hidden; }
.ads_profile .panel .images:after{ content: ''; position: absolute; width: 100%; height: 100%; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); z-index: 0; }
.ads_profile .panel .images .type{ display: table; position: absolute; top: 2rem; left: 2rem; font: 1.4rem 'FuturaNew-Book'; height: 2.6rem; line-height: 2.6rem; border-radius: .6rem; padding: 0 1rem 0 3.1rem; backdrop-filter: blur(3rem); }
.ads_profile .panel .images .type.red{ background: rgba(255,255,255,.9) url('../img/need_red.svg') no-repeat left 1rem center; background-size: 1.6rem; color: #e4031e; }
.ads_profile .panel .images .type.blue{ background: rgba(255,255,255,.9) url('../img/ready_blue.svg') no-repeat left .8rem center; background-size: 1.9rem; color: #5DADEC; }
.ads_profile .panel .images .ads_gallery{ position: relative; width: 100%; height: 100%; height: 42rem; }
.ads_profile .panel .images .ads_gallery .slick-arrow{ position: absolute; top: 50%; transform: translate(0, -1.2rem); width: 2.4rem; height: 2.4rem; background: url('/img/ads/arrow_right.svg') no-repeat center; background-size: contain; opacity: .8; cursor: pointer; z-index: 2; transition: all .3s ease; }
.ads_profile .panel .images .ads_gallery .slick-arrow:hover{ opacity: 1; }
.ads_profile .panel .images .ads_gallery .slick-prev{ left: 1rem; background-image: url('/img/ads/arrow_left.svg'); }
.ads_profile .panel .images .ads_gallery .slick-prev:hover{ transform: translate(-.5rem, -1.2rem); }
.ads_profile .panel .images .ads_gallery .slick-next{ right: 1rem; }
.ads_profile .panel .images .ads_gallery .slick-next:hover{ transform: translate(.5rem, -1.2rem); }
.ads_profile .panel .images .ads_gallery .slick-disabled{ opacity: .12; pointer-events: none; }
.ads_profile .panel .images .ads_gallery .slick-dots{ display: flex; gap: .5rem; position: absolute; bottom: 2rem; left: 2rem; }
.ads_profile .panel .images .ads_gallery .slick-dots li{ width: .8rem;height: .4rem; background: #fff; border-radius: .4rem; opacity: .6; list-style: none; cursor: pointer; box-shadow: .1rem .1rem .2rem rgba(0,0,0,.2); transition: all .3s ease; }
.ads_profile .panel .images .ads_gallery .slick-dots li.slick-active{ width: 2.6rem; opacity: 1; }
.ads_profile .panel .images .ads_gallery .slick-dots li:hover{ opacity: 1; }
.ads_profile .panel .images .ads_gallery .slick-dots li button{ display: none; }
.ads_profile .panel .images .current{ position: absolute; bottom: 3rem; left: 2rem; font: 1.4rem 'FuturaNew-Book'; color: #fff; text-shadow: .1rem .1rem .2rem rgba(0,0,0,.2); }
.ads_profile .panel .images .ads_gallery .img{ position: relative; width: 100%; height: 42rem; }
.ads_profile .panel .images .ads_gallery .img img{ position: relative; width: 100%; height: 42rem; margin: auto; object-fit: contain; object-position: center; pointer-events: none; z-index: 2; }
.ads_profile .panel .images .ads_gallery .img img.blured{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(3rem); opacity: .5; z-index: 1; }
.ads_profile .panel .data{ display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; gap: 3.5rem; width: 100%; padding: 3rem 4rem; overflow: hidden; }
.ads_profile .panel .data .avatar{ display: flex; align-items: center; gap: 1.5rem; width: 100%; }
.ads_profile .panel .data .avatar a{ display: flex; align-items: center; gap: 1.5rem; width: 100%; color: #000; }
.ads_profile .panel .data .avatar .pic_wrapper{ display: block; position: relative; }
.ads_profile .panel .data .avatar .pic_wrapper .pic{ display: block; position: relative; width: 8.4rem; height: 8.4rem; background: #eaf3ff; border: 0.1rem solid #e8f3ff; border-radius: 3.6rem; box-shadow: inset 0 0 0rem 0.4rem rgba(255,255,255,.6); overflow: hidden; transition: all .3s ease; }
.ads_profile .panel .data .avatar .pic_wrapper .pic:hover{ border-color: #b7cfea; background: #daeafd; }
.ads_profile .panel .data .avatar .pic_wrapper .pic:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); }
.ads_profile .panel .data .avatar .pic_wrapper .pic img{ position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
.ads_profile .panel .data .avatar .pic_wrapper .status{ display: block; position: absolute; left: 0; right: 0; bottom: -1.4rem; width: 4rem; margin: 0 auto; padding-left: .8rem; font: 1.2rem 'FuturaNew-Book'; height: 1.2rem; line-height: 1.2rem; }
.ads_profile .panel .data .avatar .pic_wrapper .status:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .5rem; height: .5rem; border-radius: .5rem; background: #00ff06; }
.ads_profile .panel .data .avatar .name_wrapper .username{ display: block; font: 2.4rem 'FuturaNew-Medium'; }
.ads_profile .panel .data .avatar .name_wrapper .username input{ font: 2.4rem 'FuturaNew-Medium'; font-style: normal; font-weight: normal; height: 3.6rem; line-height: 3.6rem; margin: 0; padding: 0; background: #fff; border: 0; outline: 0; }
.ads_profile .panel .data .avatar .name_wrapper .rating{ display: block; position: relative; font: 1.2rem 'FuturaNew-Demi'; }
.ads_profile .panel .data .avatar .name_wrapper .rating.rate5:after{ content: ''; position: absolute; left: 2rem; top: 0; bottom: 0; margin: auto; width: 7rem; background: url('../img/stars.svg') repeat-x left center; background-size: 1.4rem; }
.ads_profile .panel .data .flexer{ width: 100%; gap: 1.5rem; }
.ads_profile .panel .data .flexer .button{ justify-content: center; flex: 1; gap: .8rem; font-size: 1.7rem; }
.ads_profile .panel .data .flexer .button img{ width: 1.6rem; height: 1.6rem; transition: all .4s ease; }
.ads_profile .panel .data .flexer .button.white:hover img{ filter: hue-rotate(-115deg); }
.ads_profile .panel .data .address{ font: 1.5rem 'FuturaNew-Book'; background: url('/img/ads/placemark.svg') no-repeat top left; background-size: 3rem; padding: 0 0 0 4rem; }
.ads_profile .panel .data .address span{ display: table; position: relative; font: 1.4rem 'FuturaNew-Book'; cursor: pointer; }
.ads_profile .panel .data .address span:after{ content: ''; position: absolute; width: .8rem; height: 100%; right: -1.2rem; top: 0; bottom: 0; margin: auto 0; background: url('/img/ads/arrow_down.svg') no-repeat center; background-size: .8rem; transform: rotate(-90deg); }
.ads_profile .panel .data .pricer{ width: 100%; margin: auto 0 0; }
.ads_profile .panel .data .pricer .price{ font: 3.6rem 'FuturaNew-Book'; line-height: 3.6rem; margin-bottom: 1.2rem; }
.ads_profile .panel .data .pricer .info{ font: 1.4rem 'FuturaNew-Light'; opacity: .6; }
.ads_profile .panel .data .pricer .info .date{ background: url('../img/ads/clock.svg') no-repeat left center; background-size: 1.6rem; padding-left: 2rem; }
.ads_profile .panel .data .pricer .info .views{ background: url('../img/views.svg') no-repeat left center; background-size: 1.6rem; padding-left: 2rem; }

.ads_description{ margin-bottom: 5rem; padding: 5rem 4rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_description article{ margin-bottom: 2rem; overflow: hidden; }
.ads_description article.lim{ max-height: 16rem; transition: max-height .8s ease-in-out; }
.ads_description article.lim.opened{ max-height: 200rem; }
.ads_description .read_more{ position: relative; padding: 0 0 0 2rem; font: 1.4rem 'FuturaNew-Book'; color: #5DADEC; text-transform: uppercase; cursor: pointer; }
.ads_description .read_more:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1.2rem; height: 100%; background: url('/img/ads/arrow_down.svg') no-repeat left center; background-size: 1.2rem; transition: transform .3s ease; }
.ads_description .read_more.opened:before{ transform: rotate(-180deg); }

.news_heading{ margin-bottom: 5rem; }
.news_heading h1{ margin: 0; }
.news_heading .date{ font: 1.6rem 'FuturaNew-Book'; height: 1.7rem; line-height: 1.7rem; opacity: .5; }
.news_article{ margin-bottom: 5rem; padding: 5rem 4rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.news_article .images{ position: relative; float: right; width: calc(33.33% - 4rem); margin: 0 0 3rem 3rem; }
.news_article .images .img{ background: #eaf3ff; border-radius: 1rem; overflow: hidden; }
.news_article .images .img img{ width: 100%; height: auto; min-height: 20rem; max-height: 30rem; object-fit: cover; object-position: center; cursor: pointer; }
.news_article .gallery{ display: flex; gap: 1rem; width: 100%; margin-top: 4rem; }
.news_article .gallery .img{ width: 25%; height: 22rem; background: #eaf3ff; border-radius: 1rem; overflow: hidden; }
.news_article .gallery .img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; cursor: pointer; }
.news_article article{ margin-bottom: 5rem; }
.news_article .info{ display: flex; justify-content: space-between; gap: 8rem; }
.news_article .info .avatar{ display: flex; align-items: center; gap: 1.5rem; width: 33.33%; }
.news_article .info .avatar .pic_wrapper{ position: relative; }
.news_article .info .avatar .pic_wrapper .pic{ position: relative; width: 8.4rem; height: 8.4rem; background: #eaf3ff; border: 0.1rem solid #e8f3ff; border-radius: 3.6rem; box-shadow: inset 0 0 0rem 0.4rem rgba(255,255,255,.6); overflow: hidden; transition: all .3s ease; }
.news_article .info .avatar .pic_wrapper .pic:hover{ border-color: #b7cfea; background: #daeafd; }
.news_article .info .avatar .pic_wrapper .pic:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); }
.news_article .info .avatar .pic_wrapper .pic img{ position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
.news_article .info .avatar .pic_wrapper .status{ position: absolute; left: 0; right: 0; bottom: -1.4rem; width: 4rem; margin: 0 auto; padding-left: .8rem; font: 1.2rem 'FuturaNew-Book'; height: 1.2rem; line-height: 1.2rem; }
.news_article .info .avatar .pic_wrapper .status:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .5rem; height: .5rem; border-radius: .5rem; background: #00ff06; }
.news_article .info .avatar .name_wrapper .username{ font: 2.4rem 'FuturaNew-Medium'; }
.news_article .info .avatar .name_wrapper .username input{ font: 2.4rem 'FuturaNew-Medium'; font-style: normal; font-weight: normal; height: 3.6rem; line-height: 3.6rem; margin: 0; padding: 0; background: #fff; border: 0; outline: 0; }
.news_article .info .avatar .name_wrapper .rating{ position: relative; font: 1.2rem 'FuturaNew-Demi'; }
.news_article .info .avatar .name_wrapper .rating.rate5:after{ content: ''; position: absolute; left: 2rem; top: 0; bottom: 0; margin: auto; width: 7rem; background: url('../img/stars.svg') repeat-x left center; background-size: 1.4rem; }
.news_article .info .stats{ width: 33.33%; display: flex; justify-content: center; gap: 10rem; flex: 1; }
.news_article .info .stats .date{ width: fit-content; min-width: fit-content; background: url('../img/ads/clock.svg') no-repeat left center; background-size: 1.6rem; padding-left: 2rem; font: 1.4rem 'FuturaNew-Light'; white-space: nowrap; opacity: .6; }
.news_article .info .stats .views{ width: fit-content; min-width: fit-content; background: url('../img/views.svg') no-repeat left center; background-size: 1.6rem; padding-left: 2rem; font: 1.4rem 'FuturaNew-Light'; white-space: nowrap; opacity: .6; }
.news_article .info .complain{ width: 33.33%; }
.news_article .info .complain a,
.news_article .info .complain span{ display: flex; align-items: center; justify-content: flex-end; gap: .8rem; margin: 0 0 0 auto; filter: grayscale(1); opacity: .8; cursor: pointer; }
.news_article .info .complain a img,
.news_article .info .complain span img{ width: 2rem; }
.news_article .tags{ margin-top: 3rem; opacity: .5; }
.news_article .tags a{ display: inline-block; font-size: 1.6rem; color: #000; margin-right: .7rem; }

.user_article{ margin-bottom: 5rem; padding: 5rem 4rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.user_article .avatar{ display: flex; align-items: center; gap: 1.5rem; width: 33.33%; margin-bottom: 5rem; }
.user_article .avatar .pic_wrapper{ position: relative; }
.user_article .avatar .pic_wrapper .pic{ position: relative; width: 8.4rem; height: 8.4rem; background: #eaf3ff; border: 0.1rem solid #e8f3ff; border-radius: 3.6rem; box-shadow: inset 0 0 0rem 0.4rem rgba(255,255,255,.6); overflow: hidden; transition: all .3s ease; }
.user_article .avatar .pic_wrapper .pic:hover{ border-color: #b7cfea; background: #daeafd; }
.user_article .avatar .pic_wrapper .pic:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); }
.user_article .avatar .pic_wrapper .pic img{ position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
.user_article .avatar .pic_wrapper .status{ position: absolute; left: 0; right: 0; bottom: -1.4rem; width: 4rem; margin: 0 auto; padding-left: .8rem; font: 1.2rem 'FuturaNew-Book'; height: 1.2rem; line-height: 1.2rem; }
.user_article .avatar .pic_wrapper .status:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .5rem; height: .5rem; border-radius: .5rem; background: #00ff06; }
.user_article .avatar .name_wrapper .username{ font: 2.4rem 'FuturaNew-Medium'; }
.user_article .avatar .name_wrapper .username input{ font: 2.4rem 'FuturaNew-Medium'; font-style: normal; font-weight: normal; height: 3.6rem; line-height: 3.6rem; margin: 0; padding: 0; background: #fff; border: 0; outline: 0; }
.user_article .avatar .name_wrapper .rating{ position: relative; font: 1.2rem 'FuturaNew-Demi'; }
.user_article .avatar .name_wrapper .rating.rate5:after{ content: ''; position: absolute; left: 2rem; top: 0; bottom: 0; margin: auto; width: 7rem; background: url('../img/stars.svg') repeat-x left center; background-size: 1.4rem; }


.profile{ display: flex; align-items: flex-start; gap: 4rem; width: 100%; }
.profile .profile_nav{ display: flex; flex-direction: column; width: 6.8rem; min-width: 6.8rem; padding: 1rem 0; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.profile .profile_nav a{ display: flex; align-items: center; justify-content: center; position: relative; width: 6.8rem; height: 9rem; }
.profile .profile_nav a img{ width: 2.4rem; transition: filter .3s ease; }
.profile .profile_nav a:hover img,
.profile .profile_nav a.active img{ filter: hue-rotate(110deg) saturate(1.4); }
.profile .profile_nav a:nth-of-type(4) img{ width: 2.6rem; }
.profile .profile_nav a:nth-of-type(5) img{ width: 2.2rem; }
.profile .profile_nav a span{ display: none; }
.profile .profile_nav a:after{ content: ''; position: absolute; bottom: 0; width: 5rem; height: .1rem; background: #e8ecf1; }
.profile .profile_nav a:last-child:after{ display: none; }
.profile .panel{ display: flex; flex-direction: column; width: 100%; min-height: 47rem; padding: 3rem 4rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.profile .panel .userdata{ display: flex; flex-wrap: wrap; gap: 3.5rem; }
.profile .panel .userdata .avatar{ display: flex; align-items: center; gap: 1.5rem; width: 100%; }
.profile .panel .userdata .avatar .pic_wrapper{ position: relative; }
.profile .panel .userdata .avatar .pic_wrapper .pic{ position: relative; width: 8.4rem; height: 8.4rem; background: #eaf3ff; border: 0.1rem solid #e8f3ff; border-radius: 3.6rem; box-shadow: inset 0 0 0rem 0.4rem rgba(255,255,255,.6); cursor: pointer; overflow: hidden; transition: all .3s ease; }
.profile .panel .userdata .avatar .pic_wrapper .pic:hover{ border-color: #b7cfea; background: #daeafd; }
.profile .panel .userdata .avatar .pic_wrapper .pic:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 3.2rem; height: 3.2rem; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); }
.profile .panel .userdata .avatar .pic_wrapper .pic img{ position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
.profile .panel .userdata .avatar .pic_wrapper .delete{ display: flex; align-items: center; justify-content: center; position: absolute; top: -.25rem; right: -.25rem; width: 2rem; height: 2rem; border-radius: 2rem; background: url('../img/close_button.svg') no-repeat center; background-size: 2rem; cursor: pointer; z-index: 3; }  
.profile .panel .userdata .avatar .pic_wrapper .status{ position: absolute; left: 0; right: 0; bottom: -1.4rem; width: 4rem; margin: 0 auto; padding-left: .8rem; font: 1.2rem 'FuturaNew-Book'; height: 1.2rem; line-height: 1.2rem; }
.profile .panel .userdata .avatar .pic_wrapper .status:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .5rem; height: .5rem; border-radius: .5rem; background: #00ff06; }

.profile .panel .userdata .post_pic_wrapper{ display: block; width: 100%;  }
.profile .panel .userdata .post_pic_wrapper .post_pics{ display: flex; gap: 2rem; width: 100%; min-width: 100%; }
.profile .panel .userdata .post_pic_wrapper .post_pics .img,
.profile .panel .userdata .post_pic_wrapper .post_pics .elem,
.profile .panel .userdata .post_pic_wrapper .post_pics .add{ position: relative; width: calc(20% - 1.6rem); height: 18rem; transition: transform .3s ease; }
.profile .panel .userdata .post_pic_wrapper .post_pics .img:hover{ transform: scale(1.04); }
.profile .panel .userdata .post_pic_wrapper .post_pics .img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 1rem; overflow: hidden; transition: transform .3s ease; }
.profile .panel .userdata .post_pic_wrapper .post_pics .elem{ background: #daeafd; opacity: .4; border-radius: 1rem; overflow: hidden; }
.profile .panel .userdata .post_pic_wrapper .post_pics .elem:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; opacity: .3; }
.profile .panel .userdata .post_pic_wrapper .post_pics .add{ background: #daeafd; cursor: pointer; border-radius: 1rem; overflow: hidden; }
.profile .panel .userdata .post_pic_wrapper .post_pics .add:before{ display: table; content: 'Добавить изображения'; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0 1.5rem; font: 1.5rem 'FuturaNew-Book'; height: 4rem; line-height: 4rem; color: #fff; background: linear-gradient(190deg, #574df4, #5DADEC); border-radius: .6rem; box-sizing: border-box; overflow: hidden; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: transform .3s ease; }
.profile .panel .userdata .post_pic_wrapper .post_pics .add:hover:before{ transform: scale(1.06); }
.profile .panel .userdata .post_pic_wrapper .post_pics .img .delete{ display: flex; align-items: center; justify-content: center; position: absolute; top: -.5rem; right: -.5rem; width: 2rem; height: 2rem; border-radius: 2rem; background: url('../img/close_button.svg') no-repeat center; background-size: 2rem; cursor: pointer; z-index: 3; }  

.profile .panel .userdata .avatar .name_wrapper .username{ font: 2.4rem 'FuturaNew-Medium'; }
.profile .panel .userdata .avatar .name_wrapper .username input{ font: 2.4rem 'FuturaNew-Medium'; font-style: normal; font-weight: normal; height: 3.6rem; line-height: 3.6rem; margin: 0; padding: 0; background: #fff; border: 0; outline: 0; }
.profile .panel .userdata .avatar .name_wrapper .rating{ position: relative; font: 1.2rem 'FuturaNew-Demi'; }
.profile .panel .userdata .avatar .name_wrapper .rating.rate5:after{ content: ''; position: absolute; left: 2rem; top: 0; bottom: 0; margin: auto; width: 7rem; background: url('../img/stars.svg') repeat-x left center; background-size: 1.4rem; }
.profile .panel .userdata .about{ width: 100%; }
.profile .panel .userdata .title{ width: 100%; }
.profile .panel .userdata .title input{ margin: 0; }
.profile .panel .userdata .date_i{ min-width: 33%;  }
.profile .panel .userdata .date_i input{ margin: 0; }
.profile .panel .userdata .group{ display: flex; gap: 8rem; position: relative; width: 100%; }
.profile .panel .userdata .group.dated{ gap: 4rem; }
.profile .panel .userdata .group .item{ width: 33.33%; padding: 2rem 0; }
.profile .panel .userdata .group.double .item{ width: 50%; padding: 2rem 0; }
.profile .panel .userdata .group.dated .item{ padding: 2rem 0; }
.profile .panel .userdata .group .item:nth-of-type(2){ position: relative; }
.profile .panel .userdata .group .item:nth-of-type(2):before{ content: ''; position: absolute; left: -4rem; top: 0; width: .1rem; height: 100%; background: #e8ecf1; }
.profile .panel .userdata .group .item:nth-of-type(2):after{ content: ''; position: absolute; right: -4rem; top: 0; width: .1rem; height: 100%; background: #e8ecf1; }
.profile .panel .userdata .group.double .item:nth-of-type(2):after{ display: none; }
.profile .panel .userdata .group.dated .item:nth-of-type(2):before,
.profile .panel .userdata .group.dated .item:nth-of-type(2):after{ display: none; }
.profile .panel .userdata .group .item p{ font: 1.6rem 'FuturaNew-Book'; margin-bottom: 1.5rem; }
.profile .panel .userdata .group .item div{ display: block; width: 100%; font: 2.1rem 'FuturaNew-Light'; height: 4.8rem; line-height: 4.8rem; margin-bottom: 1.2rem; padding: 0 2rem; border: .1rem solid #dbe5f0; border-radius: .6rem; }
.profile .panel .userdata .group .item .views{ background: url('../img/views.svg') no-repeat left 2rem center; background-size: 2rem; padding-left: 5.5rem; }
.profile .panel .userdata .group .item .likes{ background: url('../img/ads/like.svg') no-repeat left 1.8rem center; background-size: 2.5rem; padding-left: 5.5rem;  filter: grayscale(1); }
.profile .panel .userdata .group .item .subscribers{ background: url('../img/user2.svg') no-repeat left 2rem center; background-size: 2rem; padding-left: 5.5rem; }
.profile .panel .userdata .group .item .reviews{ background: url('../img/chat2.svg') no-repeat left 2rem center; background-size: 2rem; padding-left: 5.5rem; }
.profile .panel .userdata .group .item div .digits{ font: 2.4rem 'FuturaNew-Book'; }
.profile .panel .userdata input{ display: block; width: 100%; font: 2.1rem 'FuturaNew-Light'; height: 4.8rem; line-height: 4.8rem; margin-bottom: 1.2rem; padding: 0 2rem; background: #eaf3ff; border-radius: .6rem; }
.profile .panel .userdata select{ display: block; width: 100%; font: 2.1rem 'FuturaNew-Light'; height: 4.8rem; line-height: 4.8rem; margin-bottom: 1.2rem; padding: 0 2rem; background: #eaf3ff; border-radius: .6rem; }
.profile .panel .userdata select.loading{ opacity: .6; pointer-events: none; }
.profile .panel .userdata textarea{ display: block; width: 100%; font: 2.1rem 'FuturaNew-Light'; line-height: 1.2; height: 18rem; padding: 2rem; background: #eaf3ff; border-radius: .6rem; overflow: hidden; overflow-y: auto; }
.profile .panel .userdata textarea.h300{ display: block; width: 100%; font: 2.1rem 'FuturaNew-Light'; line-height: 1.2; height: 36rem; padding: 2rem; background: #eaf3ff; border-radius: .6rem; overflow: hidden; overflow-y: auto; }
.profile .panel .userdata textarea::-webkit-scrollbar-track{ background-color: #f3f8ff; }
.profile .panel .userdata textarea::-webkit-scrollbar{ width: .6rem; background-color: #f3f8ff; }
.profile .panel .userdata textarea::-webkit-scrollbar-thumb{ background-color: #b1cff5; border-radius: .2rem; border: none; }

.profile .panel .userdata .tags{ width: 100%; }
.profile .panel .userdata .tags_input{ width: 100%; }
.profile .panel .userdata .tags_input input{ margin-bottom: 0; }
.profile .panel .userdata .hint{ font: 1.4rem 'FuturaNew-Book'; opacity: .6; }


.profile .panel .userdata #userdata_edit{ min-width: 15rem; width: 15rem; }
.profile .panel .userdata #ad_edit,
.profile .panel .userdata #nws_edit{ min-width: 15rem; width: 15rem; padding-left: 0; padding-right: 0; justify-content: center; }
.profile .panel .userdata #ad_delete,
.profile .panel .userdata #nws_delete{ min-width: 13rem; width: 13rem; padding-left: 0; padding-right: 0; justify-content: center; }
.profile .panel .userdata .group .item.map div{ padding: 0; }
.profile .panel .userdata #yamap{ height: calc(100% - 1.2rem); overflow: hidden; }
.profile .panel .userdata .err{ padding-bottom: 0; }
.profile .panel .userdata .err.active{ padding-bottom: 0; }
.profile .panel .userdata .success{ padding-bottom: 0; }
.profile .panel .userdata .success.active{ padding-bottom: 0; }

.profile .panel .newslist{  }
.profile .panel .newslist .item{ display: flex; gap: 0; padding: 1.2rem 0; border-bottom: .1rem solid #e8ecf1; }
.profile .panel .newslist .item .img{ width: 12rem; min-width: 12rem; min-height: 10rem; transition: transform .3s ease; }
.profile .panel .newslist .item:hover .img{ transform: scale(1.04); }
.profile .panel .newslist .item .img img{ width: 100%; height: auto; object-position: center; border-radius: 1.2rem; }
.profile .panel .newslist .item .img .no_picture{ display: block; position: relative; width: 100%; height: 100%; background: #daeafd; }
.profile .panel .newslist .item .img .no_picture:after{ content: ''; position: absolute; width: 100%; height: 100%; background: url('../img/noimage.svg') no-repeat center; background-size: 3.2rem; filter: invert(1); }
.profile .panel .newslist .item .txt{ display: grid; align-content: space-between; width: 100%; padding: 1rem 2rem; background: #fff; transition: background .3s ease; }
.profile .panel .newslist .item:hover .txt{ background: #f1f8ff; }
.profile .panel .newslist .item .txt .title{ display: block; font: 2.1rem 'FuturaNew-Book'; color: #000; margin-bottom: 3rem; }
.profile .panel .newslist .item .txt .info{ display: flex; justify-content: space-between; width: 100%; padding: 0; }
.profile .panel .newslist .item .txt .info .status{ position: relative; font: 1.5rem 'FuturaNew-Light'; height: 1.5rem; line-height: 1.5rem; padding: 0 0 0 1rem; }
.profile .panel .newslist .item .txt .info .status:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .6rem; height: .6rem; border-radius: .6rem; }
.profile .panel .newslist .item .txt .info .status.green{ color: #000001; }
.profile .panel .newslist .item .txt .info .status.yellow{ color: #000001; }
.profile .panel .newslist .item .txt .info .status.red{ color: #000001; }
.profile .panel .newslist .item .txt .info .status.green:after{ background: #85bc31; }
.profile .panel .newslist .item .txt .info .status.yellow:after{ background: #f79900; }
.profile .panel .newslist .item .txt .info .status.red:after{ background: #c40520; }
.profile .panel .newslist .item .txt .info .date{ font: 1.4rem 'FuturaNew-Book'; height: 1.5rem; line-height: 1.5rem; opacity: .5; }

.ads_map{ position: relative; }
.ads_map .container{ padding-bottom: 0; }
.ads_map #yamaps{ position: relative; width: 100%; height: 76rem; margin-bottom: 12rem; background: #daeafd; }
.ads_map #yamaps .container{ position: absolute; top: 0; left: 0; right: 0; height: 100%; padding-bottom: 0; }
.ads_map .filterit{ position: absolute; top: 3rem; bottom: 3rem; right: 0; width: 36rem; padding: 3rem; background: rgba(255,255,255,.7); backdrop-filter: blur(1rem); border-radius: 4rem; z-index: 2; }
.ads_map .filterit .filter_type_selector{ margin-bottom: 2rem; padding: 1.4rem 1rem; background: #1129a2; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_map .filterit .filter_type_selector span input{ display: none; }
.ads_map .filterit .filter_type_selector span label{ display: block; position: relative; margin: 0 0 .2rem; padding: 1rem 1rem 1rem 3.4rem; font: 1.7rem 'FuturaNew-Book'; background: #f3f1fd; border-radius: .6rem; cursor: pointer; }
.ads_map .filterit .filter_type_selector span:nth-of-type(1) label{ background: #f3f1fd url('../img/need_black.svg') no-repeat left 15rem center; background-size: 1.8rem; }
.ads_map .filterit .filter_type_selector span:nth-of-type(2) label{ background: #f3f1fd url('../img/ready_black.svg') no-repeat left 15rem center; background-size: 2.1rem; }
.ads_map .filterit .filter_type_selector span label:before{ content: ''; position: absolute; left: 1rem; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: #fff; border-radius: .4rem; }
.ads_map .filterit .filter_type_selector span label:after{ content: ''; position: absolute; left: 1rem; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: url('../img/checkmark.svg') no-repeat center; background-size: 1.2rem; border-radius: .4rem; opacity: 0; transition: opacity .3s ease; }
.ads_map .filterit .filter_type_selector span label:hover:after{ opacity: .5; }
.ads_map .filterit .filter_type_selector span input[type=checkbox]:checked + label:after{ opacity: 1; transition: opacity .1s ease; }
.ads_map .filterit .filter_type_selector span:last-child label{ margin: 0; }
.ads_map .filterit .filter_categories{ height: 30rem; margin-bottom: 2rem; padding: 3rem 2rem; background: #e2ecfe; border-radius: 1.2rem; overflow-y: auto; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_map .filterit .filter_categories::-webkit-scrollbar-track{ background-color: #f3f8ff; }
.ads_map .filterit .filter_categories::-webkit-scrollbar{ width: .6rem; background-color: #f3f8ff; }
.ads_map .filterit .filter_categories::-webkit-scrollbar-thumb{ background-color: #b1cff5; border-radius: .2rem; border: none; }

.ads_map .filterit .filter_categories span{  }
.ads_map .filterit .filter_categories span input{ display: none; }
.ads_map .filterit .filter_categories span label{ display: block; position: relative; line-height: 1.6rem; margin: 0 0 1.6rem; padding: 0 0 0 2.4rem; font: 1.7rem 'FuturaNew-Book'; cursor: pointer; }
.ads_map .filterit .filter_categories span label:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: #fff; border-radius: .4rem; }
.ads_map .filterit .filter_categories span label:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background: url('../img/checkmark.svg') no-repeat center; background-size: 1.2rem; border-radius: .4rem; opacity: 0; transition: opacity .3s ease; }
.ads_map .filterit .filter_categories span label:hover:after{ opacity: .5; }
.ads_map .filterit .filter_categories span input[type=checkbox]:checked + label:after{ opacity: 1; transition: opacity .1s ease; }
.ads_map .filterit .filter_categories span:last-child label{ margin: 0; }
.ads_map .filterit .filter_search{ margin-bottom: 2rem; padding: 1rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_map .filterit .filter_search #filter_query{ width: 100%; padding: 0 1rem 0 3.6rem; font: 1.8rem 'FuturaNew-Book'; height: 4.2rem; line-height: 4.2rem; background: url('../img/search_f.svg') no-repeat left 1rem center; background-size: 1.6rem; border-bottom: .1rem solid #e5e5e5; }
.ads_map .filterit .filter_search .group{ display: flex; position: relative; }
.ads_map .filterit .filter_search .group:after{ content: ''; position: absolute; bottom: .75rem; left: 0; right: 0; margin: auto; width: .1rem; height: 2.5rem; border-right: .1rem dashed #e5e5e5; box-sizing: border-box; }
.ads_map .filterit .filter_search input#filter_date{ width: 100%; padding: 0 1rem 0 3.6rem; font: 1.5rem 'FuturaNew-Book'; height: 4.2rem; line-height: 4.2rem; color: #7b7b7b; }
.ads_map .filterit .filter_search input#filter_date{ background: url('../img/calendar.svg') no-repeat left 1rem center; background-size: 1.6rem; }
.ads_map .filterit .filter_to_map{ margin-bottom: 2rem; padding: 0 1rem; background: #fff; border-radius: 1.2rem; box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); }
.ads_map .filterit .filter_to_map a{ display: block; font: 1.6rem 'FuturaNew-Medium'; height: 5.8rem; line-height: 5.8rem; background: url('../img/placemark.svg') no-repeat left .6rem center; background-size: 2.4rem; padding: 0 1rem 0 3.6rem; }
.ads_map .filterit .filter_control .button{ display: table; margin: 0 auto 1.5rem; padding: 1.2rem 4.6rem; }
.ads_map .filterit .filter_control .reset{ display: none; margin: 0 auto; font: 1.4rem 'FuturaNew-Book'; opacity: .6; cursor: pointer; }

footer{ position: relative; background: #070736; z-index: 7; }
footer .container{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 6rem 2.4rem 0; }
footer .container .item:not(.logo){ padding-top: 1.8rem; }
footer .container .item a,
footer .container .item span{ display: flex; gap: 1.6rem; margin-bottom: 2rem; font: 1.8rem 'FuturaNew-Book'; color: #fff; cursor: pointer; }
footer .container .item a:hover,
footer .container .item span:hover{ color: #008115; }
footer .container .logo span{ display: block; width: 19rem; padding-top: 1.8rem; font: 1.8rem 'FuturaNew-Book'; color: #ccd2da; }
footer .container .logo span b{ display: block; font: 2.8rem 'FuturaNew-Demi'; color: #fff; }
footer .container .logo img{ width: 11rem; height: 11rem; }
footer .container .copyright{ display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; margin-top: 8rem; font: 1.5rem 'FuturaNew-Book'; height: 5rem; line-height: 5rem; color: #9098a3; }
footer .container .copyright a{ min-width: 80px; }
footer .container .copyright:after{ content: ''; position: absolute; top: 0; left: -2.4rem; right: -2.4rem; height: .1rem; background: #373958; }
footer .container .socials{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: flex-start; gap: 1rem; }
footer .container .socials .title{ width: 100%; margin-bottom: 0; font: 1.6rem 'FuturaNew-Medium'; line-height: 1.2; color: #fff; text-align: right; order: 1; }
footer .container .socials a{ display: block; width: 4.2rem; height: 4.2rem; filter: brightness(10); order: 2; }
footer .container .socials a img{ width: 100%; height: 100%; object-fit: contain; }

footer .coop{ color: #fff; }

.mobile_menu{ display: none; }

.animation_slideup{ transform: translateY(5rem); -webkit-transform: translateY(5rem); opacity: 0!important; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; }
.animation_slideup.loaded{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1!important; }

.noty_on_display{ position: fixed; bottom: 2rem; right: 2rem; z-index: 9; }
.noty_on_display .item{ position: relative; margin: 0 0 -4.8rem 0; padding: 1.2rem 2rem; background: rgba(255,255,255,.8); border: .1rem solid #fff; backdrop-filter: blur(1rem); border-radius: 2rem; opacity: 0; transition: all .8s ease; }
.noty_on_display .item.active{ margin: 0 0 .5rem 0; opacity: 1; }
.noty_on_display .item .close_button{ display: flex; align-items: center; justify-content: center; position: absolute; top: -.5rem; right: -.5rem; width: 2rem; height: 2rem; border-radius: 2rem; background: url('../img/close_button.svg') no-repeat center; background-size: 2rem; cursor: pointer; }  

.popup{ display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; z-index: 27; transition: all .3s ease; }
.popup:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(218,243,253,.8); backdrop-filter: blur(2.5rem) opacity(0); -webkit-backdrop-filter: blur(2.5rem) opacity(0); pointer-events: none; z-index: 1; transition: backdrop-filter .4s ease; transition-delay: .3s; }
.popup .box{ display: flex; flex-wrap: wrap; gap: 5rem 11rem; position: relative; width: 76rem; padding: 5rem; background: #fff; backdrop-filter: blur(1.5rem); -webkit-backdrop-filter: blur(1.5rem); border: .1rem solid rgba(255,255,255,.2); border-radius: 5rem; z-index: 2; transform: scale(.6); box-shadow: .1rem .1rem .7rem rgba(0,0,0,.07); transition: all .4s ease; }
.popup .box .form{ width: 100%; }
.popup .box .form .title{ font: 2.4rem 'FuturaNew-Book'; text-transform: uppercase; margin-bottom: 2rem; }
.popup .box .form p{ font: 1.6rem 'FuturaNew-Book'; margin-bottom: 2rem; }
.popup .box .form input[type=text]{ position: relative; font: 1.6rem 'FuturaNew-Book'; width: 100%; height: 4rem; line-height: 4rem; margin-bottom: 1rem; padding: 0 2rem; background: #f1f8ff; border: .1rem solid rgba(0,0,0,.3); color: #000; border-radius: 1.2rem; }
.popup .box .form input[type=tel]{ position: relative; font: 1.6rem 'FuturaNew-Book'; width: 100%; height: 4rem; line-height: 4rem; margin-bottom: 1rem; padding: 0 2rem; background: #f1f8ff; border: .1rem solid rgba(0,0,0,.3); color: #000; border-radius: 1.2rem; }
.popup .box .form input[type=date]{ position: relative; font: 1.6rem 'FuturaNew-Book'; width: 100%; height: 4rem; line-height: 4rem; margin-bottom: 1rem; padding: 0 2rem; background: #f1f8ff; border: .1rem solid rgba(0,0,0,.3); color: #000; border-radius: 1.2rem; }
.popup .box .form input[type=number]{ position: relative; font: 1.6rem 'FuturaNew-Book'; width: 100%; height: 4rem; line-height: 4rem; margin-bottom: 1rem; padding: 0 2rem; background: #f1f8ff; border: .1rem solid rgba(0,0,0,.3); color: #000; border-radius: 1.2rem; }
.popup .box .form textarea{ position: relative; font: 1.6rem 'FuturaNew-Book'; width: 100%; height: 12rem; line-height: 1; margin-bottom: 2rem; padding: 2rem; background: #f1f8ff; border: .1rem solid rgba(0,0,0,.3); color: #000; border-radius: 1.2rem; }
.popup .box .form .button{ display: table; margin-bottom: 2rem; }
.popup .box .close{ display: block; position: absolute; top: 3rem; right: 3rem; width: 3rem; height: 3rem; margin: auto 0; background: url('/img/close.svg') no-repeat center; background-size: contain; opacity: 0; cursor: pointer; filter: invert(1); z-index: 2; transition: all .3s ease; }
.popup .box .close:hover{ transform: scale(1.1); }
.popup .hint{ display: table; font-size: 1.4rem; opacity: .6; }
.popup.active{ opacity: 1; pointer-events: all; }
.popup.active:after{ backdrop-filter: blur(1.5rem) opacity(1); -webkit-backdrop-filter: blur(1.5rem) opacity(1); }
.popup.active .box{ opacity: 1; transform: scale(1); }
.popup.active .box .close{ opacity: 1; }

.popup .activity_group{ display: table; margin: 0 auto; }
.popup .activity_group div{ display: block; margin: 0 0 2.4rem 0; padding: 0 0 0 3rem; min-width: 15rem; height: 2.4rem; line-height: 2.4rem; cursor: pointer; }
.popup .activity_group div:last-child{ margin: 0; }
.popup .activity_group .message_reply{ background: url('/img/goback.svg') no-repeat left center; background-size: 2rem; }
.popup .activity_group .message_edit{ background: url('/img/chat/pencil.svg') no-repeat left center; background-size: 2rem; }
.popup .activity_group .message_delete{ background: url('/img/chat/delete_message.svg') no-repeat left center; background-size: 2.4rem; }

#ads_map{ width: 100%; height: 40rem; background: #daeafd; }


@keyframes animate_needhelp{
  0%{ transform: rotate(0deg); }
  20%{ transform: rotate(10deg); }
  40%{ transform: rotate(0deg); }
  60%{ transform: rotate(-10deg); }
  80%{ transform: rotate(0deg); }
  100%{ transform: rotate(0deg); }
}
@keyframes animate_needhelp1{
  0%{ transform: translateX(0); }
  15%{ transform: translateX(-.3rem); }
  75%{ transform: translateX(-.3rem); }
  100%{ transform: translateX(0); }
}
@keyframes animate_needhelp2{
  0%{ transform: translateX(0); }
  20%{ transform: translateX(.3rem); }
  80%{ transform: translateX(.3rem); }
  100%{ transform: translateX(0); }
}
@keyframes animate_readyhelp{
  0%{ transform: translateY(0rem); }
  25%{ transform: translateY(.25rem); }
  50%{ transform: translateY(.1rem); }
  75%{ transform: translateY(.25rem); }
  100%{ transform: translateY(0rem); }
}
@keyframes animate_ready1{
  0%{ transform: translateY(0rem); }
  75%{ transform: translateY(-.25rem); }
  100%{ transform: translateY(0rem); }
}
@keyframes animate_map{
  0%{ transform: scale(1); }
  75%{ transform: scale(.9); }
  100%{ transform: scale(1); }
}
@keyframes animate_map1{
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg); }
}
@keyframes animate_map2{
  0%{ transform: translateY(0rem); }
  15%{ transform: translateY(-.5rem); }
  100%{ transform: translateY(0rem); }
}
@keyframes animate_calendar{
  0%{ transform: rotate(0deg); }
  50%{ transform: rotate(-12deg); }
  100%{ transform: rotate(0deg); }
}
@keyframes animate_calendar1{
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg); }
}
@keyframes animate_blogs{
  0%{ transform: rotate(0deg); }
  15%{ transform: rotate(-10deg); }
  30%{ transform: rotate(0deg); }
  45%{ transform: rotate(10deg); }
  60%{ transform: rotate(0deg); }
  75%{ transform: rotate(-10deg); }
  100%{ transform: rotate(0deg); }
}
@keyframes animate_blogs1{
  0%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(.15rem,-.05rem,0); }
  100%{ transform: translate3d(0,0,0); }
}
@keyframes animate_chat1{
  0%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(.25rem,.15rem,0) rotate(3deg); }
  100%{ transform: translate3d(0,0,0); }
}
@keyframes stroke{
  100%{ stroke-dashoffset: 0; }
}
@keyframes scale{
  0%, 100%{ transform: none; }
  50%{ transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill{
  100% { box-shadow: inset 0 0 0 3rem #e5b34e; }
}

@media(max-width:1500px){
  html{ font-size: clamp(1px,.68vw,10px); }
}
@media(max-width:820px){
  html{ font-size: clamp(1px,.524vw,10px); }

  body{ font-size: 7rem; padding: 0; }
  .button.white{ border-width: .5rem; }
  .wrapper{ padding: 0; }
  .container{ max-width: 180rem; }

  .only_pc{ display: none!important; }
  .only_mobile{ display: block!important; }

  .button,
  main .button{ border-radius: 2rem; padding: 4rem 8rem; font-size: 7rem; }

  .filled{ padding: 3rem 8rem; }
  .fs12{ font-size: 6rem !important; }
  .fs18{ font-size: 8rem !important; }

  header{ padding: 0 1.4rem; }
  header.active:before{ height: 38rem; background: linear-gradient(to bottom, #f1f8ff 25%, transparent); backdrop-filter: none; }
  header .container{ height: 28rem; justify-content: space-between; border: 0; }
  header .container .logo a{ gap: 3rem; height: 20rem; }
  header .container .logo a img{ width: 20rem; height: 20rem; }
  header .container .logo a span{ font-size: 9rem; line-height: 20rem; }
  header .container nav,
  header .container .search,
  header .container .chat,
  header .container .add{ display: none; }
  header .container .user.unknown .nickname{ font-size: 9rem; opacity: .8; }
  header .container .user a{ gap: 3rem; }
  header .container .user .avatar{ width: 20rem; height: 20rem; border-radius: 8rem; }
  header .container .user .avatar img{ width: 20rem; height: 20rem; }

  .main_banner .container{ display: flex; flex-wrap: wrap; height: auto; padding: 20rem 0 20rem 0; }
  .main_banner .pic{ position: relative; left: 0; right: 0; margin: 10rem auto 5rem; width: 178rem; height: 182rem; background-size: 100%; order: 1; }
  .main_banner .title{ width: 100%; margin: 0 auto 20rem; padding: 0 10rem; font-size: 16rem; line-height: 16rem; order: 2; }
  .main_banner .title span{ font-size: 16rem; line-height: 16rem; }
  .main_banner h1{ width: 100%; margin-bottom: 20rem; padding: 0 10rem; font-size: 8.9rem; border: 0; order: 3; }
  .main_banner .group{ gap: 4rem; flex-wrap: wrap; width: 100%; margin-bottom: 20rem; padding: 0 10rem; order: 4; }
  .main_banner .group .button{ justify-content: center; width: calc(50% - 2rem); height: 18rem; line-height: 18rem; padding: 0; font-size: 7rem; border-radius: 2rem; }
  .main_banner .app_store{ position: relative; width: 100%; padding: 0 10rem; bottom: 0; order: 6; }
  .main_banner .app_store .download{ height: 14rem; margin-bottom: 5rem; padding-left: 14rem; font-size: 7rem; line-height: 7rem; }
  .main_banner .app_store .download span{ font-size: 6rem; line-height: 7rem; }
  .main_banner .app_store .users_counter{ font-size: 7rem; line-height: 11rem; padding-left: 14rem; }
  .main_banner .app_store .top_social{ display: flex; flex-wrap: wrap; gap: 1rem; }
  .main_banner .app_store .top_social .title{ padding: 0; font-size: 6rem; }
  .main_banner .app_store .top_social a{ width: 16rem; height: 16rem; }
  .main_banner .coop{ margin: 0 0 8rem; padding: 0 10rem; order: 5; }

  .hello{ background-position: bottom -62rem center; background-size: 110rem; }
  .hello .container{ padding: 16rem 0 25rem; }
  .hello .container .title{ font-size: 12rem; margin-bottom: 12rem; }
  .hello .container .group{ flex-wrap: wrap; gap: 10rem; }
  .hello .container .group .img{ width: 100%; }
  .hello .container .group .img img{ margin: 0 auto; width: 64rem; height: 64rem; }
  .hello .container .group .txt{ width: 100%; }
  .hello .container .group .txt p{ margin: 0 0 7rem; font-size: 8rem; line-height: 10rem; }

  .privacy{ padding: 22rem 0; }
  .privacy h1{ font: 12rem 'FuturaNew-Book'; }
  .privacy p{ margin-bottom: 5rem; }

  .ads .container{ padding: 16rem 0 25rem; }
  .ads .container .title{ font-size: 12rem; margin-bottom: 12rem; }

  .ads .grid{ flex-direction: column-reverse; }
  .ads .grid .list{ gap: 4rem; }
  .ads .grid .list .item{ width: calc(50% - 2rem); border-radius: 4rem; }
  .ads .grid.four .list .item{ width: calc(50% - 2rem); border-radius: 4rem; }
  .ads .grid .list .item .img{ height: 60rem; }
  .ads .grid .list .item .img span:not(.no_picture){ top: 4rem; left: 4rem; padding: 0 3.6rem 0 12.6rem; font: 6rem 'FuturaNew-Book'; height: 10rem; line-height: 10rem; border-radius: 3rem; }
  .ads .grid .list .item .img .no_picture:after{ background-size: 12rem; }
  .ads .grid .list .item .img .red{ background: rgba(255,255,255,.9) url('../img/need_red.svg') no-repeat left 3.6rem center; background-size: 6rem; }
  .ads .grid .list .item .img .blue{ background: rgba(255,255,255,.9) url('../img/ready_blue.svg') no-repeat left 3.6rem center; background-size: 7.4rem; }
  .ads .grid .list .item .txt{ height: 36rem; padding: 4rem; }
  .ads .grid .list .item .txt .title{ font-size: 8rem; line-height: 8rem; height: 18rem; max-height: none; }
  .ads .grid .list .item .txt .info{ bottom: 4rem; padding: 0 4rem; }
  .ads .grid .list .item .txt .info .user{ gap: 1.2rem; font-size: 6rem; height: 8rem; line-height: 8rem; }
  .ads .grid .list .item .txt .info .user img{ width: 8rem; height: 8rem; }
  .ads .grid .list .item .txt .info .date{ font-size: 6rem; height: 8rem; line-height: 8rem; }
  .ads .grid .list .list_control{ padding-top: 8rem; }

  .ads .grid .filter{ display: block; width: 100%; min-width: 100%; }
  .ads .grid .filter .filter_type_selector span label{ font-size: 6rem; padding: 3rem 3rem 3rem 10rem; }
  .ads .grid .filter .filter_type_selector span:nth-of-type(1) label{ border-radius: 2rem 2rem 0 0; background-size: 7rem; background-position: left 50rem center; }
  .ads .grid .filter .filter_type_selector span:nth-of-type(2) label{ border-radius: 0 0 2rem 2rem; background-size: 7rem; background-position: left 48rem center; }
  .ads .grid .filter .filter_type_selector span label:before,
  .ads .grid .filter .filter_type_selector span label:after{ left: 2rem; width: 5rem; height: 5rem; background-size: 4rem; }
  .ads .grid .filter .filter_type_selector{ padding: 3rem; border-radius: 4rem; }
  .ads .grid .filter .filter_categories{ padding: 6rem 5rem; border-radius: 4rem; }
  .ads .grid .filter .filter_categories span label{ margin-bottom: 3rem; padding: 0 0 0 8rem; font-size: 6rem; }
  .ads .grid .filter .filter_categories span label:before,
  .ads .grid .filter .filter_categories span label:after{ width: 5rem; height: 5rem; background-size: 4rem; }
  .ads .grid .filter .filter_search{ border-radius: 4rem; }
  .ads .grid .filter .filter_search #filter_query{ height: 14rem; line-height: 14rem; padding: 0 6rem 0 12rem; font-size: 6rem; background-size: 5rem; background-position: left 4rem center; }
  .ads .grid .filter .filter_search input#filter_date{ height: 14rem; line-height: 14rem; padding: 0 6rem 0 12rem; font-size: 6rem; background-size: 5rem; background-position: left 4rem center; }
  .ads .grid .filter .filter_to_map{ border-radius: 4rem; }
  .ads .grid .filter .filter_to_map a{ height: 14rem; line-height: 14rem; padding: 0 6rem 0 12rem; font-size: 6rem; background-size: 6rem; background-position: left 3rem center; }
  .ads .grid .filter .filter_control .button{ display: table; margin: 0 auto 6rem; padding: 3rem 12rem; }
  .ads .grid .filter .filter_control .reset{ font-size: 6rem; }

  .about .container{ padding: 16rem 0 25rem; }
  .about .container .title{ font-size: 12rem; margin-bottom: 12rem; }
  .about .container .txt{ margin-bottom: 10rem; padding-right: 0; }
  .about .container .txt p{ margin: 0 0 7rem; font-size: 8rem; line-height: 10rem; }
  .about .container .group{ gap: 8rem 4rem; flex-wrap: wrap; width: 100%; padding: 0; order: 4; }
  .about .container .group .button{ justify-content: center; width: calc(50% - 2rem); height: 18rem; line-height: 18rem; padding: 0; font-size: 7rem; border-radius: 2rem; }
  .about .container .group .download{ height: 16rem; margin: 0 auto; font-size: 7rem; line-height: 8rem; padding-left: 15rem; }
  .about .container .group .download span{ font-size: 6rem; line-height: 8rem; }
  .about .container .img{ padding-top: 50rem; background-position: bottom -50rem right; background-size: 160rem; }
  .about .img{ justify-content: center; position: relative; width: 100%; margin: auto; left: 0; right: 0; height: auto; }
  .about .img img{ width: 160rem; }
  .about .img .logo{ width: 22rem; height: 22rem; bottom: 106rem; right: 108rem; }
  .about .img .chat{ width: 20rem; height: 20rem; bottom: 50rem; right: 28rem; }
  .about .img .like{ width: 18rem; height: 18rem; bottom: 102rem; right: 60rem; }
  .about .img .hearth{ width: 20rem; height: 20rem; bottom: 30rem; right: 140rem; }

  .partners .container{ padding: 16rem 0 25rem; }
  .partners .container .title{ font-size: 12rem; margin-bottom: 12rem; }
  .partners .container .grid{ gap: 4rem; margin-bottom: 12rem; }
  .partners .container .grid .item{ width: calc(33.33% - 2.7rem); padding: 10rem; border-radius: 4rem; }
  .partners .container .group{ gap: 4rem; }

  .news{ flex-wrap: wrap; }
  .news .container{ flex-direction: column-reverse; padding: 16rem 0 25rem; }
  .news .list{ margin-bottom: 16rem; }
  .news .list > .title{ font-size: 10rem; line-height: 10rem; margin-bottom: 12rem; text-align: center; }
  .news .list .item{ margin: 0 0 6rem; padding: 6rem; border-radius: 4rem; }
  .news .list .item .user{ margin-bottom: 10rem; }
  .news .list .item .user a .img{ width: 16rem; height: 16rem; background-size: 16rem; }
  .news .list .item .user a .group{ margin-left: 3rem; }
  .news .list .item .user a .group .name{ font-size: 7rem; }
  .news .list .item .user a .group .date{ font-size: 6rem; }
  .news .list .item .title{ font-size: 10rem; line-height: 10rem; margin-bottom: 8rem; }
  .news .list .item p{ margin: 0 0 7rem; font-size: 8rem; line-height: 10rem; }
  .news .list .item .big_image{ max-height: 100rem; margin: 0 -6rem 7rem; }
  .news .list .item .ntags a{ font-size: 7rem; margin-right: 2rem; }

  .news .tags{ width: 100%; min-width: auto; margin-bottom: 8rem; }
  .news .tags .title{ font-size: 10rem; line-height: 12rem; margin-bottom: 12rem; text-align: center; }
  .news .tags a,
  .news .tags span{ font-size: 6rem; height: 12rem; line-height: 12rem; margin: 0 2rem 4rem 0; padding: 0 3rem; border-radius: 2rem 2rem 2rem 0; }
  .news .tags a:after,
  .news .tags span:after{ bottom: -2.5rem; border-width: 3rem 3rem 0 0; }
  
  .err{ font-size: 6rem; line-height: 7rem; }
  .err.active{ max-height: 16rem; padding-bottom: 6rem; }

  .login{ padding: 80rem 0; }
  .login .form{ width: 168rem; }
  .login .form h1{ font: 14rem 'FuturaNew-Book'; line-height: 14rem; margin-bottom: 10rem; }
  .login .form .box{ margin-bottom: 10rem; padding: 14rem 10rem; border-radius: 6rem; }
  .login .form .box label{ font-size: 9rem; margin-bottom: 9rem; max-height: 9rem; line-height: 9rem; }
  .login .form .box input{ font-size: 9rem; height: 20rem; line-height: 20rem; margin-bottom: 8rem; border-radius: 4rem; }
  .login .form .box .hint{ margin-bottom: 5rem; max-height: 14rem; }
  .login .form .button{ margin-bottom: 6rem; }
  .login .form .hint{ font-size: 6rem; line-height: 7rem; }
  .login .form .box .step2.opened{ max-height: 65rem; }
  .login .form .box .collapsed{ max-height: 0; }
  
  .user_profile{ padding: 30rem 0; }
  .user_profile h1{ font: 14rem 'FuturaNew-Book'; line-height: 14rem; margin-bottom: 10rem; }
  .user_profile .flexer h1{ margin-bottom: 0; }
  .user_profile .flexer.between{ margin-bottom: 10rem; }
  .user_profile .button.add{ gap: 3rem; font: 6rem 'FuturaNew-Medium'; height: 14rem; line-height: 14rem; padding: 0 4rem; }
  .user_profile .button.add img{ width: 6rem; height: 6rem; }
  .user_profile .ads .grid .list{ gap: 4rem; }
  .user_profile .ads .grid .list .item{ width: calc(50% - 2rem); border-radius: 4rem; }
  .user_profile .ads .grid .list .item .img{ height: 60rem; }
  .user_profile .ads .grid .list .item .img span:not(.no_picture){ top: 4rem; left: 4rem; padding: 0 3.6rem 0 12.6rem; font: 6rem 'FuturaNew-Book'; height: 10rem; line-height: 10rem; border-radius: 3rem; }
  .user_profile .ads .grid .list .item .img .no_picture:after{ background-size: 12rem; }
  .user_profile .ads .grid .list .item .img .red{ background: rgba(255,255,255,.9) url(../img/need_red.svg) no-repeat left 3.6rem center; background-size: 6rem; }
  .user_profile .ads .grid .list .item .img .blue{ background: rgba(255,255,255,.9) url(../img/ready_blue.svg) no-repeat left 3.6rem center; background-size: 7.4rem; }
  .user_profile .ads .grid .list .item .txt{ height: 36rem; padding: 4rem; }
  .user_profile .ads .grid .list .item .txt .title{ font-size: 8rem; line-height: 8rem; height: 18rem; max-height: none; }
  .user_profile .ads .grid .list .item .txt .info{ bottom: 4rem; padding: 0 4rem; }
  .user_profile .ads .grid .list .item .txt .info .status{ gap: 3rem; font-size: 5.6rem; height: 8rem; line-height: 8rem; padding-left: 4rem; }
  .user_profile .ads .grid .list .item .txt .info .status:after{ width: 3rem; height: 3rem; border-radius: 3rem; }
  .user_profile .ads .grid .list .item .txt .info .date{ font-size: 5.6rem; height: 8rem; line-height: 8rem; }
  .user_profile .ads .grid .list .list_control{ padding-top: 8rem; }

  .profile{ flex-wrap: wrap; }
  .profile .profile_nav{ flex-direction: row; justify-content: space-between; width: 100%; padding: 8rem 10rem; border-radius: 2rem; }
  .profile .profile_nav a{ width: 25%; height: 8rem; }
  .profile .profile_nav a img{ width: 10rem; }
  .profile .profile_nav a:nth-of-type(4) img{ width: 10rem; }
  .profile .profile_nav a:nth-of-type(5) img{ width: 10rem; }
  .profile .profile_nav a:after{ display: none; left: auto; right: 0; top: 0; bottom: 0; width: .4rem; height: 100%; }

  .profile .panel{ min-height: 100rem; padding: 8rem 10rem; border-radius: 2rem; }
  .profile .panel .userdata{ gap: 6rem; }
  .profile .panel .userdata .avatar{ gap: 6rem; }
  .profile .panel .userdata .avatar .pic_wrapper .pic{ width: 32rem; height: 32rem; border-radius: 14rem; box-shadow: inset 0 0 0rem 1.6rem rgba(255,255,255,.6); }
  .profile .panel .userdata .avatar .pic_wrapper .pic:before{ width: 12rem; height: 12rem; background-size: 12rem; }
  .profile .panel .userdata .avatar .pic_wrapper .delete{ width: 7rem; height: 7rem; background-size: 7rem; }
  .profile .panel .userdata .avatar .name_wrapper .username input{ font-size: 8rem; height: 12rem; line-height: 12rem; }
  .profile .panel .userdata .avatar .name_wrapper .rating{ font-size: 5rem; }
  .profile .panel .userdata .avatar .name_wrapper .rating.rate5:after{ width: 24rem; background-size: 5rem; left: 8rem; }
  .profile .panel .userdata .group{ flex-wrap: wrap; }
  .profile .panel .userdata .group .item{ width: 100%; }
  .profile .panel .userdata .group .item:nth-of-type(2):before,
  .profile .panel .userdata .group .item:nth-of-type(2):after{ display: none; }
  .profile .panel .userdata .group.double .item{ width: 100%; }
  .profile .panel .userdata .group .item p{ font-size: 6rem; margin-bottom: 4rem; }
  .profile .panel .userdata .group .item input{ font-size: 6rem; height: 18rem; line-height: 18rem; margin-bottom: 2rem; padding: 0 5rem; border-radius: 2rem; }
  .profile .panel .userdata .group .item input:last-child{ margin-bottom: 0; }
  .profile .panel .userdata .group .item select{ font-size: 6rem; height: 18rem; line-height: 18rem; margin-bottom: 2rem; padding: 0 5rem; border-radius: 2rem; }
  .profile .panel .userdata .group .item select:last-child{ margin-bottom: 0; }
  .profile .panel .userdata .group .item div{ font-size: 6rem; height: 18rem; line-height: 18rem; margin-bottom: 2rem; border-radius: 2rem; }
  .profile .panel .userdata .group .item div .digits{ font-size: 7rem; }
  .profile .panel .userdata .group .item .views{ background-size: 7rem; background-position: left 5rem center; padding: 0 5rem 0 15rem; }
  .profile .panel .userdata .group .item .likes{ background-size: 8rem; background-position: left 4.5rem center; padding: 0 5rem 0 15rem; }
  .profile .panel .userdata .group .item .subscribers{ background-size: 7rem; background-position: left 5rem center; padding: 0 5rem 0 15rem; }
  .profile .panel .userdata .group .item .reviews{ background-size: 7rem; background-position: left 5rem center; padding: 0 5rem 0 15rem; }
  .profile .panel .userdata .group .item div:last-child{ margin-bottom: 0; }
  .profile .panel .userdata .about textarea{ font-size: 7rem; height: 120rem; padding: 5rem; border-radius: 2rem; }
  .profile .panel .userdata textarea::-webkit-scrollbar{ width: 1.2rem; }
  .profile .panel .userdata textarea::-webkit-scrollbar-thumb{ border-radius: .8rem; }
  .profile .panel .userdata #yamap{ height: 100rem; }
  .profile .panel .userdata .title input,
  .profile .panel .userdata .date_i input,
  .profile .panel .userdata .tags_input input{ font-size: 6rem; height: 18rem; line-height: 18rem; margin-bottom: 2rem; padding: 0 5rem; border-radius: 2rem; }
  .profile .panel .userdata .date_i{ width: 100%; }
  .profile .panel .userdata .hint{ font-size: 5rem; }

  .profile .panel .userdata #userdata_edit{ width: auto; }
  .profile .panel .userdata .flexer{ display: block; }
  .profile .panel .userdata .flexer .err{margin-top: 4rem; }
  .profile .panel .userdata .flexer .success{margin-top: 4rem; }

  .profile .panel .newslist .item:first-child{ padding-top: 0; }
  .profile .panel .newslist .item:last-child{ padding-bottom: 0; }
  .profile .panel .newslist .item{ padding: 5rem 0; }
  .profile .panel .newslist .item .img{ width: 36rem; min-width: 36rem; height: 36rem; min-height: 30rem; }
  .profile .panel .newslist .item .img img{ width: 100%; height: 100%; }
  .profile .panel .newslist .item .txt{ padding: 0 0 0 6rem; }
  .profile .panel .newslist .item .txt .title{ font-size: 8rem; margin-bottom: 0; }
  .profile .panel .newslist .item .txt .info .status{ gap: 3rem; font-size: 6rem; height: 8rem; line-height: 8rem; padding-left: 4rem; }
  .profile .panel .newslist .item .txt .info .status:after{ width: 3rem; height: 3rem; border-radius: 3rem; }
  .profile .panel .newslist .item .txt .info .date{ font-size: 6rem; height: 8rem; line-height: 8rem; }

  .profile .panel .userdata .post_pic_wrapper .post_pics{ flex-wrap: wrap; }
  .profile .panel .userdata .post_pic_wrapper .post_pics .img, .profile .panel .userdata .post_pic_wrapper .post_pics .elem, .profile .panel .userdata .post_pic_wrapper .post_pics .add{ width: calc(33.33% - 1.6rem); height: 42rem; }
  .profile .panel .userdata .post_pic_wrapper .post_pics .img img{ border-radius: 2rem; }
  .profile .panel .userdata .post_pic_wrapper .post_pics .img .delete{ top: -2rem; right: -2rem; width: 7rem; height: 7rem; background-size: 7rem; }
  .profile .panel .userdata .post_pic_wrapper .post_pics .elem:before{ background-size: 12rem; }
  .profile .panel .userdata .post_pic_wrapper .post_pics .add{ background: #f1f7fd; }
  .profile .panel .userdata .post_pic_wrapper .post_pics .add:before{ height: auto; line-height: 1; background: none; color: #525252; text-align: center; font-size: 6rem; }

  .profile .panel .userdata #ad_edit, .profile .panel .userdata #nws_edit{ width: 50rem; min-width: 50rem; }
  .profile .panel .userdata #ad_delete, .profile .panel .userdata #nws_delete{ width: 50rem; min-width: 50rem; }

  .profile .panel .userdata .flexer .success,
  .profile .panel .userdata .flexer .err{ font-size: 6rem; max-height: 10rem; text-align: left; }

  .ads_page .container{ padding: 30rem 0; }
  .ads_page h1{ font: 14rem 'FuturaNew-Book'; line-height: 14rem; margin-bottom: 10rem; }
  .ads_page h2{ font: 10rem 'FuturaNew-Book'; line-height: 10rem; margin-bottom: 6rem; }
  .ads_page .ads{ margin-bottom: 10rem; }

  .ads_profile{ flex-wrap: wrap; }
  .ads_profile .nav{ flex-direction: row; align-items: center; width: 100%; min-width: 100%; min-height: 22rem; border-radius: 2rem; }
  .ads_profile .nav > a, .ads_profile .nav > div{ flex: 1; }
  .ads_profile .nav > div:nth-of-type(1) img{ width: 12rem; }
  .ads_profile .nav > div:nth-of-type(2) img{ width: 9rem; }
  .ads_profile .nav > div:nth-of-type(3) img{ width: 10rem; }
  .ads_profile .nav > div:nth-of-type(4) img{ width: 10rem; }
  .ads_profile .nav > a:after, .ads_profile .nav > div:after,
  .ads_profile .nav .share:after{ top: 0; right: 0; bottom: 0; width: .1rem; height: 100%; }

  .ads_profile .panel{ flex-wrap: wrap; border-radius: 2rem; }
  .ads_profile .panel .images{ order: 1; width: 100%; height: 100rem; }
  .ads_profile .panel .images:after{ background-size: 12rem; }
  .ads_profile .panel .images .ads_gallery{ height: 100rem; }
  .ads_profile .panel .images .ads_gallery .img{ height: 100rem; }
  .ads_profile .panel .images .ads_gallery .img img{ height: 100rem; }
  .ads_profile .panel .images .type{ top: 4rem; left: 6rem; padding: 0 3.6rem 0 12.6rem; font: 6rem 'FuturaNew-Book'; height: 10rem; line-height: 10rem; border-radius: 3rem; }
  .ads_profile .panel .images .type.red{ background: rgba(255,255,255,.9) url(../img/need_red.svg) no-repeat left 3.6rem center; background-size: 6rem; }
  .ads_profile .panel .images .type.blue{ background: rgba(255,255,255,.9) url(../img/ready_blue.svg) no-repeat left 3.6rem center; background-size: 7.4rem; }
  .ads_profile .panel .data{ order: 2; width: 100%; }
  .ads_profile .panel .images .ads_gallery .slick-prev{ left: 6rem; }
  .ads_profile .panel .images .ads_gallery .slick-next{ right: 6rem; }
  .ads_profile .panel .images .ads_gallery .slick-arrow{ width: 8rem; height: 8rem; }
  .ads_profile .panel .images .ads_gallery .slick-dots{ left: 6rem; bottom: 4rem; gap: 1.2rem; }
  .ads_profile .panel .images .ads_gallery .slick-dots li{ height: .8rem; width: 3rem; }
  .ads_profile .panel .images .ads_gallery .slick-dots li.slick-active{ width: 6rem; }
  .ads_profile .panel .images .current{ left: 6rem; bottom: 6rem; font-size: 5rem; }

  .ads_profile .panel .data{ gap: 6rem; padding: 6rem; }
  .ads_profile .panel .data .avatar a{ gap: 6rem; }
  .ads_profile .panel .data .avatar .pic_wrapper .pic{ width: 32rem; height: 32rem; border-radius: 14rem; box-shadow: inset 0 0 0rem 1.6rem rgba(255, 255, 255, .6); }
  .ads_profile .panel .data .avatar .name_wrapper .username{ font-size: 8rem; }
  .ads_profile .panel .data .avatar .name_wrapper .rating{ font-size: 5rem; }
  .ads_profile .panel .data .avatar .name_wrapper .rating.rate5:after{ width: 24rem; background-size: 5rem; left: 8rem; }
  .ads_profile .panel .data .flexer .button{ font-size: 7rem; gap: 3rem; }
  .ads_profile .panel .data .flexer .button img{ width: 6rem; height: 6rem; }

  .ads_profile .panel .data .address{ font-size: 6rem; background-size: 12rem; margin-bottom: 10rem; padding: 0 0 0 16rem; }
  .ads_profile .panel .data .address span{ font-size: 6rem; }
  .ads_profile .panel .data .pricer .price{ font-size: 12rem; line-height: 12rem; }
  .ads_profile .panel .data .pricer .info{ font-size: 6rem; line-height: 8rem; }
  .ads_profile .panel .data .pricer .info .date,
  .ads_profile .panel .data .pricer .info .views{ background-size: 6rem; padding-left: 8rem; }

  .ads_profile .nav .share .list{ gap: 3rem; height: 16rem; right: -22rem; }
  .ads_profile .nav .share:hover .list{ max-width: 80rem; gap: 3rem; height: 16rem; right: -22rem; }
  .ads_profile .nav .share .list a{ width: 10rem; min-width: 10rem; height: 10rem; border-radius: 10rem; }

  .ads_description{ padding: 6rem; border-radius: 2rem; }
  .ads_description article{ margin-bottom: 6rem; }
  .ads_description article.lim{ max-height: 60rem; }
  .ads_description article.lim.opened{ max-height: 2000rem; }
  .ads_description .read_more{ font-size: 5rem; padding-left: 6rem; }
  .ads_description .read_more:before{ width: 4rem; background-size: 4rem; }

  .user_article{ border-radius: 2rem; margin-bottom: 10rem; padding: 6rem; }
  .user_article .avatar{ gap: 6rem; }
  .user_article .avatar .pic_wrapper .pic{ width: 32rem; height: 32rem; border-radius: 14rem; box-shadow: inset 0 0 0rem 1.6rem rgba(255, 255, 255, .6); }
  .user_article .avatar .name_wrapper .username{ font-size: 8rem; }
  .user_article .avatar .name_wrapper .rating{ font-size: 5rem; }
  .user_article .avatar .name_wrapper .rating.rate5:after{ width: 24rem; background-size: 5rem; left: 8rem; }

  .ads_list{ gap: 4rem; }
  .ads_list .item{ width: calc(50% - 2rem); }
  .ads_list .item a{ border-radius: 2rem; }
  .ads_list .item a .img{ height: 60rem; }
  .ads_list .item a .img .type{ top: 3rem; left: 4rem; font-size: 5rem; height: 8rem; line-height: 8rem; padding: 0 3rem 0 9rem; background-position: left 2rem center; background-size: 5rem; border-radius: 2rem; }
  .ads_list .item a .txt{ padding: 4rem 5rem 10rem; }
  .ads_list .item a .txt .title{ font-size: 8rem; height: 20rem; }
  .ads_list .item a .txt .status{ font-size: 5rem; left: 5rem; padding: 0 0 0 3.4rem; }
  .ads_list .item a .txt .status:after{ width: 2rem; height: 2rem; border-radius: 2rem; }
  .ads_list .item a .txt .date{ font-size: 5rem; right: 5rem; }

  .news_heading .date{ font-size: 7rem; height: 8rem; line-height: 8rem; }
  .news_article .images{ width: 42%; }
  .news_article .images .img{ border-radius: 2rem; }
  .news_article .images .img img{ min-height: 52rem; max-height: 52rem; }
  .news_article .tags{ margin-top: 6rem; }
  .news_article .tags a{ font-size: 6rem; margin-right: 2rem; }
  .news_article .info{ flex-wrap: wrap; }
  .news_article .info .avatar{ width: 100%; gap: 6rem; }
  .news_article .info .avatar .pic_wrapper .pic{ width: 32rem; height: 32rem; border-radius: 14rem; box-shadow: inset 0 0 0rem 1.6rem rgba(255, 255, 255, .6); }
  .news_article .info .avatar .name_wrapper .username{ font-size: 8rem; }
  .news_article .info .avatar .name_wrapper .rating{ font-size: 5rem; }
  .news_article .info .avatar .name_wrapper .rating.rate5:after{ width: 24rem; background-size: 5rem; left: 8rem; }
  .news_article .info .stats{ width: 100%; text-align: left; justify-content: flex-start; }
  .news_article .info .stats .views,
  .news_article .info .stats .date{ font-size: 6rem; background-size: 6rem; padding-left: 8rem; }
  .news_article .info .complain{ width: 100%; text-align: left; }
  .news_article .info .complain a, .news_article .info .complain span{ gap: 2rem; margin: 0; justify-content: flex-start; }
  .news_article .info .complain a img, .news_article .info .complain span img{ width: 6rem; }
  .news_article .gallery{ flex-wrap: wrap; gap: 4rem; margin-top: 6rem; }
  .news_article .gallery .img{ width: calc(50% - 2rem); height: 58rem; border-radius: 2rem; }

  .ads_map h1{ font: 14rem 'FuturaNew-Book'; line-height: 14rem; margin-bottom: 10rem; }
  .ads_map > .container{ padding-top: 30rem; }
  .ads_map #yamaps{ display: flex; flex-wrap: wrap; height: auto; min-height: 150rem; }
  .ads_map #yamaps .container{ position: relative; width: 100%; order: 2; }
  .ads_map #yamaps > ymaps{ width: 100%; height: 150rem!important; order: 1; }
  .ads_map #yamaps > ymaps > ymaps{ height: 150rem!important; }
  .ads_map .filterit{ position: relative; top: 0; bottom: 0; right: 0; width: 100%; }
  .ads_map .filterit .filter_type_selector{ padding: 2rem; border-radius: 4rem; }
  .ads_map .filterit .filter_type_selector span label{ padding: 3rem 3rem 1rem 10rem; font-size: 6rem; border-radius: 2rem; }
  .ads_map .filterit .filter_type_selector span label:before,
  .ads_map .filterit .filter_type_selector span label:after{ left: 3rem; width: 5rem; height: 5rem; border-radius: 2rem; }
  .ads_map .filterit .filter_type_selector span label:after{ background-size: 3rem; }
  .ads_map .filterit .filter_type_selector span:nth-of-type(1) label{ background-position: 50rem center; background-size: 6rem; }
  .ads_map .filterit .filter_type_selector span:nth-of-type(2) label{ background-position: 50rem center; background-size: 7rem; }
  .ads_map .filterit .filter_categories{ height: 70rem; padding: 4rem 2rem; border-radius: 4rem; }
  .ads_map .filterit .filter_categories span label{ padding: 0 0 0 10rem; font-size: 6rem; }
  .ads_map .filterit .filter_categories span label:before,
  .ads_map .filterit .filter_categories span label:after{ left: 3rem; width: 5rem; height: 5rem; border-radius: 2rem; }
  .ads_map .filterit .filter_categories span label:after{ background-size: 3rem; }
  .ads_map .filterit .filter_search #filter_query{ height: 16rem; font-size: 6rem; line-height: 6rem; padding: 0 3rem 0 10rem; background-position: left 3rem center; background-size: 5rem; }
  .ads_map .filterit .filter_search input#filter_date{ height: 16rem; font-size: 6rem; line-height: 6rem; padding: 0 3rem 0 10rem; background-position: left 3rem center; background-size: 5rem; }
  .ads_map .filterit .filter_control .button{ padding: 4rem 10rem; }


  .chat{  }
  .chat .container{ padding: 30rem 0; }
  .chat h1{ font-size: 12rem; }
  .chat .chat_settings{  }
  .chat .chat_settings .search{ display: none; }
  .chat .chat_settings .create{ min-width: auto; }
  .chat .chat_body{ min-height: calc(100dvh - 100rem); }
  .chat .chat_body .chat_groups{ width: 100%; border-right: 0; padding: 1.5rem 0 0; height: auto; overflow-y: auto; }
  .chat .chat_body .chat_groups .group{ height: 24rem; margin-bottom: 4rem; padding-right: 0; border-radius: 8rem 4rem 4rem 8rem; }
  .chat .chat_body .chat_groups .group:before{ border-radius: 8rem 4rem 4rem 8rem; }
  .chat .chat_body .chat_groups .group .avatar{ width: 24rem; min-width: 24rem; height: 24rem; border-radius: 8rem; background-size: 6rem; }
  .chat .chat_body .chat_groups .group .user_on.line{ bottom: -1rem; left: 1rem; width: 4rem; height: 4rem; border-radius: 4rem; }
  .chat .chat_body .chat_groups .group .message{ height: 24rem; padding-left: 4rem; }
  .chat .chat_body .chat_groups .group .message .name{ margin-top: 4rem; font-size: 6rem; line-height: 6rem; }
  .chat .chat_body .chat_groups .group .message .date{ top: 4rem; right: 4rem; font-size: 6rem; line-height: 6rem; }
  .chat .chat_body .chat_groups .group .message .last{ margin-top: 3rem; font-size: 6rem; line-height: 6rem; }
  .chat .chat_body .chat_groups .group .message .last .no_message{ opacity: .6; }
  .chat .chat_body .chat_groups .group .message .is_typing{ margin-top: 3rem; font-size: 6rem; line-height: 6rem; }
  .chat .chat_body .chat_groups .group .unread{ right: 4rem; bottom: 4rem; min-width: 8rem; height: 8rem; line-height: 8rem; border-radius: 8rem; font-size: 6rem; }

  .chat .chat_body #chat_messages{ display: none; height: calc(100dvh - 28rem); position: fixed; top: 0; right: -100%; margin: 0; padding: 0; z-index: 6; transition: transform .5s ease; }
  .chat .chat_body #chat_messages.active{ transform: translate3d(-100%, 0, 0); transition: transform .5s ease; z-index: 21; }
  .chat .chat_body #chat_messages.active.first{ display: none; }
  .chat .chat_body #chat_messages .band{ max-height: none; height: calc(100% - 50rem); padding: 0 4rem 4rem; }
  .chat .chat_body #chat_messages .sresults{ max-height: none; height: calc(100% - 6.4rem); padding: 0 4rem 4rem; }
  .chat .chat_body #chat_messages .wrapper{ height: 100%; background-size: 100%; padding-bottom: 0; }
  .chat .chat_body #chat_messages .chat_controls{ display: flex; gap: 4rem; padding: 4rem; border-bottom: 1px solid #e6e6e6; }
  .chat .chat_body #chat_messages .chat_controls .close{ display: block; width: 10rem; min-width: 10rem; height: 10rem; background: url('/img/cancel.svg') no-repeat left center; background-size: contain; cursor: pointer; }
  .chat .chat_body #chat_messages .chat_controls .userdata{ padding: 0; }
  .chat .chat_body #chat_messages .chat_controls .userdata a{ justify-content: flex-start; gap: 2rem; padding-left: 0; color: #000; }
  .chat .chat_body #chat_messages .chat_controls .userdata a .userpic{ width: 20rem; min-width: 20rem; height: 20rem; border-radius: 8rem; }
  .chat .chat_body #chat_messages .chat_controls .userdata a .username{ max-width: 100rem; font-size: 8rem; line-height: 6rem; }
  .chat .chat_body #chat_messages .chat_controls .userdata a .user_on.line{ bottom: -1rem; left: 1rem; width: 4rem; height: 4rem; border-radius: 4rem; }
  .chat .chat_body #chat_messages .splitter{ font-size: 6rem; margin: 8rem 0; padding: 2rem 0; border-radius: 4rem; }
  .chat .chat_body #chat_messages .message{ gap: 4rem; margin: 2rem 0 0; }
  .chat .chat_body #chat_messages .message .userpic{ width: 12rem; min-width: 12rem; height: 12rem; border-radius: 12rem; }
  .chat .chat_body #chat_messages .message .content{ margin: 0; padding: 5rem 2rem 5rem 5rem; border-radius: 4rem; }
  .chat .chat_body #chat_messages .message .content:before{ top: 4rem; left: -4rem; width: 4rem; height: 3rem; }
  .chat .chat_body #chat_messages .message.my .content:before{ top: 4rem; right: -4rem; width: 4rem; height: 3rem; }
  .chat .chat_body #chat_messages .message .content .text{ font-size: 7rem; line-height: 1.2; padding: 0 3rem 2rem 0; }
  .chat .chat_body #chat_messages .message .content .info{ margin: 0 0 2rem; }
  .chat .chat_body #chat_messages .message .content .info .name{ max-width: 50rem; font-size: 6rem; line-height: 6rem; }
  .chat .chat_body #chat_messages .message .content .info .date{ font-size: 5rem; line-height: 6rem; }
  .chat .chat_body #chat_messages .message .content .info .dots{ width: 6rem; min-width: 6rem; height: 6rem; }
  .chat .chat_body #chat_messages .message .content .reply_msg{ font-size: 5rem; line-height: 2; margin: 0 0 2rem 0; padding: 0 3rem; }
  .chat .chat_body #chat_messages .message.my .content .text{ padding: 0 3rem 4rem 0; }
  .chat .chat_body #chat_messages .message:not(.my) ~ .message:not(.my){ margin: 2rem 0 0; }
  .chat .chat_body #chat_messages .message.my ~ .message.my{ margin: 2rem 0 0; }
  .chat .chat_body #chat_messages .message.my + .message:not(.my){ margin: 8rem 0 0; }
  .chat .chat_body #chat_messages .message:not(.my) + .message.my{ margin: 8rem 0 0; }
  .chat .chat_body #chat_messages .message.my .content .status{ bottom: 1rem; right: 2rem; width: 8rem; height: 8rem; }
  .chat .chat_body #chat_messages .write{ gap: 2rem; bottom: 0; padding: 0 4rem; }
  .chat .chat_body #chat_messages .write input{ width: calc(100% - 24rem); height: 20rem; line-height: 20rem; margin: 0; padding: 0 4rem; font-size: 6rem; border-radius: 4rem; }
  .chat .chat_body #chat_messages .write > .button{ width: 22rem; height: 20rem;line-height: 20rem; margin: 0; padding: 4rem 6rem; border-radius: 4rem; }
  
  footer .container{ padding: 16rem 0 28rem; }
  footer .container .logo img{ width: 28rem; height: 28rem; }
  footer .container .logo span{ width: 100%; font-size: 9rem; }
  footer .container .logo span b{ font-size: 9rem; }
  footer .container .item{ width: 100%; }
  footer .container .item:not(.logo){ padding-top: 8rem; }
  footer .container .item a,
  footer .container .item span{ gap: 3rem; font-size: 7rem; }
  footer .container .copyright{ padding: 5rem 0; font-size: 6rem; height: auto; line-height: normal; border-top: 1px solid #373958; }
  footer .container .copyright:after{ display: none; }
  footer .container .socials{ justify-content: flex-start; }
  footer .container .socials .title{ font-size: 6rem; text-align: left; }
  footer .container .socials a{ width: 16rem; height: 16rem; }

  .popup .box{ width: 156rem; padding: 6rem; }
  .popup .box .form .title{ font-size: 8rem; margin-bottom: 6rem; }
  .popup .box .form p{ font-size: 6rem; margin-bottom: 2rem; }
  .popup .box .form .hint{ font-size: 5rem; }
  .popup .box .form input ~ p{ margin-bottom: 6rem; }
  .popup .box .form input[type=text]{ height: 18rem; font-size: 6rem; padding: 0 6rem; border-radius: 2rem; }
  .popup .box .form input[type=tel]{ height: 18rem; font-size: 6rem; padding: 0 6rem; border-radius: 2rem; }
  .popup .box .form input[type=date]{ height: 18rem; font-size: 6rem; padding: 0 6rem; border-radius: 2rem; }
  .popup .box .form input[type=number]{ height: 18rem; font-size: 6rem; padding: 0 6rem; border-radius: 2rem; }
  .popup .box .form textarea{ height: 52rem; font-size: 6rem; padding: 6rem; border-radius: 2rem; }
  .popup .box .close{ top: 6rem; right: 6rem; width: 8rem; height: 8rem; }
  .popup .activity_group{ padding: 8rem 0; }
  .popup .activity_group div{ height: 10rem; line-height: 10rem; padding: 0 0 0 8rem; }
  .popup .activity_group .message_reply,
  .popup .activity_group .message_edit,
  .popup .activity_group .message_delete{ background-size: 6rem; }

  .noty_on_display{ bottom: 30rem; right: 10rem; }
  .noty_on_display .item{ padding: 2rem 4rem; border-radius: 5rem; }
  .noty_on_display .item .close_button{ top: -4rem; right: -3rem; width: 7rem; height: 7rem; background-size: 7rem; border-radius: 7rem; }

  .mobile_menu{ display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; padding: 6rem 12rem; z-index: 9; }
  .mobile_menu a{ display: flex; align-items: center; justify-content: center; position: relative; }
  .mobile_menu span{ display: flex; align-items: center; justify-content: center; position: relative; height: 16rem; }
  .mobile_menu span:not(.title){ transform: translateY(-3rem); }
  .mobile_menu a img{ height: 16rem; object-fit: contain; object-position: bottom; }
  .mobile_menu .ready:before{ content: ''; position: absolute; top: -7rem; bottom: 0; left: 0; margin: auto; width: 16rem; height: 16rem; background: url('../img/nav-readyhelp1.svg') no-repeat center bottom; background-size: 16rem; pointer-events: none; }
  .mobile_menu .ready:after{ content: ''; position: absolute; top: -7rem; bottom: 0; left: 0; margin: auto; width: 16rem; height: 16rem; background: url('../img/nav-readyhelp2.svg') no-repeat center bottom; background-size: 16rem; pointer-events: none; }
  .mobile_menu .ready span:not(.title):after{ content: ''; position: absolute; top: -1rem; bottom: 0; left: 0; margin: auto; width: 16rem; height: 16rem; background: url('../img/nav-readyhelp3.svg') no-repeat center bottom; background-size: 16rem; pointer-events: none; }
  .mobile_menu .map{ width: 14rem; }
  .mobile_menu .map img{ margin: 0 auto; width: 14rem; height: 14rem; object-fit: contain; object-position: center; }
  .mobile_menu .map:before{ content: ''; position: absolute; top: -6rem; bottom: 0; left: 0; right: 0; margin: auto; width: 14rem; height: 14rem; background: url('../img/nav-map1.svg') no-repeat center; background-size: 14rem; pointer-events: none; }
  .mobile_menu .map:after{ content: ''; position: absolute; top: -3.3rem; right: 0rem; margin: auto; width: 3.4rem; height: 4.6rem; background: url('../img/nav-map2.svg') no-repeat center; background-size: 3.4rem; pointer-events: none; }
  .mobile_menu .calendar img{ width: 12.4rem; height: 12.4rem; transform-origin: bottom left; }
  .mobile_menu .calendar:after{ content: ''; position: absolute; bottom: 3.8rem; right: -1rem; margin: auto; width: 6.4rem; height: 6.4rem; background: url('../img/nav-calendar1.svg') no-repeat center bottom; background-size: 6.4rem; pointer-events: none; }
  .mobile_menu .blogs img{ height: 14rem; }
  .mobile_menu .blogs:after{ content: ''; position: absolute; top: 1rem; bottom: 0; right: -1rem; margin: auto; width: 14rem; height: 14rem; background: url('../img/nav-blogs1.svg') no-repeat center bottom; background-size: 14rem; pointer-events: none; }
  .mobile_menu .chat{ position: relative; width: 12rem; height: 16rem; cursor: pointer; }
  .mobile_menu .chat img{ width: 12rem; height: 12rem; transform-origin: top left; animation-direction: reverse; }
  .mobile_menu .chat:after{ content: ''; position: absolute; top: -5rem; bottom: 0; right: 0; margin: auto; width: 12rem; height: 12rem; background: url('../img/chat1.svg') no-repeat center bottom; background-size: 12rem; pointer-events: none; transform-origin: top right; animation-direction: reverse; }
  .mobile_menu .chat .unread{ position: absolute; top: -2rem; right: -3.3rem; margin: auto; padding: 0; min-width: 8rem; height: 8rem; line-height: 8rem; border-radius: 8rem; background: #e4031e; color: #fff; font-size: 6rem; text-align: center; box-sizing: border-box; z-index: 3; }
  .mobile_menu a .title{ position: absolute; bottom: -9.5rem; left: 0; right: 0; margin: auto; font: 5rem 'FuturaNew-Medium'; line-height: 5rem; color: #212121; text-align: center; text-transform: uppercase; white-space: nowrap; opacity: 1; pointer-events: none; transition: all .3s ease; }

  .bubbles{ height: 440rem; }
  .bubbles .shape1{ width: 150rem; height: 72rem; }
  .bubbles .shape2{ width: 220rem; height: 120rem; }
  .bubbles .shape3{ display: none; }
  .bubbles .shape4{ top: 20rem; right: -80rem; width: 140rem; height: 120rem; }
  .bubbles .shape5{ bottom: 94rem; right: -50rem; width: 110rem; height: 80rem; }
  .bubbles .shape6{ bottom: -20rem; right: -20rem; width: 74rem; height: 56rem; }
}