/*-------------------------------------Баннер-------------------------------------*/
.main-banner {
	margin-bottom: 25px;
}
.banner-slide {
	background: url('../img/slide-gr.png') no-repeat 10% 0;
    border-radius: 20px;
    padding: 30px 20px;
	margin: 0 10px;
    color: #fff;
    background-size: auto 100%;
	transition: 0.5s ALL;
	max-width: 90vw;
}
.banner-slide:not(.slick-active) {
	opacity: 0.45;
}
.banner-slide .slide-title{
	font-size: 24px;
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 18px;
}
.banner-slide p {
	font-size: 14px;
}
.link-arrow {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.link-arrow:hover {
	color: #fff;
}
.link-arrow img {
    display: inline-block;
    background: #fff;
    padding: 6px;
    border-radius: 50%;
    margin-left: 20px;
}
.banner-slide .row>div:last-child {
	text-align: center;
}
/*---------------------------Слайдер категорий----------------------------------*/
.category-block {
    margin-bottom: 40px;
}
.category-slider .slick-track {
	padding: 15px 0 18px;
}
.category-slider a {
	display: flex !important;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    font-weight: 600;	
	padding: 20px 10px 20px 20px;
    margin: 0 5px;
	box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.15);
	transition: 0.2s ALL ease-out;
}
.category-slider a:hover {
	color: #000;
	box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px var(--main-color);
}
.category-slider a div {
	padding-right: 10px;
	line-height: 1.2em;
}
.category-slider .slick-arrow {
	position: absolute;
	top: 15px;
    width: 40px;
    height: calc(100% - 33px);
    color: transparent;
    border: none;
    border-radius: 10px;
    font-size: 0;
    box-shadow: 0px 4px 6px 0px #00000026;
	transition: 0.2s ALL ease-out;
}
.category-slider .slick-prev {
	left: -45px;
	background: #fff url("../img/icons/left_arrow_blk.svg") no-repeat 50% 50%;
}
.category-slider .slick-prev:hover {
	background: var(--main-color) url("../img/icons/left_arrow_wh.svg") no-repeat 50% 50%;
}
.category-slider .slick-next {
	right: -45px;
	background: #fff url("../img/icons/right_arrow_blk.svg") no-repeat 50% 50%;
}
.category-slider .slick-next:hover {
	background: var(--main-color) url("../img/icons/right_arrow_wh.svg") no-repeat 50% 50%;
}
/*--------------------------------Маленькая карточка------------------------------------*/
.new-ads-block {
    margin-bottom: 35px;
}
.new-ads-slider .slick-track {
	display: flex;
}
.new-ads-slider .slick-arrow /*,
.fav-seller-slider .slick-arrow*/ {
    position: absolute;
    top: -43px;
    font-size: 0;
    padding: 0;
    width: 29px;
    height: 29px;
    border: none;
    border-radius: 50%;
    box-shadow: 0px 4px 13px 0px #04963433;
	transition: 0.2s ALL ease-out;
}
/*
.fav-seller-slider .slick-arrow {
    top: -67px;
    width: 34px;
    height: 34px;
}*/
/*
.new-ads-slider .slick-prev {
	right: 45px;
	background: #fff url("../img/icons/left-arrow-gr.svg") no-repeat 50% 50%;
}
.new-ads-slider .slick-prev:hover {
	background: var(--main-color) url("../img/icons/left-arrow-wh.svg") no-repeat 50% 50%;
}
.new-ads-slider .slick-next {
	right: 0;
	background: #fff url("../img/icons/right-arrow-gr.svg") no-repeat 50% 50%;
}
.new-ads-slider .slick-next:hover {
	background: var(--main-color) url("../img/icons/right-arrow-wh.svg") no-repeat 50% 50%;
}
*/

.new-ads-slider ul,
.nav-img ul,
.main-img ul,
.fav-seller-slider ul{
	display: flex;
	flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.main-img ul,
.nav-img ul {
    margin-top: 10px;
}
.new-ads-slider ul button,
.nav-img ul button,
.main-img ul button,
.fav-seller-slider ul button{
	font-size: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #C9C9C9;
    border-radius: 50%;
    border: none;
    margin: 0 8px;
}
.main-img ul button {
    width: 10px;
    height: 10px;
    padding: 0;
}

.new-ads-slider li.slick-active button,
.nav-img li.slick-active button,
.main-img li.slick-active button,
.fav-seller-slider li.slick-active button {
	background: green;
    opacity: 0.6;
    width: 60px;
    border-radius: 20px;
}
.card-top-info>a,
.card-top-info>div {
	background-color: #fff;
	border-radius: 20px;
	padding: 20px 30px;
	margin-bottom: 40px;
}
/*
.fav-seller-slider .slick-prev {
	right: 70px;
	background: var(--main-color) url("../img/icons/left-arrow-wh.svg") no-repeat 50% 50%;
	background-size: 18px;
}
.fav-seller-slider .slick-prev:hover {
	background: #fff url("../img/icons/left-arrow-gr.svg") no-repeat 50% 50%;
	background-size: 18px;
}
.fav-seller-slider .slick-next {
	right: 20px;
	background: var(--main-color) url("../img/icons/right-arrow-wh.svg") no-repeat 50% 50%;
	background-size: 18px;
}
.fav-seller-slider .slick-next:hover {
	background: #fff url("../img/icons/right-arrow-gr.svg") no-repeat 50% 50%;
	background-size: 18px;
}
*/

.notepad-card {
	margin-bottom: 20px;
}
.notepad-card>div {
	background-color: #fff;
}
.notepad-card>div:first-child {
    border-radius: 10px 10px 20px 20px;
    padding: 8px;
}
.notepad-card>div:last-child {
    border-radius: 20px 20px 10px 10px;
    position: relative;
    margin-top: -5px;
    padding: 30px 11px 15px;
	box-shadow: 0px 4px 10px 0px #00000026;
    margin-bottom: 15px;
}
.notepad-card>div:last-child::before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 14px;
    background: url(../img/icons/clip.svg);
    top: 0;
    left: 20px;
    position: absolute;
    background-size: auto 100%;
}
.ads-container>div {
	padding: 0 0 15px;
}
div.ads-item {
	display: flex !important;
	flex-direction: column;
	/*box-shadow: 0px 4px 20px 0px #00000026;
    padding: 20px;
    border-radius: 20px;*/
	height: 100%;
    padding: 10px;
    border-radius: 20px;
/*    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.15);*/
	box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.1);
	transition: 0.2s ALL ease-out;
}
.slick-slide.ads-item{
	height: auto;
}
.ads-item:hover {
	border: 1px solid var(--main-color);
	/*box-shadow: 5px 7px 10px 0px rgba(255, 0, 0, 0.15);*/
}
.ads-item-img {
	padding-bottom: 20px;
    border-bottom: 1px solid #DCDFF3;
    margin-bottom: 20px;
}
.slick-slider .ads-item {
    margin: 0 5px 15px;
}
.ads-item-img img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.ads-item-img .slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
}
.ads-item-img .slick-dots li {
    margin: 0 5px;
}
.ads-item-img .slick-dots button {
    display: block;
    font-size: 0;
    width: 6px;
    height: 6px;
    background-color: #ddd;
    border: none;
    border-radius: 50%;
    padding: 0;
}
.ads-item-img .slick-dots li.slick-active button {
	background-color: #fff;
}
.ads-item-info {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ads-item-info h3 {
	font-size: 15px;
    font-weight: 600;
	margin-bottom: 20px;
}
.ads-item-info h3+div {
	font-size: 14px;
    font-weight: 600;
}
.ads-addr img {
	display: inline-block;
}
.ads-to-fav {
	display: inline-block;
	background: var(--addit-color);
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 23px;
	text-align: center;
	transition: 0.2s ALL ease-out;
}
.ads-to-fav.active{
	background-color: var(--main-color);
}
.ads-to-fav i{
	display: inline-block;
	padding-right: 1px;
}
.ads-to-fav:hover {
	background-color: var(--main-color);
	color: #fff;
}

.slick-slider .sm-ads-item {
	margin: 20px 10px 25px;
}
.ln-ads>div {
	width: 100%;
}
.sm-ads-item {
	display: block;
    margin: 0 10px 0;
    background-color: #fff;
    padding: 15px 13px;
    border-radius: 10px;
}
.sm-ads-item:hover {
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
.sm-ads-img {
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    height: 100px;
	position: relative;
}
.catalog-block .sm-ads-img {
/*	height: 133px;*/
	text-align: center;
}

.sm-ads-img {
	display: flex;
	justify-content: center;
	align-items: center;
}
.sm-ads-img img {
	width: auto;
	height: 110%;
}

.ads-locat {
	grid-area: addr;
	color: var(--main-color);
	line-height: 1em;
	display: flex;
    align-items: center;
	font-size: 13px;
	margin-bottom: 5px;
}
.ads-locat img {
	display: inline-block;
	margin-right: 5px;
	width: 9px;
}
.ads-locat span {
	padding-top: 3px;
}
/*
.sm-ads-info>div:nth-child(2) {
	color: #8B8B8B;
	font-size: 12px;
	margin-bottom: 15px;
}*/
.sm-ads-info h3 {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 16px;
	font-weight: bold;
	color: rgba(0,0,0,0.8);
	margin-bottom: 10px;
	grid-area: tit;
}
.sm-ads-price {
	color: var(--addit-color);
    font-size: 18px;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
	margin-bottom: 25px;
	grid-area: price;
}
.sm-ads-info .ads-bot-inf {
	grid-area: footer;
	align-self: end;
}
.sm-ads-links {
	grid-area: links;
}		
.sm-ads-info {
	display: grid;
	grid-template-columns: 80% 20%;		
	grid-template-areas:
		"tit tit"
		"price price"
		"addr addr"
		"footer links";
}
.sm-ads-info .ads-bot-inf {
	color: #8B8B8B;
	font-size: 11px;
}
.ads-view-info {
	display: none;
}
.sm-ads-links .share-ads {
	display: none;
}
.add-to-fav,
.share-ads {
	cursor: pointer;
	width: 22px;
	min-height: 22px;
	transition: All 0.22s;
}
.add-to-fav {
	margin-left: auto;
	background: url(../img/icons/to-fav.svg) no-repeat 50% 50%;
	background-size: 100% auto;
}
.add-to-fav.infav{
	background: url('../img/icons/to-fav-act.svg') no-repeat 50% 50%;
	background-size: 100% auto;
}
.add-to-fav img {
	width: 22px;
	height: auto;
}
.share-ads {
	background: url(../img/icons/share.svg) no-repeat 50% 50%;
	background-size: contain;
}
.share-ads:hover {
	background: url(../img/icons/share-act.svg) no-repeat 50% 50%;
	background-size: contain;
}

/*----------------------Реклама--------------------------------------*/
.commercial-block {
    margin-bottom: 25px;
}
.commercial-item {
	display: flex;
	background-color: #fff;
	/*box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);*/
	box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.1);
	padding: 15px;
	border-radius: 20px;
	color: #fff;
	margin-bottom: 15px;
}
.commercial-item>div:first-child {
    position: relative;
    width: 45%;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.commercial-item img{
	width: 100%;
	height: auto;
}
.commercial-item>div:last-child {
	border-radius: 20px;
    padding: 15px 14px;
    background: url(../img/sm-round1-rg.svg) no-repeat 1% 3%, url(../img/sm-round-rg.svg) no-repeat 100% 100%, linear-gradient(99.61deg, #049634 3.38%, #40C16B 96.22%);
    background-size: 52px, auto 50%, auto;
    width: 55%;
}
.comm-label,
.adv-status {
	position: absolute;
	top: -15px;
	width: 100%;
	padding-right: 10px;
	z-index: 1;
}
.comm-label>div,
.adv-status>div {
	width: 75%;
	font-size: 15px;
    font-weight: 600;
	text-align: center;
	background-color: var(--addit-color);
    padding: 3px;
    border-radius: 0 0 90px 90px;
    margin: auto;
}
.adv-status>div {
	background-color: var(--main-color);
}
.adv-status.ads-exp>div {
	background-color: var(--addit-color);
}

.commercial-item h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25em;
}
.commercial-item p {
	font-size: 13px;
}

.commer-ads-item {
	margin-bottom: 20px;
	padding: 0 15px;
}
.commer-ads-item {
	/*background: url(../img/sm-round.svg) no-repeat 5% 5%, url(../img/sm-round.svg) no-repeat 60% 130%, 
				linear-gradient(99.25deg, #3E6AEF 0.69%, #3E66EC 100%);*/
	background: url(../img/sm-round1-rg.svg) no-repeat 5% 5%, url(../img/sm-round1-rg.svg) no-repeat 60% 130%, 
				linear-gradient(99.61deg, #049634 3.38%, #40C16B 96.22%);
				
    background-size: auto, 30% auto, auto;
    color: #fff;
    border-radius: 20px;
    padding: 20px 0px 20px 20px;
    position: relative;
    height: 100%;
    display: flex;
	margin: 0 10px 0;
}
.commer-ads-item>div:first-child {
	order: 2;
	width: 35%;
}
.commer-ads-item>div:last-child {
	width: 65%;
}
.commer-ads-item h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 15px;
}
.commer-ads-item p {
	font-size: 13px;
}
.long-ads-item {
	display: flex;
    flex-direction: column;
	border-radius: 20px;
	padding: 10px;
    /* box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.15); */
    box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.1);
	height: 100%;
	transition: 0.2s ALL ease-out;
}
.long-ads-item:hover {
	border: 1px solid var(--main-color);
	/*border: 1px solid rgba(255, 0, 0, 0.1);
	box-shadow: 5px 7px 10px 0px rgba(255, 0, 0, 0.15);*/
}
.long-ads-item>div {
	background-color: #fff;
}
.long-ads-item>div:first-child {
    padding: 15px 15px 30px;
	border-bottom: 1px solid #DCDFF3;
	margin-bottom: 20px;
}
.long-ads-info {
	align-items: center;
}
.long-ads-info>div:last-child {
	padding-left: 0;
	text-align: right;
}
.long-ads-info>div:nth-last-child(2) {
	text-align: right;
}
.long-ads-item h3 {
    font-size: 16px;
    font-weight: 600;
}
.long-ads-item p {
	font-size: 14px;
    margin: 0;
}
.dop-info {
	font-size: 13px;
	font-weight: 500;
	color: #959BB2;
	text-align: right;
}
.ads-price {
	color: #3B68E7;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.long-ads-img img {
	max-width: 100%;
	height: auto;
}
/*--------------------------------Карточка-----------------------------------*/

/*
.card-info-blk .white-blk {
	padding: 30px;
}
.card-imgs-block {
	margin-bottom: 25px;
}
.goods-char {
	display: flex;
    flex-wrap: wrap;
}
.goods-char>div {
	width: 50%;
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	margin-bottom: 20px;
}
.goods-char>div>div:first-child {
	width: 45%;
	opacity: 0.5;
	font-weight: 500;
}
.goods-char>div>div:last-child {
	width: 55%;
	font-weight: 700;
}
.top-card {
	margin-bottom: 10px;
	align-items: center;
}
.top-card h1 {
	font-size: 36px;
	font-weight: 800;
}
.top-card>div {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-price {
	font-size: 36px;
	font-weight: 700;
}
.link-to-fav {
	display: flex;
	align-items: center;
}
.link-to-fav span:first-child{
	margin-right: 15px;
	font-size: 14px;
	font-weight: 500;
}
.card-seller {
	padding: 30px;
}
.card-seller-info {
	display: flex;
	margin-bottom: 60px;
	align-items: center;
}
.card-seller-info h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}
.card-seller-info h3+div {
	color: #959BB2;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 5px;
}
.card-seller-info>div:last-child {
	flex-grow: 1;
	padding-left: 15px;
}
.card-seller-contr>div {
	display: flex;
    justify-content: space-between;
}
.card-seller-contr a img {
	display: inline-block;
    background-color: green;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    padding: 4px;
    margin-left: 10px;
}
.card-seller-contr>div:not(:last-child) {
	margin-bottom: 20px;
}
.card-seller-total {
	color: #959BB2;
    font-size: 12px;
    font-weight: 500;
}
.card-seller-total>span {
	margin-right: 20px;
}
.show-number {
	display: flex;
    align-items: center;
    line-height: 1.2em;
	cursor: pointer;
}
.show-number:hover .hidden-phone div{
	background-color: var(--addit-color);
}
.show-number i {
	font-size: 17px;
}
.show-number>div {
	padding-left: 10px;
    font-size: 11px;
}
.hidden-phone {
	position: relative;
}
.hidden-phone div {
	top: 0;
    position: absolute;
    background-color: var(--main-color);
    right: 0;
    width: 100%;
    text-align: left;
	transition: 0.2s ALL ease-out;
}
.seller-comment {
	max-height: 15em;
	overflow: hidden;
	font-size: 20px;
	margin-bottom: 10px;
}
.seller-comment.show {
	max-height: none;
}
.link-ico {
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
}
*/
.author-about {
	position: relative;
}
.author-about .author-ph {
	width: 75px;
    height: 75px;
	background-color: #EEF0F2;
	border-radius: 50%;
/*	padding: 5px;*/
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
}
.author-about .author-ph img {
	max-height:100%;
	width: auto;
}
.auth-reg-date {
	display: none;
}
.full-card-block {
	border-bottom: 1px solid #D2D2D2;
    margin-bottom: 30px;
	
}
.full-card-block h1 {
	font-size: 24px;
	margin-bottom: 25px;
}
.full-card-block h1::first-letter {
	color: var(--main-color);
}
.main-img {
	margin-bottom: 15px;
}
.main-img .slick-slide>a {
    height: 250px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-img .slick-slide>a,
.nav-img .slick-slide {
	border-radius: 10px;
    overflow: hidden;
}
.main-img .slick-slide img {
	min-width: 110%;
    min-height: 110%;
}
.nav-img .slick-slide img {
	width: 100%;
	height: auto;
}
.nav-img .slick-slide {
	margin: 0 15px;
	max-height: 100px;
}
.nav-img .slick-track {
	margin-left: -15px;
}
.nav-img .slick-slide:first-child {
	/*margin-left: 0;*/
}
.single-img {
    height: 450px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 10px;
    overflow: hidden;
}
.single-img a {
	border-radius: 10px;
    overflow: hidden;
}
.single-img img {
	max-width: 100%;
	height: 110%;
}
.ads-contrs {
	display: none;
}
.ads-contrs .add-to-fav, 
.ads-contrs .share-ads {
    cursor: pointer;
    width: 24px;
    min-height: 24px;
    transition: All 0.22s;
}
.ads-contrs .share-ads {
	margin-left: 20px;
}
.ads-contrs .ads-pr {
	font-size: 28px;
	font-weight: 700;
	color: var(--addit-color);
	margin-right: auto;
}
.wr-author, 
.show-phone,
.call-phone {
    display: block;
    text-align: center;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    font-weight: 500;
    border-radius: 28px;
    color: #fff;
}

.wr-author {
    background: var(--addit-color) url(../img/icons/chat-btn.svg) no-repeat calc(100% - 5px) 50%/30px;
    padding: 10px 45px;
	width: 48%;
}
.wr-author:hover {
    background: var(--main-color) url(../img/icons/chat-btn.svg) no-repeat calc(100% - 5px) 50%/30px;
    color: #fff;
}

.show-phone {
	display: none;
}
.call-phone {
	background: var(--main-color) url(../img/icons/show-phone.svg) no-repeat calc(100% - 5px) 50%/30px;
    padding: 10px 45px;
	width: 48%;
}

.ph-tail,
.ph-mask {
	display: none;
}
.ph-mask.show,
.ph-tail.show {
	display: inline;
}
.ph-tail a{
	color: #fff;
}
.card-full-info>div {
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 35px;
}
.card-full-info h2 {
    font-size: 22px;
    margin-bottom: 20px;
}
.card-details {
	background-color: #D9D9D9;
	    padding: 30px 50px 15px;
}
.card-details-list {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
}
.option-item {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
}
.option-item>div:first-child {
	width: 60%;
}
.option-item>div:last-child {
    width: 40%;
    padding-left: 10px;
}

.card-desc,
.card-locat {
	background-color: #fff;
}
.card-desc {
	line-height: 2em;
}
.card-locat h2 {
	margin-bottom: 15px;
}
.card-locat h2+div {
	margin-bottom: 10px;
}
.tot-about-ads {
	display: none;
}
.tot-about-ads>div {
	width: 55%;
}
.tot-about-ads>div:nth-child(2) {
	text-align: center;
	width: 15%;
}
.tot-about-ads>div:last-child {
	text-align: right;
	width: 30%;
}
.tot-about-ads>div:last-child span:last-child {
	display: inline-block;
	margin-left: 5px;
}
.ads-map img {
	width: 100%;
	height: auto;
}
.tot-about-ads img{
	width: 16px;
	height: auto;
}
.recom-bl {
	margin-bottom: 70px;
}
/*------------------------------Личный кабинет--------------------------------*/
.profile-card {
    padding: 10px 12px;
	margin-bottom: 15px;
}
.profile-card-photo {
	width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}
.profile-card h3 {
	font-size: 27px;
    font-weight: 500;
}
.profile-card>div:nth-child(2) {
	flex-grow: 1;
	padding: 0 5px;
}
.user-exper {
	font-size: 12px;
	text-align: center;
	opacity: 0.5;
	margin-bottom: 15px;
}
.user-count {
	font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #d2d2d2;
    padding-top: 12px;
}
.user-count img {
	vertical-align: sub;
	padding-right: 3px;
}
.user-count>div:last-child a {
	color: var(--addit-color);
}
.pers-area h2,
.my-ads-bl h2,
.chat-page h2{
	font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
}
.addadv-block h2 a,
.edit-ad-bl h2 a,
.pers-area h2 a {
	display: inline-block;
    width: 30px;
    height: 20px;
    background: url('../img/icons/arr-l-gr.svg') no-repeat center center / 12px;
    padding-left: 5px;
}
.pers-area h3 {
	font-size: 20px;
    color: #676767;
    padding-left: 40px;
    margin-bottom: 25px;
}
.pers-area .tab-pane {
    padding: 0 25px;
}
.my-adv-tabs {
    padding: 0 5px;
    margin-bottom: 10px;
	justify-content: end;
}
.my-adv-tabs>div,
.my-adv-tabs>li {
	padding: 0 5px;
}
.my-adv-tabs a,
.my-adv-tabs button {
	display: inline-block;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    color: #707070;
}
.my-adv-tabs button {
	border: none;
	width: 100%;
	transition: 0.2s ALL ease-out;
}
.my-adv-tabs a:hover,
.my-adv-tabs button:hover {
	color: var(--addit-color);
}
.my-adv-tabs a.active,
.my-adv-tabs button.active {
	color: var(--main-color);
    font-weight: 600;
}
.my-adv-item {
	padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 15px 0px #00000020;
    margin-bottom: 35px;
}
.my-adv-photo {
	position: relative;
	color: #fff;
	padding: 0;
}
.my-adv-photo-img {
	border-radius: 10px;
    overflow: hidden;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-adv-photo img {
	height: 225px;
	width: auto;
}
.my-adv-photo .adv-status {
    top: 0;
}
.my-adv-full .row {
	height: 100%;
}
.my-adv-name {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.my-adv-desc {
	color: #707070;
    line-height: 1.3em;
    margin-bottom: 10px;
/*    max-height: 65px;*/
	height: 65px;
    overflow: hidden;
}
.my-adv-info>div:last-child {
	color: var(--addit-color);
	font-weight: bold;
    font-size: 23px;
    margin-bottom: 12px;
    margin-top: auto;
}
.my-adv-stat {
	padding: 0 20px;
	margin-top: auto;
}
.my-adv-stat>div {
	font-size: 14px;
    display: flex;
    justify-content: center;
	align-items: center;
	flex-wrap: wrap;
    color: rgba(0, 0, 0, 0.5);
    border-top: 1px solid #d2d2d2;
    padding-top: 10px;
    line-height: 1.2;
}
.my-adv-stat img {
	display: inline-block;
	width: 25px;
    height: 15px;
	padding-left: 5px;
}
.my-adv-stat span {
	display: inline-block;
	margin-left: 15px;	
}

.my-adv-contr a,
.my-adv-contr .to-premium {
	width: 100%;
    padding: 12px 30px;
    margin-bottom: 12px;
}
.to-premium:disabled,
.to-premium:disabled:hover {
	background-color: gold;
}

.my-adv-contr-publ {
	text-align: end;
    margin-bottom: 15px;
}
.my-adv-contr-publ button {
	display: inline-block;
	width: 25px;
	height: 25px;
	border: none;
	padding: 0;
    margin-left: 10px;
}
.my-adv-contr-publ .btn-pub {
	display: none;
	background: transparent url('../img/icons/pub.svg') no-repeat 50% /20px;
}
.my-adv-contr-publ .btn-unpub {
	background: transparent url('../img/icons/unpub.svg') no-repeat 50%/20px;
}
.del-adv{
	background: transparent url('../img/icons/trash.svg') no-repeat 50%/20px;
}
button.btn-sold {
	width: 35px;
	background: transparent url(../img/icons/sold.svg) no-repeat 50% / 100%;
}
.ads-sold button.btn-sold {
	width: 35px;
	background: transparent url(../img/icons/sold-green.svg) no-repeat 50% / 100%;
}
.ads-sold button.btn-unpub {
	display: none;
}
.ads-unpub .btn-pub {
	display: inline-block;
}
.ads-unpub .btn-unpub {
	display: none;
}
.ads-moder .btn-unpub,
.ads-moder .btn-sold {
	display: none;
}

.my-adv-item.ads-unpub .my-adv-photo-img {
	filter: grayscale(1) opacity(0.6);
}
.my-adv-item.ads-unpub .adv-status>div {
    background-color: #949494;
}
.my-adv-item.ads-moder .adv-status>div {
    background-color: #1751ff;
}
.my-adv-item.ads-unpub .my-adv-name a,
.my-adv-item.ads-unpub .my-adv-desc,
.my-adv-item.ads-unpub .my-adv-info>div:last-child {
	color: #c6c6c6;
}
.fav-adv-contr {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.fav-adv-contr a,
.fav-adv-contr button {
	width: 100%;
    margin-bottom: 12px;
    padding: 12px 10px;
}
.pers-inf {
    padding: 0 20px;
    margin-bottom: 20px;
}
.pers-inf h3 {
    background: url('../img/icons/sett-gr.svg') no-repeat 0 center/23px;
}
.pers-inf .save-btn {
	display: flex;
	justify-content: flex-end;
	align-items: end;
}
.pers-ph, 
.pers-pass, 
.pers-addr, 
.pers-notif {
    padding: 10px 20px 25px;
}
.pers-ph h3 {
	background: url('../img/icons/sett-gr.svg') no-repeat 0 center/23px;
}
.pers-pass h3 {
	background: url('../img/icons/lock.svg') no-repeat 0 center/20px 23px;
}
.save-btn {
	text-align: right;
}
.save-btn button {
	padding: 12px 35px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}
.div-double-input input:first-child {
	border-right: 1px solid #d9d9d9;
    border-radius: 0;
}
.pers-addr h3 {
	background: url('../img/icons/prof-map.svg') no-repeat 0 center/23px;
}
.pers-notif h3 {
	background: url('../img/icons/notif.svg') no-repeat 0 center/23px;
}

.auth-inp select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #F2F4F3 url('../img/icons/down-arrow-bl.svg') no-repeat right;
    background-position-x: calc(100% - 15px);
}
.option-rad-bl h4,
.rating-bl h4 {
	font-size: 18px;
	font-weight: bold;
}

.option-rad input {
    visibility: hidden;
    position: absolute;
}
.option-rad label {
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    line-height: 1.6em;
}
.option-rad input ~ label::before,
.option-rad input ~ label::after {
	display: block;
    border-radius: 50%;	
	position: absolute;
}
.option-rad input:checked ~ label::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--main-color);
    top: 7px;
    left: 5px;
}
.option-rad input ~ label::before {
    content: "";
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
    border: 2px solid var(--main-color);
	background: #fff;
}

.confirm-modal-contr {
	display: flex;
	justify-content: space-between;
}
.confirm-modal-contr button {
	display: inline-block;
	width: 45%;
	margin: auto;
}
.confirm-modal {
	border-radius: 10px;
}
.confirm-modal .modal-header {
	border-bottom: none;
}
.confirm-modal .modal-body div:first-child {
	text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
}
.new-av-bl {
	padding: 15px 5px;
	overflow: hidden;
}
.ch-av-modal h3{
	margin-bottom: 0;
}
.ch-av-modal .round-btn {
	width: 100%;
}
.pers-email .save-btn button {
	height: 46px;
}
/*-------------------------------------Избранное-------------------------------------*/
.fav-seller-block {
	border-bottom: 1px solid #D2D2D2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.fav-seller {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	margin-bottom: 25px;
}
.fav-seller-info {
	display: flex;
	align-items: center;
}
.fav-seller-info>div:last-child {
	padding-left: 20px;
}
.fav-sel-img-bl {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	overflow: hidden;
}
.fav-sel-img-bl img {
	height: 100%;
	width: auto;
}
.fav-seller-info h3 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 10px;
}
.fav-sel-count {
    display: flex;
    font-size: 13px;
    align-items: center;
    margin-bottom: 7px;
}
.fav-sel-count img {
	vertical-align: text-bottom;
    display: inline-block;
    margin-right: 5px;
}
.sell-exp {
	opacity: 0.5;
}
.fav-sell-contr a,
.fav-sell-contr button{
	display: inline-block;
	width: 100%;
	padding: 10px;
}
.fav-sell-contr button{
	margin-bottom: 10px;
}
.fav-seller-slid > div {
	padding: 0;
}
/*
.fav-seller {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #F6F6F6;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.fav-seller-info>div {
	flex-grow: 1;
	padding: 0 15px;
}
.fav-seller h3{
	font-size: 18px;
	font-weight: 600;
}
.fav-seller .addit-btn {
	width: calc(100% - 20px);
    padding: 14px;
    font-weight: 600;
}
*/
div.last-ads {
	font-size: 13px;
	font-weight: 500;
    color: #707070;
    margin-bottom: 7px;
    padding-left: 15px;
}
/*------------------------------------Категория --------------------------------------*/
.catalog-bl-head {
	margin-bottom: 20px;
}
.catalog-bl-main {
	padding-bottom: 50px;
    margin-bottom: 50px;
}
.catalog-bl-main::after {
	content: "";
    width: 95%;
    height: 1px;
    background-color: #d9d9d9;
    margin-top: 50px;
    margin-left: auto;
}
.catalog-block h1 {
    font-size: 34px;
	margin-bottom: 0;
}
.catalog-block h1::first-letter {
	color: var(--main-color);
}
.no-ads-bl .catalog-bl-main>div:first-child,
.no-ads-bl .sort-type-contr {
	display: none;
}
.sort-type-contr {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.sort-sq-btn,
.sort-line-btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: none;
	margin-right: 25px;
	margin-top: 8px;
}
.sort-sq-btn {
	background: transparent url('../img/icons/sort-sq.svg') no-repeat 50% 50%/contain;
}
.sort-sq-btn.active {
	background: transparent url('../img/icons/sort-sq-grn.svg') no-repeat 50% 50%/contain;
}

.sort-line-btn {
	background: transparent url('../img/icons/sort-line.svg') no-repeat 50% 50%/contain;
}
.sort-line-btn.active {
	background: transparent url('../img/icons/sort-line-grn.svg') no-repeat 50% 50%/contain;
}

.sort-type-contr select {
	font-weight: 500;
    border: none;
    padding: 0 45px 0 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/icons/sort-sel.svg) no-repeat 0% center / auto 85%, url(../img/icons/arr-d-grn.svg) no-repeat 95% center;
	outline: none;
}


.filter-block {
	padding: 15px 20px 35px;
    background-color: #fff;
    border-radius: 10px;
}
/*.filter-block-title {
	padding: 0 15px 15px;
}*/
.filter-block-title h3 {
	font-size: 21px;
    font-weight: 500;
    background: url(../img/icons/filter.svg) no-repeat 100% 50%/21px;
}

/*
.filter-group {
	border-top: 1px solid #D0D0D0;
	padding: 1.25rem 0;
}
.price-filter {
	display: flex;
	justify-content: space-between;
}
.price-filter>div {
	width: 46%;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	padding: 10px 5px 10px 10px;
}
.price-filter span {
	font-size: 12px;
}
.price-filter input {
	width: 80px;
	font-size: 15px;
	border: none;
}
.price-filter input:focus-visible {
    outline: none;
}
.filter-group .accordion-button {
	padding: 0;
}
.filter-group .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}
.filter-group .accordion-body {
	padding: 10px 0 0;
}
.filter-group .accordion-button:focus {
    box-shadow: none;
}
.filt-check,
.filt-color {
    margin-bottom: 0.3vh;
}
.filt-radio {
	margin-bottom: 15px;
}
.filt-check input[type="checkbox"],
.filt-color input[type="checkbox"],
.filt-radio input[type="radio"] {
    visibility: hidden;
    position: absolute;
}
.filt-check label,
.filt-radio label {
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    font-size: 13px;
    line-height: 1.6em;
    font-weight: 400;
    color: #1B1B1B;
}
.filt-check label::before,
.filt-radio label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid #c2c2c2;
}
.filt-check label::after,
.filt-radio label::after {
	content: "";
    display: none;
    width: 11px;
    height: 11px;
    background-color: var(--addit-color);
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 2px;
}
.filt-radio label::after {
	background-color: var(--main-color);
}
*/
/*
.filt-check input[type="checkbox"]:checked ~ label::before {
    background-image: linear-gradient(#EC4237,#EC4237);
}*/
/*
.filt-check input[type="checkbox"]:checked ~ label::after,
.filt-radio input[type="radio"]:checked ~ label::after {
	display: block;
}
.filt-radio input[type="radio"]:checked ~ label::before {
	border: 1px solid var(--main-color);
}
.filt-color label {
	cursor: pointer;
    position: relative;
    padding-left: 45px;
    font-size: 13px;
    line-height: 2em;
    font-weight: 400;
    color: #1B1B1B;
}
.filt-color label::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0;
    background: yellow;
}
.filt-color label::after {
	content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -3px;
}
.filt-color input[type="checkbox"]:checked ~ label::after {
    box-shadow: 0px 0px 0px 2px var(--main-color);
}
*/
.filtr-contr {
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
/*
.sort-by-block {
	display: inline-block;
	border-radius: 90px;
	padding: 15px 30px;
	box-shadow: 0px 4px 20px 0px #00000026;
	background-color: #fff;
}
.sort-by-block strong {
	margin-right: 15px;
}
.sort-by-block select {
	border: none;
	min-width: 200px;
}
*/
/*
.ads-container {
	padding-top: 20px;
}*/
.filter-block-title {
	margin-bottom: 25px;
}
.all-filters .opt-item label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
.all-filters .opt-item select {
    padding: 8px 15px;
	font-size: 15px;
}

.all-filters .option-rad-bl {
	margin-bottom: 15px;
}
.all-filters .option-rad-bl h4,
.all-filters .option-check-bl h4 {
    font-size: 16px;
    font-weight: 500;
}
.all-filters .option-rad label {
	font-size: 15px;
    padding-left: 30px;
    margin-left: 15px;
	margin-bottom: 5px;
}
.all-filters .option-rad input ~ label::before {
    width: 20px;
    height: 20px;
    top: 2px;
    left: -1px;
}
.all-filters .option-rad input:checked ~ label::after {
    top: 7px;
    left: 4px;
}
.option-check-bl {
	margin-bottom: 15px;
}
.all-filters .option-check {
	margin-bottom: 5px;
}
.all-filters .option-check label {
	font-size: 15px;
    font-weight: 400;
    margin-left: 15px;
}
.all-filters .option-check input[type="checkbox"] ~ label::before {
    background: transparent;
    border: 2px solid #d9d9d9;
}
.all-filters .option-check input[type="checkbox"]:checked ~ label::before {
    border: none;
}
.option-rang-bl {
	margin-bottom: 40px;
}
.option-rang-bl h4 {
	font-size: 16px;
    font-weight: 500;
}
.opt-rang-inp {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.opt-rang-inp>div {
	width: 50%;
}
.opt-rang-inp input {
	width: 100%;
    border: none;
    padding: 5px 0 15px 15px;
}
.opt-rang-inp>div:last-child input{
	text-align: right;
}
.opt-ran-line {
	position: relative;
}
.opt-ran-line>div {
	height: 6px;
    background: #d9d9d9;
    border-radius: 3px;
}
.opt-ran-line span {
	display: inline-block;
    width: 22px;
    height: 22px;
    background-color: var(--main-color);
    position: absolute;
    border-radius: 50%;
    top: -8px;
	cursor: pointer;
}
.opt-ran-line span:last-child {
	right: 0;
	background-color: var(--addit-color);
}
.reset-btn {
	color: var(--addit-color);
	text-align: center;
	background: transparent;
	border: none;
}

.pagin-bl ul {
	display: flex;
	justify-content: center;
}
.pagin-bl a {
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #D9D9D9;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagin-bl a:hover {
	background-color: var(--addit-color);
}
.pagin-bl .perv-btn a {
	background: #d9d9d9 url('../img/icons/left-arr-wh-bold.svg') no-repeat 50% 50%/15px;
}
.pagin-bl .perv-btn a:hover {
	background: var(--addit-color) url('../img/icons/left-arr-wh-bold.svg') no-repeat 50% 50%/15px;
}
.pagin-bl .next-btn a{
	background: #d9d9d9 url('../img/icons/right-arr-wh-bold.svg') no-repeat 50% 50%/15px;
}
.pagin-bl .next-btn a:hover{
	background: var(--addit-color) url('../img/icons/right-arr-wh-bold.svg') no-repeat 50% 50%/15px;
}
.pagin-bl .act-page a{
	background-color: var(--main-color);
}
.full-ads-container {
    padding-left: 20px;
    margin-bottom: 10px;
}
.sub-filt {
	width: 100%;
    color: #fff;
    background: var(--main-color);
    border: none;
    padding: 8px;
    border-radius: 15px;	
}
/*
.sm-ads-item .sm-ads-links {
	display: none;
}*/
.ln-ads .sm-ads-item .sm-ads-links {
	display: flex;
}
/*-------------------------------------Чат---------------------------------------*/
.chat-blk {
    padding: 14px;
}
.chat-comp-bl h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.chat-comp-bl h3 a {
	display: none;
}
.chat-search {
	position: relative;
	margin-bottom: 25px;
}
.chat-search input {
	background: #fff;
    padding: 11px 15px 11px 55px;
    border-radius: 30px;
    width: 100%;
    border: 2px solid #D9D9D9;
	font-size: 13px;
}
.chat-search input:focus-visible {
	outline: none;
}
.chat-search button {
	position: absolute;
    top: 4px;
    left: 15px;
    border: none;
    background: transparent;
    font-size: 22px;
    color: #C8C8C8;
}
.chat-search .clear-search {
	right: 25px;
    left: auto;
	display: none;
}
.clear-search img {
	width: 18px;
	height: 18px;
}
.clear-search.active {
	display: block;
}
.chats-list {
	display: flex;
    flex-direction: column;
}
.chat-user-item {
	position: relative;
	display: flex;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid #D9D9D9;
}
.chat-user-item:hover {
	/*box-shadow: inset 0 0 5px 0 rgb(247, 247, 247), 0 0 10px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;*/
	box-shadow: 0 0 0px 1px var(--main-color);
	border: 1px solid var(--main-color);
}
.chat-user-item h4 {
	position: relative;
}
.chat-user-item h4::after {
    position: absolute;
    left: 0;
    top: 94%;
    font-size: 12px;
    font-style: italic;
    color: #303030;
}
.chat-user-item.writing h4::after {
	content: "typing...";
}
.chat-user-item img {
	width: 63px;
	height: 63px;
}
.us-last-seen {
	position: absolute;
    top: 3px;
    right: 6px;
    font-size: 10px;
    color: #ababab;
}
.chat-user-inf {
    padding-left: 15px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    max-width: 65%;
}
.chat-user-inf h4 {
	font-size: 14px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 5px;
    padding-top: 7px;
}
.chat-user-inf h4+div {
	font-size: 14px;
    font-weight: 500;
	min-height: 20px;
}
.chat-user-inf h4,
.chat-user-inf h4+div {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-user-inf>div:last-child {
	color: #707070;
    font-size: 14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-user-item.active {
	background-color: #fff;
    box-shadow: inset 0 0 5px 0 rgb(247, 247, 247), 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.chat-user-item.active:hover {
	box-shadow: inset 0 0 5px 0 rgb(247, 247, 247), 0 0 6px 0 rgba(0, 0, 0, 0.2), 0 0 0px 1px #bfbfbf;
}
/*
.chat-user-item.active h4,
.chat-user-item.active .chat-user-inf,
.chat-user-item.active .chat-user-inf>div:last-child {
	color:#fff
}
*/
.chat-messages-bl>div {
	display: flex;
    flex-direction: column;
    height: 100%;
    background: #F7F7F7;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
}
.messages-block {
	flex-grow: 1;
	height: 50vh;
}
.chat-user-short {
	display: none;
    border-radius: 10px;
    margin-bottom: 10px;
}
.chat-user-short.active {
	display: block;
}
.chat-user-short.active>div:last-child{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 25px;
}
.chat-user-short img {
	width: 41px;
	height: 41px;
}
.chat-user-short h4 {
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
	position: relative;
	color: var(--main-color);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-user-short h4::after {
	position: absolute;
    left: 100%;
    top: 3px;
    font-size: 12px;
    font-style: italic;
    color: #303030;
    margin-left: 10px;
}
.chat-user-short.writing h4::after {
	content: "typing...";
}
.chat-user-short h4+div {
	font-size: 18px;
}
.us-stat-marker {
	margin-left: auto;
    color: #9F9F9F;
}
.us-stat-marker span:last-child {
	display: none;
}
.us-stat-marker::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #D9D9D9;
	margin-left: 10px;
}
.online.us-stat-marker::after {
	background-color: var(--main-color);
}
.online.us-stat-marker span:first-child {
	display: none;
}
.online.us-stat-marker span:last-child {
	display: inline;
}
.chat-user-img {
	background-color: #fff;
	position: relative;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 8px;
    width: 70px;
    height: 70px;
}
.big-chat-user-img {
	width: 85px;
    height: 85px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #EEF0F2;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	margin-right: 20px;
}
.big-chat-user-img img{
	height: 100%;
	width: auto;
}
.user-name-ads {
	max-width: 50%;
}
.user-name-ads>div {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-user-img::before {
	content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgb(255, 0, 0);
    position: absolute;
    top: 2px;
    right: 2px;
}
.chat-user-img.online::before {
	background-color: #33CE69;
}
.user-mess .chat-user-img::before {
	display: none;
}
.msgs-cmpns {
	display: none;
	height: 50vh;
    overflow-y: scroll;
}
.msgs-cmpns.active {
	display: block;
}
.msgs-cmpns::-webkit-scrollbar {
  width: 8px;               /* ширина scrollbar */
}
.msgs-cmpns::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 22px;
}

.message-item {
	display: flex;
	margin-bottom: 15px;
}
.message-item .chat-user-img {
	margin-right: 15px;
}
.message-item .chat-user-img img {
	width: 43px;
	height: 43px;
}
.mess-txt {
	font-size: 12px;
    line-height: 1.6em;
    background-color: #fff;
    border-radius: 0px 10px 10px 10px;
    padding: 10px 15px 5px;
	min-width: 25%;
	word-break: break-word;
}
.mess-txt h5 {
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 10px;
}
.mess-imgs {
	padding-top: 5px;
}
.mess-imgs img {
	display: inline-block;
	margin-right: 5px;
}
.message-item.user-mess {
	flex-direction: row-reverse;
}
.message-item.user-mess .chat-user-img {
    margin-right: 0;
    margin-left: 15px;
}
.message-item.user-mess .mess-txt {
	border-radius: 10px 0 10px 10px;
}
.chat-contr {
	background: #fff;
    border-radius: 90px;
    padding: 8px 10px;
    display: flex;
    border: 2px solid #D9D9D9;
}
.chat-contr button {
	display: inline-block;
    width: 35px;
    height: 33px;
    border: none;
    padding: 0;
}
.add-files {
	background: url(../img/icons/paper-clip.svg) no-repeat 50% 50%;
    background-size: 22px;
}
.send-mess {
	background: url(../img/icons/send.svg) no-repeat 50% 50%;
    background-size: 22px;
}
.chat-contr input {
	flex-grow: 1;
    margin: 0 10px;
    border: none;
    font-size: 16px;
    outline: none;
}
.date-bl>div {
	background-color: #E2E2E2;
    margin: auto;
    width: 30%;
    text-align: center;
    border-radius: 68px;
    padding: 8px 15px;
    color: #9F9F9F;
    font-size: 14px;
	margin-bottom: 15px;
}
.msgt {
	color: #ABABAB;
	font-size: 13px;
	text-align: right;
}
.unr-count {
	width: 20px;
    height: 19px;
    background-color: #E2E2E2;
    color: #9F9F9F;
    border-radius: 50%;
    margin-left: auto;
    margin-top: auto;
	text-align: center;
    font-size: 13px;
}
.unr-count.active {
	background-color: var(--addit-color);
	color: #fff;
}
.user-mess .mess-txt{
	background: #E1F8E9;
}
.user-mess.readed .msgt::after {
	content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    background: #E1F8E9 url(../img/icons/rmsg.svg) no-repeat 90% 85%;
    margin-left: 5px;
}
.chat-blk h2 {
	font-size: 18px;
	font-weight: bold;
}

.to-chats-list {
	width: 100%;
    background: url(../img/icons/arr-l-gr.svg) no-repeat 20px center / 12px;
    padding: 15px 35px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    font-weight: 600;
    color: #707070;
    font-size: 20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-error {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.chat-error span {
	text-align: center;
    color: #c3c0c0;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.2;
}
/*---------------------------------Создать объявление-----------------------------------*/
.addit-info {
	padding: 15px;
	background: linear-gradient(99.61deg, #049634 3.38%, #40C16B 96.22%);
	border-radius: 20px;
    padding: 30px 20px;
	margin-bottom: 40px;
}
.addadv-block h1 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 15px;
}
.addadv-block h2 {
    font-size: 20px;
    margin-bottom: 15px;
}
.addadv-block .white-blk {
    padding: 20px 25px 15px;
}
.radio-switch {
	display: flex;
    align-items: center;
//    background: #F2F4F3;
	background-color: #fff;
    border-radius: 30px;
    overflow: hidden;
}
.radio-switch>div {
	width: 50%;
    border-radius: 30px;
    text-align: center;
}
.radio-switch input {
	visibility: hidden;
    position: absolute;
}
.radio-switch label {
	width: 100%;
    padding: 12.3px 15px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 13px;
}
.radio-switch input[type="radio"]:checked ~ label {
	background-color: var(--main-color);
	color: #fff;
	box-shadow: 0px 4px 13px 0px #3F98EB66;
}
.add-desc textarea{
	background: #F2F4F3;
    border: none;
    width: 100%;
    border-radius: 5px;
	padding: 5px 10px;
}
.white-blk.save-adv {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 15px 20px;
    flex-wrap: wrap;
}
.save-btn {
	background: transparent;
	font-size: 13px;
	font-weight: 500;
/*	color: var(--addit-color);
	text-decoration: underline;*/
	border: none;
}
.save-adv .round-btn {
	padding: 15px 35px;
    font-weight: 600;
}
.addadv-block .gr-inp {
	margin-bottom: 15px;
}
.addadv-block .gr-inp input {
	padding: 10px 15px;
}
.radio-switch-cont {
	margin-bottom: 15px;
}
.addadv-block .gr-inp>label,
.radio-switch-cont>div:first-child {
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 18px;
}
.adv-photos-cont {
    margin-bottom: 45px;
    padding: 0 5px 20px;
}
.adv-photos-gal {
	display: flex;
	flex-wrap: wrap;
}
.adv-photos-gal>div {
    width: calc(50vw - 27px);
    height: calc(50vw - 27px);
    margin-bottom: 20px;
}
.add-ph-btn {
	background-color: #d9d9d9;
    border-radius: 5px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
	cursor: pointer;
}
/*
.add-ph-btn:first-child {
	margin-left: 0;
}*/
.add-ph-btn i {
	border: 3px solid #fff;
    padding: 6px;
    border-radius: 50%;
}
.adv-map {
	padding-bottom: 15px;
	height: 450px;
}
.adv-map>* {
	width: 100%;
}
.edit-ads-imgs-bl {
	max-height: 435px;
    overflow-y: scroll;
	padding-right: 5px;
}

.edit-ads-imgs-bl::-webkit-scrollbar,
.opt-item textarea::-webkit-scrollbar {
  width: 5px;               /* ширина scrollbar */
}
.edit-ads-imgs-bl::-webkit-scrollbar-thumb,
.opt-item textarea::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 22px;
}
.edit-ads-imgs-tit {
	line-height: 1.3em;
    margin-bottom: 20px;
	position: relative;
}
.edit-ads-imgs-tit div:first-child {
	font-size: 18px;
	font-weight: bold;
}
.edit-ads-imgs-tit div:nth-child(2) {
	font-size: 16px;
	color: #707070;
}
.conv-mess {
	display: none;
	font-size: 14px;
    color: var(--addit-color);
    position: absolute;
    left: 0;
    bottom: -20px;
}
.conv-mess.active {
	display: block;
}

.adv-photos-cont input,
.edit-ads-imgs-bl input {
	display: none;
}
.avd-ph-item {
	border-radius: 5px;
    overflow: hidden;
	position: relative;
}
.avd-ph-item canvas {
	width: 100%;
	height: auto;
}
.avd-ph-item .avd-ph-del {
	position: absolute;
    top: 7px;
    right: 7px;
    font-size: 22px;
    cursor: pointer;
    border-radius: 5px;
    padding: 6px;
    color: #FFF;
    line-height: 0.6em;
}
.avd-ph-item:hover .avd-ph-del {
	/*background-color: rgba(255,255,255,0.4);*/
	background-color: var(--main-color)
}
.loaded {
	position: relative;
}
.loaded::after {
	content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../img/icons/preload.svg) no-repeat 50% 50%;
    animation: rotation 2.5s infinite linear;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background-size: contain;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.sub-categ {
	display: none;
}
.sub-categ.show {
	display: block;
}
.recom-ch {
	margin-bottom: 30px;
}
.recom-ch label {
	font-size: 18px;
}
.recom-ch label p{
	color: #707070;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em;
}
.ad-edit-save {
	text-align: center;
}
.ad-edit-save button {
	margin: 0 10px;
	padding: 10px 50px;
}
/*-----------------------------------------Редактирование объявления------------------*/
.edit-ad-op {
    padding: 25px 20px;
    margin-bottom: 40px;
}
.opt-item {
	margin-bottom: 20px;
}
.opt-item label,
.choose-cat label,
.ad-ed-pr label {
	display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.opt-item input,
.opt-item textarea,
.opt-item select {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 25px;
	padding: 10px 15px;
}

.opt-item select {
	-webkit-appearance: none; /* Стиль для Safari */
	-moz-appearance: none;    /* Стиль для Firefox */
	appearance: none;
	background: url('../img/icons/v-line.svg') no-repeat 85% center/auto 65%, #fff url('../img/icons/select-d.svg') no-repeat 95% center;
}

.places-wrapper{
	position: relative;
	display: none;
}

.places-list{
	width: 100%;
	position: absolute;
	display: flex;
	flex-direction: column;
	background: #FFF;
	padding: 10px 15px;
	z-index: 5;
}

.places-list div:hover{
	background-color: var(--main-color);
	color: #fff;
	cursor: pointer;
}
.ad-ed-pr {
	align-items: center;
}
.ad-ed-pr .div-input input {
	width: 100%;
	max-width: 100%;
	border-right: 1px solid #d2d2d2;
    margin-right: 10px;
}
.edit-ads-imgs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.edit-ads-imgs>div {
    width: 28vw;
    height: 28vw;
	margin: 0 1vw 15px;
    border-radius: 8px;
    overflow: hidden;
}
.edit-ads-imgs>div img {
	max-width: 100%;
	height: auto;
}
.edit-ads-imgs {
	
}
.choose-cat {
	margin-bottom: 25px;
}
.choose-cat>div {
	display: flex;
}
.div-input {
	border: 2px solid #d9d9d9;
    border-radius: 25px;
    padding: 10px 15px;
    height: 48px;
    margin-right: 10px;
    flex-grow: 1;
	background-color: #fff;
	display: flex;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.div-input.home-cat {
	margin-right: 0;
    border-radius: 25px 0 0 25px;
    border-right: none;
}
.chan-cat-btn {
    border-radius: 0 90px 90px 0;
    padding: 7px 25px;
    background: var(--main-color) url(../img/icons/right-arrow-wh.svg) no-repeat 50% 50% / 20px;
}

.div-input input,
.div-input select {
	border: none;
	outline: none;
}
.chan-cat-menu {
	transform: translateX(-1000px);
	position: fixed;
    left: 0;
    top: 0;
    min-width: 15%;
    background: #fff;
    padding: 30px 0;
    border-right: 1px solid #d9d9d9;
    transition: All 0.5s;
    height: 100vh;
    z-index: 10;
}
.chan-cat-menu.active {
	transform: translateX(0);
}
.chan-menu-head {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px 10px;
    margin-bottom: 25px;
    position: relative;
}
.chan-menu-head h3 {
	margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #707070;
}
.chan-menu-head::after {
	content: "";
    display: block;
    height: 2px;
    background-image: linear-gradient(45deg, rgba(3, 97, 43, 0.8), #fff);
    margin-top: 3px;
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.chan-cat-close {
	border: none;
    background: transparent url('../img/icons/delete.svg') no-repeat 50% 100%;
    background-size: 15px;
    width: 20px;
    height: 20px;
}
.chan-cat-bl {
/*	position: relative;
    border-bottom: 1px solid #d9d9d9;*/
    padding: 10px 20px 5px;
}
.chan-cat-bl h5 {
	cursor: pointer;
	background: url('../img/icons/arr-r-gr.svg') no-repeat 100% 50% / auto 15px;
    font-weight: 400;
    font-size: 18px;
	transition: 0.3s ALL;
}
.chan-cat-bl:hover h5{
	font-weight: bold;
	background: url('../img/icons/arr-r-grn.svg') no-repeat 100% 50% / auto 15px;
}
.chan-cat-bl>div {
	display: none;
	position: absolute;
    top: -1px;
    left: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
	border-bottom: none;
    min-width: 100%;
	font-size: 17px;
	cursor: pointer;
	height: 100vh;
	padding-top: 15px;
}
.chan-cat-bl>div div{
	font-size: 17px;
    padding: 10px 5px 12px 25px;
	display: flex;
/*    border-bottom: 1px solid #d9d9d9;*/
}
.chan-cat-bl img {
	max-width: 30px;
    height: auto;
	display: inline-block;
	margin-right: 15px;
}
.chan-cat-bl>div div span{
	flex-grow: 1;
	padding: 3px 5px;
}
.chan-cat-bl>div div:hover span{
	background-color: #04963466;
}
.chan-cat-bl:hover>div {
	display: block;
}
.chan-cat-bl>div:hover {
	display: block;
}
.option-check input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
}
.option-check label {
	cursor: pointer;
    position: relative;
    padding-left: 35px;
    font-size: 17px;
    line-height: 1.6em;
    font-weight: bold;
}
.option-check input[type="checkbox"] ~ label::before {
	content: "";
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 7px;
    position: absolute;
    top: 2px;
    left: 0;
	background: #d9d9d9;
}
.option-check input[type="checkbox"]:checked ~ label::before {
    background: var(--main-color) url("../img/icons/check.svg") no-repeat 50% 50%;
	background-size: 13px;
}
.del-acc {
	text-align: right;
	margin-bottom: 30px;
}
.del-acc .del-acc-btn {
	font-size: 16px;
    background-color: transparent;
    border: none;
	color: var(--addit-color);
	font-weight: 500;
}
.map-bl {
	margin-bottom: 20px;
}
.ads-opt-bl {
	margin-bottom: 20px;
}
/*------------------------------------Одиночная страница------------------------------*/
.single-page-bl {
	color: #707070;
}
.single-page-main h2,
.single-page-main h3 {
	color: #333;
}
.single-page-bl h1 {
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #303030;
}
.single-page-bl h1:first-letter {
	color: var(--main-color);
}
.single-page-bl h1::after {
	content: "";
    display: block;
    width: 80px;
    height: 2px;
    background-color: var(--addit-color);
    margin-top: 5px;
}
.single-page-main {
    background: linear-gradient(179deg, #ebebeb 20%, #fff 88%);
    padding: 20px 25px;
    border-radius: 10px;
    margin-bottom: 9vh;
}
.single-page-main h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 40px;
    font-family: 'Roboto';
}
.single-page-main h2::after {
	display: none;
}
.single-page-main h2:first-letter {
	color: #333;
}
.page-about {
	align-items: center;
	margin-bottom: 55px;
}
.page-about h2 {
	margin-bottom: 25px;
}
.page-about h2 span:first-child {
	color: var(--main-color);
}
.page-about h2 span:nth-child(2) {
	color: var(--addit-color);
}
.page-about h2 span:last-child {
	display: block;
}
.page-about h2::first-letter {
	color: var(--main-color);
}
.page-about>div:last-child {
	text-align: center;
}
.page-about p {
	margin-bottom: 35px
}
.progr-bl {
	padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #d2d2d2;
}
.progr-bl h2 {
    text-align: center;
    margin-bottom: 35px;
}
.progr-item {
    width: 75%;
    text-align: center;
    padding: 45px 15px;
    border-radius: 10px;
    margin: 0 auto 20px;
}
.progr-bl>div:first-of-type .progr-item {
	background-color: rgba(4, 152, 52, 0.1);
}
.progr-bl>div:nth-of-type(2) .progr-item {
	background-color: rgba(236, 66, 55, 0.1);
}
.progr-bl>div:last-of-type .progr-item {
	background-color: rgba(48, 48, 48, 0.1);
}

.progr-item h3 {
	color: var(--addit-color);
	font-size: 44px;
	font-weight: 600;
}
.progr-item>div {
	font-size: 20px;
}
.progress-bl h2 {
	text-align: center;
	margin-bottom: 60px;
}
.progress-item-top {
    text-align: center;
    padding: 0 2vw;
    padding-bottom: 8vh;
	position: relative;
}
.progress-item-top h3,
.progress-item-bottom h3 {
	font-size: 20px;
	font-weight: 600;
}
.progress-item-top div,
.progress-item-bottom div {
	font-size: 18px;
	padding-bottom: 5px;
	line-height: 1.4;
}
.progress-item-top::before,
.progress-item-bottom::before {
    content: "";
    width: 2px;
    height: 8vh;
    position: absolute;
    left: 50%;
    background-color: #d2d2d2;
}
.progress-item-top::before {
	bottom: 0;
}
.progress-item-bottom::before {
	top: 0;
}
.progress-item-top::after,
.progress-item-bottom::after {
	content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: calc(50% - 9px);
    background-color: #d2d2d2;
    border-radius: 50%;
}
.progress-item-top::after {
	bottom: -10px;
}
.progress-item-bottom::after {
	top: -10px;
}
.progress-bl {
	padding-bottom: 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid #d2d2d2;
}
.progress-bl>.row:last-of-type {
	justify-content: center;
}
.progress-item-bottom {
	text-align: center;
    padding: 0 2vw;
    padding-top: 8vh;
	position: relative;
}
.ideas-bl {
	/*font-size: 18px;*/
	margin-bottom: 10vh;
	border-bottom: 1px solid #d2d2d2;
}
.ideas-bl>div:first-child {
	text-align: center;
}
.ideas-bl img {
	max-width: 100%;
	height: auto;
}
.ideas-bl h3 {
    padding-top: 20px;
    text-align: right;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 30px;
}
.our-serv-bl{
	/*border-bottom: 1px solid #d2d2d2;*/
	margin-bottom: 10vh;
}
.our-serv-bl .row:not(:last-child) {
	border-bottom: 1px solid #303030;
}
.our-serv-bl .row {
    padding: 30px 10px;
}
.our-serv-bl .row div:first-child{
	font-size: 65px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: #ccc;
}
.our-serv-bl .row div:nth-child(2){
	font-size: 24px;
	font-weight: 500;
	color: #303030;
}
.our-serv-bl .row div:last-child{
	font-size: 18px;
	color: #707070;
}
.main-col {
	color: var(--main-color);
}
.add-col {
	color: var(--addit-color);
}
.bl-col {
	color: #303030;
}
/*-------------------------------------- О продавце ---------------------------------*/
.seller-block {
    padding: 20px 15px 25px;
    margin-bottom: 20px;
}
.seller-ph {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 3px solid #fff;
    overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.seller-title {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.seller-title h3 {
	color: #303030;
	font-size: 24px;
	font-weight: 400;
    margin-bottom: 0;
	margin-right: 25px;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seller-to-fav {
	cursor: pointer;
    width: 31px;
    min-height: 26px;
	background: url('../img/icons/to-fav.svg') no-repeat 50% 50%;
    background-size: 100% auto;
    transition: All 0.22s;
}
.seller-to-fav.infav {
    background: url('../img/icons/to-fav-act.svg') no-repeat 50% 50%;
    background-size: 100% auto;
}
.seller-about-block {
	display: flex;
	align-items: center;
}
.seller-about {
	color: #8B8B8B;
	padding-left: 15px;
}
.seller-rating {
	margin-bottom: 10px;
}
.seller-rating img {
	width: 20px;
    height: auto;
    display: inline-block;
    margin-right: 5px;
}
.seller-rating span {
	font-size: 18px;
    vertical-align: middle;
}
.seller-total {
	display: flex;
	margin-bottom: 5px;
}
.seller-total>div {
	width: 50%;
}
.seller-total img {
	display: inline-block;
    margin-right: 6px;
    padding-bottom: 5px;
}
.seller-tabs {
	align-self: end;
}
.seller-tabs ul {
	width: 100%;
}
.seller-tabs li {
    width: 33%;
}
.seller-tabs button {
	border: none;
	width: 100%;
	background: transparent;
}
.seller-tabs button.active::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--main-color);
}
.seller-tabs button div:first-child {
    font-size: 40px;
    margin-bottom: 5px;
}
.seller-tabs button.active div:first-child {
	color: var(--main-color);
}
.seller-tabs button div:last-child {
	font-size: 18px;
	margin-bottom: 3px;
}
/*
.seller-cont .wr-author,
.seller-cont .show-phone,
.seller-cont .call-phone {
	width: 255px;
    padding: 15px;
    margin-left: auto;
}*/
.seller-cont .show-phone {
	margin-bottom: 0;
}	
.seller-ad-rew {
	margin-bottom: 50px;
}
.review-item {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
}
.rew-auth-ph {
	position: relative;
}
.rew-auth-ph div:first-child {
    width: 85px;
    height: 85px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.rew-auth-ph div:last-child {
	width: 40px;
    height: 40px;
    position: absolute;
    right: -15px;
    bottom: -15px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: auto;
}
.rew-auth-ph img {
	width: auto;
    height: 100%;
}
.review-header {
	margin-bottom: 10px;
}
.review-header div:first-child {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
    color: #8b8b8b;
    margin-bottom: 2px;
}
.review-header h4 {
	font-size: 19px;
	font-weight: 400;
	margin-bottom: 3px;
}
.review-rat {
	color: #8b8b8b;
}
.review-rat img {
	display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    margin-bottom: 5px;
}
.review-content {
    font-size: 16px;
    margin-bottom: 15px;
}
.review-date {
    font-size: 15px;
    color: #8b8b8b;
}
.review-date span {
	color: #303030;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
}
.seller-ad-rew .sm-ads-item{
	margin: 0 0 25px 0;
}
.cont-us-bl,
.faq-bl {
    margin: 0 auto 60px;
}
.cont-us-bl form {
	padding-top: 30px;
}
.faq-accord h2 {
	margin-bottom: 0;
    border-bottom: 1px solid #d2d2d2;
}
.faq-accord .accordion-button {
	font-size: 18px;
    font-weight: 500;
    padding-left: 0;
    background-color: transparent;
}
.faq-accord .accordion-button::after {
	background-image: url('../img/icons/arr-d-gr.svg');
	background-position: 50%;
}
.accordion-button:not(.collapsed) {
	background-color: transparent;
}
.faq-accord .accordion-button:not(.collapsed)::after {
	background-image: url('../img/icons/arr-d-r.svg');
	background-position: 50%;
}
.faq-accord .accord-body {
	line-height: 1.6em;
	padding-top: 15px;
}
.faq-accord .accordion-button:focus {
    box-shadow: none;
}
.seller-answ {
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    padding: 8px 15px;
    margin-top: 20px;
    margin-left: auto;
}
.seller-answ-title {
    margin-bottom: 10px;
}
.seller-answ-title>div:first-child {
	font-size: 18px;
	font-weight: 500;
}
.seller-answ-title>div:last-child {
	color: #8b8b8b;
}
.review-full {
	flex-grow: 1;
}
.add-rew-modal {
	border-radius: 3px;
}
.add-rew-modal .modal-header{
	border: none;
}
.add-rew-modal .modal-title {
	flex-grow: 1;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
.add-rew-modal .modal-body {
	padding: 5px 25px 15px;
}
.add-rew-modal .rew-form>div {
	margin-bottom: 20px;
}
.add-rew-modal .modal-body button {
	width: 100%;
    padding: 15px;
    font-weight: 500;
    font-size: 18px;
}
.rep-form,
.rew-form,
.send-rew-mes,
.send-rep-mes {
	display: none;
}
.send-rep-mes>div:first-child,
.send-rew-mes>div:first-child {
	font-size: 22px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.2;
}
.rep-form.active,
.rew-form.active,
.send-rep-mes.active,
.send-rew-mes.active {
	display: block;
}
.rewansform,
.th-answ {
	display: none;
}
.rewansform.active,
.th-answ.active {
	display: block;
}
.seller-answ-form {
	padding-top: 5px;
}
.seller-answ-form label {
	text-align: end;
    font-size: 14px;
    padding-right: 10px;
    font-weight: 500;
    margin-bottom: 0;
}
.seller-answ-form textarea {
	border-radius: 10px;
}
.seller-answ-form .opt-item {
	margin-bottom: 5px;
}
.rewansform button {
	margin-left: auto;
    display: block;
}
.del-rew {
	display: inline-block;
	background: transparent url('../img/icons/trash.svg') no-repeat 50%/20px;
    width: 25px;
    height: 25px;
    border: none;
    padding: 0;
    margin-left: 10px;
}
.rev-mess,
.moder-reject {
	display: inline-block;
    color: var(--addit-color);
    padding: 1px 5px;
    background-color: #ec423733;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
	margin-left: auto;
}
.moder-reject {
	margin-bottom: 10px;
}
.review-item {
	display: flex;
}
button.rev-mess {
	border: none;
}
/*--------------------------------------Новости----------------------------------------*/
.news-prev {
    margin-bottom: 15px;
    padding: 15px 20px;
    border-radius: 15px;
}
.news-prev img{
	width: 100%;
	height: auto;
}
.allnews-bl .news-prev h2 {
    color: #303031;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
}
.news-prev h2+div {
    color: var(--main-color);
    font-size: 17px;
    margin-bottom: 25px;
}
.prev-content {
    color: #707070;
    font-size: 17px;
    margin-bottom: 10px;
}
.prev-link {
	color: var(--addit-color);
	padding-right: 30px;
	background: url('../img/icons/arrow-r-red.svg') no-repeat 100% 50%;
}
.prev-link:hover {
	color: var(--addit-color);
	text-decoration: underline;
}
.news-img {
	margin-bottom: 25px;
}
.green-news {
	background: rgba(4, 150, 52, 0.1);
}
.grey-news {
	background: rgba(198, 198, 198, 0.3);
}
.edit-ads-front{
	padding: 3px 10px;
	border-radius: 15px;
	font-size: 14px;
}
.news-item-title {
	margin-bottom: 30px;
}
.news-item-title h2 {
	font-size: 30px;
	margin-bottom: 15px;
}
.news-item-title>div:nth-child(2) {
	text-align: end;
}
.news-item-title>div:last-child {
	color: var(--main-color);
	font-size: 18px;
}
.back-news {
	color: var(--addit-color);
	font-size: 18px;
	padding-left: 30px;
	background: url('../img/icons/arrow-l-red.svg') no-repeat 0 50%;
	display: inline-block;
	margin-top: 5px;    
}
.news-item-content p {
	line-height: 1.7;
    margin-bottom: 30px;
}
.news-img img {
	width: 100%;
	height: auto;
}
.news-img div {
	text-align: center;
	font-style: italic;
	opacity: 0.5;
	padding-top: 10px;
}
.news-item-content ul {
	margin-left: 30px;
	margin-bottom: 30px;
}
.news-item-content li {
	position: relative;
    padding-left: 25px;
    margin-bottom: 3px;
}
.news-item-content li::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	background-color: var(--main-color);
	border-radius: 50%;
}
.atten-bl {
	margin-bottom: 30px;
    margin-left: 30px;
    padding-left: 25px;
    border-left: 3px solid var(--addit-color);
}
#suggestions {
	position: absolute;
	background-color: white;
	border: 1px solid #ccc;
	max-width: 400px;
	z-index: 1001;
}

.suggestion-item:hover {
	background-color: #f0f0f0;
}

.ads-map{
	z-index: 5 !important;
}

.rep-ad-bl {
	margin-bottom: 35px;
}
.rep-ad-bl > div {
	margin-bottom: 5px;
}
.report-bl {
	margin-bottom: 25px;
}
.report-mod-btn {
    color: var(--addit-color);
    background: url(../img/icons/report_enable.svg) no-repeat 5px 10px / 40px;
    padding: 10px 10px 10px 50px;
    font-weight: 500;
    font-size: 22px;
    border: 1px solid var(--addit-color);
    border-radius: 5px;
	transition: 0.3s ALL;
}
.report-mod-btn:hover {
	background: #fff url(../img/icons/report_enable.svg) no-repeat 5px 10px / 40px;
}
/*----------------------------------------Поиск-----------------------------------------*/
.search-container {
	padding-top: 25px;
	padding-bottom: 25px;
}
.search-block h1 span{
	color: var(--main-color);
}
.search-cat-list {
	padding: 15px 0 25px;
    display: flex;
    flex-wrap: wrap;
}

.search-cat-list>div {
	font-size: 16px;
	color: #676767;
	margin-right: 10px;
}
.search-cat-list>div span{
	color: var(--main-color);
}
.search-cat-list>div:first-child {
	color: #303030;
}

.latest-news{
	margin-bottom: 50px;
}

.latest-news-item-date{
	font-size: 12px;
	margin-bottom: 10px;
	color: var(--main-color);
}
.ads-sold {
	position: relative;
}
.ads-sold::after {
	content: 'SOLD';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65%;
    font-size: 180px;
    color: red;
    text-align: center;
    line-height: 45vh;
    vertical-align: middle;
    font-weight: bold;
}
@media (min-width: 576px) {
	.edit-ads-imgs>div {
		width: 145px;
        height: 145px;        
	}
	.sort-sq-btn,
	.sort-line-btn {
		margin-right: 45px;
}
}
@media (min-width: 768px) {
	.nav-img ul {
		margin-top: 20px;
	}
	/*-------------------------------------Баннер-------------------------------------*/
	.main-banner {
		margin-bottom: 35px;
	}
	.banner-slide {
		background-position: 50% 50%;
		background-size: cover;
		padding: 10px 60px;
		margin: 0 30px;
	}
	.slide-text-block {
		padding-top: 60px;
	}
	.banner-slide .slide-title{
		font-size: 36px;
		line-height: 1.25em;
		margin-bottom: 30px;
	}
	.banner-slide p {
		margin-bottom: 30px;
	}
	/*-----------------------Слайдер---------------------------------------------------*/
	.category-block {
		padding: 0 45px;
		margin-bottom: 50px;
	}
	.category-slider a {
		padding: 20px 10px 20px 30px;
		margin: 0 10px;
	}
	/*-------------------------------*/
	.new-ads-block {
		margin-bottom: 60px;
	}
	.new-ads-slider {
		margin: 0 -15px;
	}
	.new-ads-slider .slick-arrow {
		top: -50px;
	}
	.slick-slider .ads-item {
		/*margin: 20px 17px 25px;*/
		margin: 20px 10px 25px;
	}
	.notepad-card>div:first-child {
		border-radius: 20px 20px 40px 40px;
		padding: 15px;
	}
	.notepad-card>div:last-child {
		border-radius: 40px 40px 20px 20px;
		margin-top: -10px;
		padding: 40px 25px 15px;
	}
	.ads-container>div {
		padding: 0 0px 25px;
	}
	.ads-item-img .slick-dots {
		bottom: 35px;
	}
	.ads-item-img .slick-dots button {
		width: 12px;
		height: 12px;   
	}
	.notepad-card>div:last-child::before {
		width: calc(100% - 85px);
		height: 20px;
		left: 40px;
	}
	.ads-item-info {
		padding: 0 10px;
		flex-direction: column;
		height: 100%;
	}
	.ads-item-info h3, 
	.ads-item-info h3+div {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.ads-addr {
		display: flex;
		justify-content: space-between;
		align-items: end;
		font-size: 13px;
		font-weight: 500;
		color: #959BB2;
		margin-top: auto;
	}
	.ads-to-fav {
		width: 34px;
		height: 34px;
		font-size: 16px;
		line-height: 31px;
		padding-left: 1px;
	}
	.ads-to-fav:hover {
		font-size: 16px;
	}
	.long-ads-info .ads-to-fav {
		vertical-align: middle;
	}
	.ads-to-fav img{
		width: auto;
		height: auto;
	}
	/*--------------------------------------Реклама------------------------------------*/
	.commercial-block {
		margin-bottom: 60px;
	}
	.commer-ads-item {
		background: url(../img/sm-round1-rg.svg) no-repeat 5% 5%, url(../img/sm-round1-rg.svg) no-repeat 90% 108%, 
				linear-gradient(99.61deg, #049634 3.38%, #40C16B 96.22%);
		background-size: 40%, 30%, auto;
		padding: 75px 25px 20px;
		display: block;
	}
	.commercial-item>div:last-child {
		padding: 15px 20px;
		margin-left: 10px;
		width: auto;
		flex-grow: 1;
	}
	.commercial-item h3 {
		margin-bottom: 15px;
	}
	.commer-ads-item>div:first-child {
		position: absolute;
		right: 0;
		top: -20px;
	}
	.commer-ads-item>div:last-child {
		width: auto;
	}
	.commer-ads-item h3 {
		font-size: 23px;
		margin-bottom: 25px;
	}
	.commer-ads-item p {
		font-size: 14px;
	}
	.long-ads-item>div:first-child {
		padding: 10px 10px 20px;
	}
	.long-ads-item h3 {
		font-size: 18px;
	}
	.ads-price {
		margin-bottom: 10px;
	}
	.recomen-ads,
	.pers-area,
	.my-ads-bl	{
		margin-bottom: 40px;
	}
	/*----------------------------------Маленькая карточка------------------------------------*/
	.sm-ads-info .ads-bot-inf {
		font-size: 12px;
	}
	.sm-ads-img {
		height: 145px;
	}
	.ln-ads .sm-ads-item {
		display: flex;
	}
	.ln-ads .sm-ads-img {
		height: auto;
		margin-bottom: 0;
		width: 35%;
	}
	.ln-ads .sm-ads-img img {
		height: 225px;
	}
	.sm-ads-decs {
		display: none;
	}
	.ln-ads .sm-ads-decs {
		display: block;
		overflow: hidden;
		grid-area: content;
		height: 70px;
	}
	.ln-ads .sm-ads-info {
		width: 62%;
		padding-top: 10px;
		margin-left: 3%;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: repeat(5, 1fr);	
		grid-template-areas:
			"tit links"
			"tit price"
			"content price"
			"content addr"
			"footer footer";
	}
	.ln-ads .sm-ads-info h3 {
		font-size: 22px;
		padding: 10px 0 15px;
	}
	.ln-ads .sm-ads-price {
		flex-direction: column-reverse;
		align-items: flex-end;
		font-size: 25px;
		margin-bottom: 0;
		padding-bottom: 7px;
	}
	.ln-ads .ads-locat {
		justify-content: flex-end;
	}
	.ln-ads .sm-ads-info .ads-bot-inf {
		border-top: 1px solid #d2d2d2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px;
		padding-top: 5px;
		align-self: auto;
	}
	.ln-ads .add-to-fav, .share-ads {
		cursor: pointer;
		width: 28px;
		min-height: 25px;
		transition: All 0.22s;
	}
	.ln-ads .sm-ads-links .share-ads {
		display: block;
		margin-left: 15px;
	}
	.ln-ads .ads-view-info {
		display: block;
	}
	.ln-ads .ads-view-info img {
		display: inline-block;
		width: 25px;
		height: 15px;
		padding-left: 5px;
		margin-right: 5px;
		margin-left: 10px;
	}
	.full-ads-container {
		margin-bottom: 60px;
	}
	.add-to-fav:hover,
	.seller-to-fav:hover	{
/*		background: url('../img/icons/to-fav-act.svg') no-repeat 50% 50%;
		background-size: 100% auto;*/
		transform: scale(1.2);
	}
	/*-------------------------------------Карточка---------------------------------*/
	/*
	.card-imgs-block {
		display: flex;
	}
	.card-imgs-block>div:first-child {
		width: 75%;
	}
	.card-imgs-block>div:last-child {
		width: 25%;
	}*/
	.auth-reg-date {
		display: block;
	}
	.full-card-block h1 {
		order: 0;
		font-size: 34px;
		margin-bottom: 40px;
	}
	
	/*------------------------------Личный кабинет--------------------------------*/
	.my-adv-tabs a,
	.my-adv-tabs button {
		padding: 10px;
	}
	.pers-area .tab-pane {
		padding: 0 25px 0 10px;
	}
	/*------------------------------Избранное--------------------------------------*/
	/*
	.fav-seller {
		padding: 15px 20px;
		border-radius: 90px;
		margin-bottom: 0;
	}
	.fav-seller .addit-btn {
		margin-left: 20px;
	}*/
	/*-----------------------------Создать объявление------------------------------*/
	.addadv-block h1 {
		font-size: 36px;
	}
	.addadv-block .white-blk {
		padding: 30px 35px 20px;
	}
/*	
	.addadv-block h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
*/	
	.adv-photos-cont {
		padding: 30px 35px 20px;
	}
	.white-blk.save-adv {
		justify-content: space-between;
		border-radius: 90px;
	}
	.adv-photos-gal>div {
		margin-right: 10px;
		width: 121px;
		height: 121px;
		margin-bottom: 10px;
	}
	.opt-item input,
	.opt-item textarea,
	.opt-item select {
		border-width: 1px;
	}
/*----------------------------------Редактирование объявление------------------------------*/
	.edit-ad-op {
		padding: 35px 40px;
	}
	.ad-ed-pr .div-input input {
		max-width: 70%;
	}
/*----------------------------------------------Чат--------------------------------------- */	
	.chat-comp-bl {
		padding: 10px 10px 0 25px;
	}
	.chat-page {
        margin-bottom: 40px;
    }
	.chat-blk {
		padding: 10px;
	}
	.chat-user-inf {
		padding-left: 10px;
	}
	.chat-search input {
		padding: 15px;
	}
/*----------------------------------------Одиночная страница ---------------------------------*/	
	.single-page-main {
		padding: 50px 80px;
	}
	/*.single-page-main h2 {
		font-size: 46px;
	}*/
	.page-about h2 {
		margin-bottom: 40px;
	}
	.single-page-main h2 {
		font-size: 38px;
	}
	.progr-bl h2 {
		margin-bottom: 50px;
	}
	.progr-item {
		width: 65%;
	}
	.progress-bl>.row:first-of-type {
		position: relative;
	}
	.progress-bl>.row:first-of-type::after {
		content: "";
		width: 86%;
		height: 2px;
		background-color: #d2d2d2;
		position: absolute;
		left: 7%;
		bottom: 0;
	}
	.ideas-bl h3 {
		padding-top: 0;
		font-size: 34px;
		margin-bottom: 50px;
	}
/*-------------------------------------- О продавце ---------------------------------*/
	.seller-block {
		margin-bottom: 35px;
	}	
	.seller-ph {
		width: 119px;
		height: 119px;
	}
	.seller-about {
		padding-left: 30px;
	}
	.seller-tabs button div:first-child {
		margin-bottom: 15px;
	}	
	.review-full {
		padding-left: 30px;
	}
	.review-header div:first-child{
		font-size: 18px;
		margin-bottom: 5px;
		display: flex;
        justify-content: space-between;
        align-items: center;
	}
	.review-header h4 {
		font-size: 22px;
	}
	.review-header {
		margin-bottom: 25px;
	}
	.review-content,
	.review-date	{
		font-size: 18px;
	}
	.seller-cont a{
		width: 100%;
	}
	.seller-tabs li {
		width: 25%;
	}
	.ad-ed-pr {
		margin-bottom: 25px;
	}
	.fav-sel-count {
		font-size: 15px;
	}
	.fav-sel-count>div {
		margin-right: 15px;
	}
/*-------------------Новости----------------------*/	
	.news-item-title h2 {
		font-size: 34px;
        margin-bottom: 15px;
	}
}
@media (min-width: 992px) {
	.category-slider a {
		padding: 20px 10px 20px 15px;
		min-height: 115px;
	}
	/*------------------------------Личный кабинет--------------------------------*/
	.pers-area,
	.my-ads-bl {
		padding-left: 20px;
	}
	.addadv-block h2 a,
	.pers-area h2 a,
	.edit-ad-bl	h2 a{
		display: none;
	}
	.pers-ph,
	.pers-pass,
	.pers-addr,
	.pers-notif {
		background-color: #fff;
		border-radius: 10px;
		border: 1px solid #E2E2E2;
		padding: 25px 35px;
		margin-bottom: 30px;
	}
	.profile-card {
		position: relative;
		padding: 40px 11px 20px;
		margin-top: 63px;
	}
	.profile-card h3 {
		text-align: center;
		margin-bottom: 5px;
	}
	.profile-card-photo {
		width: 84px;
		height: 84px;
		position: absolute;
/*		padding: 10px;*/
		background: #EEF0F2;
		border-radius: 50%;
		top: -57px;
		left: calc(50% - 42px);
		overflow: hidden;
		border: 3px solid #fff;
	}

	.profile-card-photo a::after {
		content: "";
		display: block;
        width: 100%;
        height: 100%;
        background: rgba(48, 48, 49, 0.6) url(../img/icons/edphoto.svg) no-repeat 50% 50% / 40px;
        position: absolute;
        top: 0;
        left: 0;
		transition: 0.3s ALL;
		transform: translateY(80px);
	}
	.profile-card-photo:hover a::after {
		transform: translateY(0px);
	}
	.profile-card img {
		width: auto;
		height: 100%;
	}
	.prof-sw-links {
		margin-top: 25px;
	}
	.prof-sw-links>div {
		margin-right: -12px;
	}
	.prof-sw-links a {
		display: block;
        font-size: 15px;
        color: #303030;
        font-weight: 400;
        margin-bottom: 10px;
        padding-left: 60px;
        padding-top: 3px;
        padding-bottom: 2px;
	}
	.prof-sw-links a:hover {
		font-weight: bold;
		color: var(--addit-color);
	}
	.prof-sw-links a.active {
		border-right: 3px solid var(--addit-color);
		font-weight: bold;
		color: var(--addit-color);
	}
	.pers-inf {
		padding: 25px 35px;
		margin-bottom: 30px;
	}
	.my-adv-info {
		padding: 10px 5px 0 20px;
		display: flex;
        flex-direction: column;
	}
	.my-adv-tabs {
		margin-bottom: 10px;
	}
	.pers-ph, 
	.pers-pass, 
	.pers-addr, 
	.pers-notif {
		padding: 25px 25px;
	}
	.opt-item,
	.ads-opt-bl .option-rad-bl {
		margin-bottom: 25px;
	}
	.pers-inf.pers-email .opt-item {
		margin-bottom: 0;
	}
	
	.my-adv-item>div:last-child {
		padding-left: 25px;
	}
	/*----------------------------------Продавец----------------------------*/
	.seller-tabs li {
		width: 50%;
	}
	.seller-tabs ul {
		width: 100%;
		flex-wrap: nowrap;
	}
	/*----------------------------------------Новости--------------------------------------*/	
	.single-page-main.allnews-bl {
		padding: 30px 20px;
	}
	.long-news>.row>div:first-child {
		padding-right: 35px;
	}
	.news-prev {
		margin-bottom: 45px;
		padding: 20px 25px;
	}
	.allnews-bl .news-prev h2 {
		font-size: 20px;
	}
	.news-prev h2+div {
		font-size: 12px;
		margin-bottom: 35px;
	}
	.prev-content {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.rev-mess,
	.moder-reject {
		font-size: 15px;
	}
	
	.review-item {
		border-radius: 25px;
		padding: 20px;
	}

	/*-------------- News in main page -------------------------*/

	.latest-news-item{
		background-color: #fff;
		padding: 10px 0;
		border-radius: 10px;
	}

	.latest-news-item:hover {
		box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
		cursor: pointer;
	}

	.latest-news-item h2{
		font-size: 20px;
		margin-bottom: 0px;
	}

	.latest-news-item h2:after{
		all: unset;
	}

	.latest-news-item-content{
		font-size: 14px;
		margin-bottom: 15px;
	}

	.latest-news-item .prev-link{
		display: inline-block;
	}
}
@media (min-width: 1024px) {
	.card-images {
		order: 1;
	}
	.card-top-info {
		order: 2;
		display: flex;
		flex-direction: column;
		padding-left: 2vw;
	}
	.card-controls {
		order: -1;
	}
	.author-about {
		display: flex;    
		flex-wrap: wrap;
	}
	.author-about>div {
		width: 100%;
	}
	.author-about .author-ph {
		width: 100px;
		height: 100px;
		position: absolute;
		top: -20px;
		left: calc(50% - 50px);
		border: 5px solid #fff;
	}
	.author-about h3 {
		font-size: 20px;
		text-align: center;
		margin-top: 80px;
		margin-bottom: 10px;
		width: calc(100% - 35px);
		padding-left: 30px;
	}
	a.author-about:hover h3{
		color: var(--addit-color);
	}
	.author-about h3+div {
		width: 35px;
		margin-top: 80px;
	}
	.author-about .author-about-dates {
		font-size: 14px;
		text-align: center;
		opacity: 50%;
		margin-bottom: 35px;
	}
	.auth-indic {
		display: flex;
		justify-content: space-between;
		font-size: 15px;
	}
	.auth-rating span {
		vertical-align: middle;
	}
	.auth-indic>div:nth-child(2) {
		color: var(--main-color);
	}
	.auth-indic>div:last-child {
		color: var(--addit-color);
	}
	.ads-contrs {
		display: flex;
		margin-bottom: 30px;
	}
	.ads-contcs {
		display: block;
	}
	.tot-about-ads {
		margin-top: 30px;
		border-top: 1px solid #D2D2D2;
		padding-top: 10px;
		display: flex;
		justify-content: space-between;
		opacity: 0.5;
		font-size: 13px;
	}
	.wr-author {
		background: var(--addit-color) url(../img/icons/chat-btn.svg) no-repeat calc(100% - 5px) 50%/35px;
		padding: 10px 60px;
	}
	.wr-author:hover {
		background: var(--main-color) url("../img/icons/chat-btn.svg") no-repeat calc(100% - 5px) 50%/35px;
		color: #fff;
	}
	.wr-author, 
	.show-phone {
		font-size: 14px;
		width: 100%;
	}
	.wr-author{
        margin-bottom: 20px;
    }
	.show-phone {
		display: block;
		background: var(--main-color) url(../img/icons/show-phone.svg) no-repeat calc(100% - 5px) 50%;
		background-size: 35px;
		padding: 11px 10px;
		cursor: pointer;
	}
	.show-phone:hover {
		background: var(--addit-color) url(../img/icons/show-phone.svg) no-repeat calc(100% - 5px) 50%;
		background-size: 35px;
	}
	.call-phone {
		display: none;
	}
	.main-img .slick-slide>a {
		height: 420px;
	}
	.main-img {
		margin-bottom: 25px;
	}
	.images-block {
		margin-bottom: 45px;
	}
	.card-full-info>div {
		padding: 30px 50px;
	}

	.card-details-list {
		font-size: 17px;
	}
	.option-item {
		width: 50%;
		display: flex;
		margin-bottom: 15px;
	}
	.option-item>div:last-child {
		padding-left: 0;
	}
	.card-full-info h2 {
		font-size: 25px;
		margin-bottom: 30px;
	}
/*------------------------------------Создать объявление-----------------------*/	
	.edit-ad-op {
		background-image: linear-gradient(180deg, rgba(235 235 235 / 20%) 20%, #fff 100%);
		border-radius: 10px;
		border: 1px solid #E2E2E2;
	}
	.addadv-block h2 {
		font-size: 30px;
	}
	.ad-ed-pr .div-input input {
		max-width: 65%;
		width: auto;
	}
	.edit-ads-imgs>div {
		width: 115px;
		height: 115px;
		margin: 0 7px 15px 0;
	}
	.ad-price-bl+div {
		padding-top: 20px;
	}
	.to-chats-list {
		display: none;
	}
}
@media (min-width: 1200px) {
	.banner-slide {
		max-width: 1140px;
	}
	.ads-item {
		transition: 0.2s ALL ease-out;
		background-color: #fff;
	}
	.recomen-ads .ads-container>div.col-lg-3 {
		width: 20%;
	}
	/*.ads-item:hover,
	.long-ads-item:hover {
		transform: scale(1.02);
	}*/
	.full-card-block {
		margin-bottom: 70px;
	}
	.seller-cont .wr-author,
	.seller-cont .show-phone,
	.seller-cont .call-phone {
		width: 255px;
	}
	.wr-author, 
	.show-phone {
		font-size: 14px;
		margin-bottom: 20px;
	}
/*--------------------------О продавце ------------------------------*/	
	.seller-block {
		background-color: #F1EFF0;
		border-radius: 25px;
		padding: 35px;
	}
	.seller-cont {
		order: 1;
	}
	.seller-cont .wr-author,
	.seller-cont .show-phone,
	.seller-cont .call-phone {
		padding: 15px 45px 15px 15px;
		margin-left: auto;
	}
	.rew-auth-ph div:first-child {
		width: 120px;
		height: 120px;
	}
	.rew-auth-ph div:last-child {
		width: 46px;
		height: 46px;   
	}
	.seller-answ {
		width: 90%;
	}
	.seller-answ-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}	
		.ad-price-bl+div {
		padding-top: 0;
	}
/*------------------------------Личный кабинет--------------------------------*/
	.my-adv-contr {
		padding-left: 25px;
	}
	.my-adv-stat>div {
		font-size: 13px;
		justify-content: space-between;
	}	
	.chat-page	{
		padding-left: 20px;
	}
	
	.search-container>div {
		width: 20%;
	}
	
	.edit-ads-imgs>div {
        margin-right:9px;
    }
}
@media (min-width: 1400px) {
	.banner-slide {
		max-width: 1320px;
	}
	.user-count {
		font-size: 14px;
	}
	.prof-sw-links {
		margin-top: 25px;
	}
	.my-adv-stat>div {
		font-size: 13px;
		line-height: 1;
	}
	.edit-ads-imgs>div {
        width: 135px;
        height: 135px;
    }	
}
@media (max-width: 1200px) {
	/*.chan-cat-btn {
		border-radius: 0 90px 90px 0;
		padding: 7px 25px;
		background: var(--main-color) url('../img/icons/right-arrow-wh.svg') no-repeat 50% 50%/20px;
	}*/
/*	.chan-cat-btn span {
		display: none;
	}*/
/*	
	.div-input.home-cat {
		margin-right: 0;
		border-radius: 25px 0 0 25px;
		border-right: none;
	}	
*/	
}
@media (max-width: 1024px) {
	.seller-cont .seller-to-fav {
		width: 40px;
        height: 40px;
	}
	.seller-answ-title>div:last-child {
		font-size: 13px;
	}
	.seller-tabs {
        padding-top: 15px;
    }
/*------------------------Создать объявление----------------------------------*/
/*	.addadv-block,
	.edit-ad-bl {
		padding: 0;
	}*/
	.addadv-block>.row>div:nth-child(2) {
		padding-right: 0;
        padding-left: 0;
	}
	
	.my-ads-bl .tab-content{
		padding: 0 5px;
	}
	.my-adv-stat>div>div:nth-child(2) {
		margin-bottom: 5px;
	}
}
@media (max-width: 992px) {
	header.profile-page,
	header.chat-page,
	header.add-ad-page,
	header.edit-ad-page	{
		display: none;
	}
/*----------------------------------------------Чат--------------------------------------- */	
	.chat-page {
		padding: 0;
	}
	.chat-page h2{
		display: none;
	}
	.chat-blk {
		border: none;
		border-radius: 0;
	}
	.chat-comp-bl h3 {
		border-bottom: 1px solid #d9d9d9;
        padding: 15px 30px 20px 10px;
        display: flex;
        align-items: center;
	}
	.chat-comp-bl h3 a {
        display: inline-block;
        width: 30px;
        height: 20px;
        background: url(../img/icons/arr-l-gr.svg) no-repeat center center / 9px;
        padding-left: 5px;
    }
	.chat-comp-bl h3 span {
		margin: 0 auto;
		color: #707070;
	}
	.chat-comp-bl {
		height: 90vh;
		overflow-y: scroll;
		padding: 0;
	}
	.chat-messages-bl {
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		transform: translateX(105vw);
		transition: 0.3s ALL;
		height: 90vh;
	}
	.chat-messages-bl.show {
		transform: translateX(0);
	}
	.chat-messages-bl>div {
		border-radius: 0;
		padding: 0 0 15px;
	}
	.us-stat-marker {
		padding-right: 15px;
		align-self: flex-start;
		margin-top: 5px;
	}
	.chat-user-short>div:last-child {
		padding: 10px;
		border-bottom: 1px solid #d9d9d9;
	}
	.msgs-cmpns {
		height: 98%;
		overflow-y: scroll;
		overflow-x: hidden;
		padding: 15px;
	}
	.to-chats-list {
		padding: 25px 35px 25px 45px;
	}
	.chat-messages-bl>div {
		background: linear-gradient(180deg, #fff 0%, #E7E6E6 60%, #F2F0F1 100%);
	}
	.chat-search {
		padding: 0px 15px;
	}
	.chat-search button {
		left: 25px;
	}
	.chat-user-item {
		border: none;
		border-bottom: 1px solid #D9D9D9;
		border-radius: 0;
		margin-bottom: 0;
		padding: 15px 10px;
	}
	.chat-user-inf h4 {
		margin-bottom: 7px;
	}
	.chat-user-inf h4+div {
		font-size: 17px;
		margin-bottom: 6px;
	}
	.chat-user-item.active {
		box-shadow: none;
	}
	.us-last-seen {
		top: 15px;
		right: 15px;
		font-size: 12px;
	}	
/*-------------------------------Карточка товара------------------------------*/
	.call-phone {
		padding: 10px 37px 10px 10px;
	}
	.wr-author {
		padding: 10px 45px 10px 30px;
	}
	.single-img {
		height: 250px;
		margin-bottom: 15px;
	}
	.card-top-info .author-about {
		background-color: #F1EFF0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 20px;
        border-radius: 15px;
		margin-bottom: 25px;
		margin-top: 25px;
	}
	.author-ph {
		order: -3;
        position: absolute;
        top: -15px;
        margin-left: 5px;
	}
	.author-about h3 {
		order: -2;
        width: 45%;
        margin-left: 100px;
        flex-grow: 1;
		font-size: 22px;
        font-weight: 400;
        margin-bottom: 0;
	}
	.author-about h3+div {
		order: 5;
		margin-left: auto;
		margin-top: 20px;
	}
	.author-about .seller-to-fav {
		width: 25px;
		min-height: 20px;
	}
	.author-about .author-about-dates {
		margin-top: 25px;
		font-size: 15px;
		opacity: 0.5;
	}
	.auth-rating {
		text-align: end;
		font-size: 20px;
	}
	.auth-indic {
		order: -1;
		width: 20%;
	}
	.auth-indic>div:not(:first-child) {
		display: none;
	}
	.card-top-info .card-controls {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.ads-contcs {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mob-ads-contrs {
		display: flex;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 25px;
	}
	.mob-ads-contrs .ads-pr {
		font-size: 28px;
		font-weight: 600;
		color: var(--addit-color);
		margin-right: auto;
	}
	.mob-ads-contrs .share-ads,
	.mob-ads-contrs .add-to-fav	{
		border-radius: 50%;
        display: inline-block;
        width: 45px;
        height: 45px;
	}
	
	.mob-ads-contrs .add-to-fav {
		background: #d9d9d9 url('../img/icons/to-fav.svg') no-repeat 50% 50%/60% auto;
        margin-right: 20px;
	}
	.mob-ads-contrs .share-ads {
		background: #d9d9d9 url(../img/icons/share.svg) no-repeat 43% 50% / 50% auto;
	}
	
	.mob-ads-contrs  .add-to-fav.infav {
		background: #d9d9d9 url(../img/icons/to-fav-act.svg) no-repeat 50% 50%/60% auto;
	}
/*------------------------------Личный кабинет--------------------------------*/
	.profile-card {
		display: flex;
		align-items: center;
	}
	.profile-card img {
		width: 70px;
		height: 70px;
	}
	.my-adv-tabs>div,
	.my-adv-tabs>li	{
		margin-top: 15px;
        margin-bottom: 5px;
		margin-left: auto;
	}
	.my-adv-tabs>li button {
		font-size: 13px;
	}
	.my-adv-item>div {
		margin-bottom: 5px;
	}
	.my-adv-info>div {
		margin-bottom: 5px;
        padding-top: 10px;
        font-size: 22px;
	}
	.my-adv-stat>div>div:first-child {
		margin-bottom: 5px;
	}
	div.my-adv-contr {
		flex-direction: row;
		margin-bottom: 0;
	}
	.pers-area {
		display: flex;
        flex-direction: column;
		margin-bottom: 15px;
		padding: 0;
	}
	.addadv-block h2,
	.edit-ad-bl h2,
	.pers-area h2,
	.edit-ad-bl	h2 {
		font-family: 'Roboto';
        font-size: 24px;
        color: #707070;
        font-weight: 500;
        text-align: center;
        padding: 18px 10px;
        border-bottom: 1px solid #d2d2d2;
        order: -2;
        margin-bottom: 0;
        display: flex;
        align-items: center;
	}
	.pers-area h2::first-letter {
		color: #707070;
	}
	.addadv-block h2::after,
	.edit-ad-bl h2::after,
	.pers-area h2::after {
		display: none;
	}
	.addadv-block h2 span,
	.edit-ad-bl h2 span,
	.pers-area h2 span {
		margin: 0 auto;
		padding-right: 20px;
	}
	.content-bl {
		background: transparent;
		border: none;
	}
	.pers-inf h3 {
		display: none;
	}
	.pers-ph {
		order: -1;
		padding-top: 25px;
	}
	.pers-ph h3 {
		display: none;
	}
	.pers-img {
		width: 130px;
		height: 130px;
		border-radius: 50%;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		background-color: #f4f4f4;
	}
	.pers-img a img {
		max-width: 100%;
        height: auto;
	}
	.pers-img+div {
		text-align: center;
        color: #707070;
        padding-top: 10px;
        font-size: 15px;
	}
	.pers-ph label {
		font-weight: 500;
		color: var(--addit-color);
		text-align: center;
		padding-right: 10px;
	}
	.pers-ph label img {
		display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 10px;
	}
	.pers-ph input {
		display: none;
	}
	.pers-img-about {
		opacity: 0.5;
		text-align: center;
		margin-bottom: 25px;
	}
	.pers-ph .opt-item {
		margin-bottom: 10px;
        padding-top: 15px;
	}
	.option-rad-bl {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.option-rad {
		padding-left: 10px;
		margin-bottom: 5px;
	}
	.del-acc {
		padding-right: 15px;
	}
	.pers-area h3 {
		display: none;
	}
	
	button.btn-sold {
		width: 45px;
	}
	.my-adv-contr-publ .btn-pub,
	.my-adv-contr-publ .btn-unpub,
	.del-adv {
		background-size: 25px;
	}
	.fav-sell-contr {
		padding-top: 10px;
	}
	
	.rev-mess {
		order: -1;
	}
	/*----------------------------Категория------------------------------------*/
/*	.filter-block.close .all-filters{
		display: none;
	}*/
/*	.filter-block.close .filter-block-title {
		padding-bottom: 0;
	}
	.filter-block.close .filter-block-title h3 {
		margin-bottom: 0;
	}
*/
	.filter-block {
		position: fixed;
		top: 0;
		left: 0;
		height: 90vh;
		overflow-y: scroll;
		transform: translateX(-100vw);
		transition: 0.3s ALL;
		z-index: 11;
	}
	.filter-block.show {
		transform: translateX(0);
	}
	.filter-tags {
		display: flex;
		padding-top: 10px;
        margin-bottom: 15px;
	}
	.filter-tags>div {
		border: 2px solid var(--main-color);
        background: rgba(4, 150, 52, 10%);
        padding: 5px 14px;
        border-radius: 42px;
        margin-right: 15px;
        color: #707070;
	}
	.filter-tags .mob-filt {
        background: rgba(4, 150, 52, 25%) url(../img/icons/filter.svg) no-repeat 50% 50% / auto 75%;
        width: 60px;
		min-height: 38px;
    }
	.filter-block-title {
		margin-left: -20px;
        margin-right: -20px;
        border-bottom: 1px solid #d2d2d2;
        padding: 10px 0 15px;
	}
	.filter-block-title h3 {
		background: url(../img/icons/arr-l-gr.svg) no-repeat 20px center / 12px;
		text-align: center;
	}
	.single-img a {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 768px) {
	/*--------------------------------------------Маленькая карточка------------------------------------*/
	.sm-ads-decs {
		display: none;
	}
/*---------------------------------О продавце------------------------------------------------------*/
	
	.author-about-dates {
		font-size: 15px;
	}
	.seller-cont .wr-author {
		width: 50px;
        height: 50px;
        border-radius: 50%;
        background-position: 50% 45%;
        padding: 17px;
        background-size: 28px;
	}	
	.seller-block>.row>div:first-child {
		padding: 0;
	}
	.seller-about-block {
		background-color: #F1EFF0;
        border-radius: 25px;
		padding: 25px 15px;
		margin-bottom: 15px;
	}
	/*
	.seller-cont .call-phone,
	.seller-cont .wr-author	{
		width: 100%;
	}
	.seller-cont .wr-author	{
		margin-bottom: 15px;
	}
	*/
	.seller-cont .wr-author	span{
		display: none;
	}
	.seller-tabs {
		padding-top: 25px;
	}
	.review-full {
		padding-left: 20px;
	}/*
	.rew-auth-ph {
		width: 120px;
		margin: auto;
	}*/ 
	.faq-accord .accordion-button {
		font-size: 18px;
		padding-right: 0;
	}	
	.seller-cont {
		display: flex;
        align-items: center;
        justify-content: space-around;
	}
	.seller-cont .call-phone {
        padding: 15px 45px 15px 20px;
        width: auto;
    }
	.seller-tabs li.add-rev-li {
		width: 100%;
        padding-top: 20px;
	}
	.add-rev-li .rew-mod-btn {
		display: flex;
        align-items: center;
        color: #fff;
        border-radius: 20px;
        background-color: var(--main-color);
        justify-content: center;
        height: 55px;
	}
	.my-adv-item {
		padding: 15px 15px 10px;
	}
	.fav-sel-count {
		font-size: 13px;
		justify-content: space-between;
	}
	.fav-seller-info>div:last-child {
		flex-grow: 1;
	}
	
	.search-block h1 {
		font-size: 28px;
	}
}
@media (max-width: 760px) {
	.ad-price-bl+div {
		padding-top: 20px;
	}
	.my-adv-stat>div>div:last-child {
		min-width: 100%;
		display: flex;
        justify-content: center;
	}
}
@media (max-width: 576px) {
	.banner-slide {
		max-width: 90vw;
	}
	.notepad-card>div:last-child {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		padding: 30px 10px 15px;
	}
	.ads-item-info h3 {
		width: 100%;
		height: 2.6em;
		overflow: hidden;
	}
	.ads-addr>div:first-child {
		display: none;
	}
	.notepad-card.col-6 {
		padding: 0 5px;
	}
	/*--------------------------------------Реклама------------------------------------*/
	.commercial-item p {
		display: none;
	}	
	.long-ads-item p {
		height: 3em;
		overflow: hidden;
		order: 1;
		margin-top: 10px;
	}
	.long-ads-info>div:nth-last-child(2) {
		order: 2;
		margin-top: 10px;
	}
	.long-ads-info .chat-btn {
		padding-right: 20px;
	}
	
	/*---------------------------Избранное-------------------------------------*/

	/*
	.fav-seller-info {
		margin-bottom: 15px;
	}*/
	/*-----------------------------Создать объявление------------------------------*/
	.adv-photos-gal {
		justify-content: space-between;
	}
	.save-btn {
		margin-bottom: 15px;
/*		padding: 0;*/
	}
	/*--------------------------------------------Маленькая карточка------------------------------------*/
	.ln-ads .sm-ads-img {
        width: auto;
        height: 225px;
    }
	.ln-ads .sm-ads-img img {
        width: 100%;
        height: auto;
    }
	.ln-ads .sm-ads-info h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
	.ln-ads .sm-ads-price {
        font-size: 23px;
        margin-bottom: 10px;
    }
	.ln-ads .add-to-fav{
		width: 28px;
		min-height: 27px;
	}
	/*------------------------Новости-------------------------*/
	.allnews-bl {
		padding: 10px 0;
	}
	.news-prev.long-news {
		padding: 15px 30px;
	}
	.allnews-bl .long-news h2 {
		margin-top: 10px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.seller-block>.row>div:first-child {
		background-color: #F1EFF0;
		border-radius: 25px 0 0 25px;
		padding: 15px 0 15px 25px;
	}
	.seller-cont {
		background-color: #F1EFF0;
		border-radius: 0 25px 25px 0;
		padding: 15px 25px 15px 0;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	
}
@media (min-width: 768px) and (max-width: 1020px) {
	div.my-adv-contr {
        display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
    }
	.my-adv-contr>div {
		width: 49%;
	}
	.my-adv-contr .my-adv-contr-publ {
		width: 100%;
	}
}
@media (min-width: 992px) and (max-width: 1024px) {
	.my-adv-stat>div>div:first-child {
		margin-bottom: 5px;
	}
	.my-adv-stat>div>div:nth-child(2) {
        margin-bottom: 0px;
    }
	.my-adv-stat>div {
		justify-content: flex-start;
	}
	.big-chat-user-img {
		width: 75px;
		height: 75px;
	}
	.date-bl>div {
		width: 40%;
	}
	
		.edit-ads-imgs {
		grid-template-columns: 1fr 1fr;
	}
	.edit-ad-op {
        padding: 35px 25px;
    }
	.show-phone {
		margin-bottom: 15px;
	}
}

@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {
	.tab-content>.active {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.my-adv-item {
		width: 50%;
	}
	.edit-ads-imgs {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media (min-width: 768px) and (orientation: portrait) {
	.my-adv-stat>div>div {
		margin-bottom: 0;
	}
	.my-adv-stat>div {
		justify-content: space-between;
	}
	.edit-ads-imgs {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media (min-width: 1024px) and (orientation: portrait) {
	.edit-ads-imgs {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 992px) and (orientation: landscape) {
	.filter-block {
		height: 82vh;
	}
	.ln-ads .sm-ads-decs {
        padding-right: 5px;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
	.my-adv-stat>div {
		justify-content: space-around;
	}
}