@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Lobster&family=Pacifico&display=swap');

body {
	overflow-x: hidden;
}



*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size:16px;
	line-height:18px;
}
input,button,textarea{font-family:inherit; font-size:inherit;}
textarea {resize: vertical;}
input::-ms-clear{display: none;}
button{cursor: pointer;background: none;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
li {list-style: none;display: flex;align-items: center;}
img{
	vertical-align: top;
	height: auto;
	width: auto;
	object-fit: contain;
}



input::placeholder, textarea::placeholder {
	color: #7C7272;
}

h1 {
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 120%;
}
h2 {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
}
h3 {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 120%;
}
h4 {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
}
h5 {
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
}


h1, h2, h3, h4, h5, h6, button {
	color: #FFFFFF;

}

a {
	color: inherit;
	font-size: inherit;
	line-height: inherit;;
}

body {
	background: #1e1e1e;
}

.main-wrapper {
	/*overflow: hidden;*/
}

/*
.main_page__ {
width: 100%;
height: 100vh;
overflow: hidden;
}
*/








.avatar {
	border-radius: 500px;
	overflow: hidden;
	cursor: pointer;
}
.avatar img, .comment-author img {
	min-width: 100%;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.comment-author {
	display: flex;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.comment-author img {
	border-radius: 500px;
	overflow: hidden;
}






.share-post__avatar {
	width: 55px;
	height: 55px;
}
.profile-mini__avatar {
	width: 35px;
	height: 35px;
}
.profile_link .profile-mini__avatar {
	width: 40px;
	height: 40px;
}
.lenta__history-avatar {
	width: 95px;
	height: 95px;
}
.recommend__user-avatar {
	width: 35px;
	height: 35px;
}
.avatar_square .avatar {
	border-radius: 2rem;
}
.subscribe__list-img {
	width: 60px;
	height: 60px;
}

.avatar_video-page img {
width: 55px;
    height: 55px;
    object-fit: cover !important;
    display: -webkit-inline-box;
}

.mainpage__post-user__img {
	width: 75px;
	height: 75px;
}
.main-menu__user-avatar {
	width: 80px;
	height: 80px;
}


 






.main-wrapper {
	margin: auto; 
}

.container {
	margin: auto;
	width: 1000px;
}

.main__menu {
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 75px;
}

.mobile__menu {
	display: none;
}



.logo img {
	height: 25px;
	width: auto;
}

.zapret__svg {
	display: none;
}

.logo {
	display: flex;
	align-items: center;
}

.logo h2 {
	cursor: pointer;
	transition: .3s ease;
}

.logo:hover h2 {
	color: #559fe0;
	transition: .3s ease;
}

.button__prop-menu__profile {
	position: relative;
}

.logo img:first-child {
    height: 50px;
    width: auto;
}

.logo .logo__png {
    margin-right: -30px;
    margin-top: -6px;
}


.menu {
	opacity: 1;
	visibility: visible;
	display: flex;
	justify-content: space-evenly;
	width: 720px;
	transition: .3s ease;
}

.menu__search-active {
	width: 0 !important;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}


.menu__item {
	opacity: 0.5;
	color: #B9B9B9;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 130%;
	transition: .3s ease;
}

.menu__item:hover {
	opacity: 0.9;
	transition: .3s ease;
}

.item__active {
	opacity: 1;
	color: #B9B9B9;
	font-weight: 500;
}

.icons {
	display: flex;
}

.icons svg {
	height: 27px;
}

.icons .icon {
	display: flex;
	padding: 0 15px;
	align-items: center;
}











.view-profile {
	position: relative;
	height: 450px; 
	width: 100%;
	border-bottom: 2px solid #525252;
}

.view-profile__main-picture {
	position: absolute;
	width: 100%;
	height: 100%;
}

.view-profile__main-picture .header-cover-image {
	height: 100% !important;
	opacity: 0.3;
}

.header-cover-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.view-profile__main-content {
	position: absolute;
	width: 920px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;  
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.main__avatar {
	width: 177px;
	height: 177px;;
	padding: 6px;
	border-width: 4px;

	background: linear-gradient(#11161C, #11161C) padding-box,
		linear-gradient(180deg, rgba(7,29,138,1) 0%, rgba(167,24,135,1) 36%, rgba(14,161,243,1) 100%) border-box;
	border: 4px solid transparent;
	border-radius: 200px;
	background-size: 250% 250%;
	animation: gradient 3s ease infinite;

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 50% 100%;
	}
	100% {
		background-position: 0% 50%;
	}	
}



.main__name {
	margin-top: 30px;
}



.cat__user {
	margin-top: 5px;
	display: flex;
	justify-content: center;
align-items: center;
}

.cat__user.cat__tiktok img {
    width: 24px;
}

.cat__user img {
	margin-left: 10px;
}


.main-content__nickname {
	display: flex;
	align-items: center;
}

.main-content__nickname img {
	display: flex;
	margin-left: 15px;
	height: 25px;
}






.main-content__info {
	width: 100%;
	margin-left: 100px;
}

.main-content__info-title {
	display: flex;
	justify-content: space-between;
}

.main-content__buttons {
	display: flex;
}

.button-circle {
	margin-right: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 1.2px solid #536471;
	border-radius: 40px;
	cursor: pointer;

}
.cat__user.cat__tiktok h4 {
    color: #459de0;
}

.button_subscribe_class {
    font-style: normal;
    font-weight: 400;
    font-size: 18.4091px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 155px;
    padding: 3px 25px;
    height: 100%;
    color: #0F1419;
    background: #ffffff;
    border-radius: 22.0909px;
    cursor: pointer;
}
 
#subscribe_buttons {
    background: linear-gradient(#11161C, #11161C) padding-box, linear-gradient(180deg, rgba(7, 29, 138, 1) 0%, rgba(167, 24, 135, 1) 36%, rgba(14, 161, 243, 1) 100%) border-box;
    border: 4px solid transparent;
    border-radius: 200px;
    background-size: 250% 250%;
    animation: gradient 3s ease infinite;
}

.main-content__info-numbers {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.main-content__info-numbers div {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.main-content__info-numbers h3 {
	text-align: center;
	font-weight: 700;
	transition: .3s ease;
	cursor: pointer;
}

.main-content__info-numbers h3:hover {
	color: #559fe0;
	transition: .3s ease;
}

.main-content__description {
	margin-top: 30px;
}

.main-content__platform {
	margin-top: 30px;
	display: flex;
align-items: center;
}

.favs {width: 50px!important; height: 50px!important; background: #e1e1e1; font-size: 20px; color: #262626; }


.main-content__platform a {
	padding: 0 5px;
}

.main-content__platform div {
	cursor: pointer; 
	border-radius: 65px;
	width: 55px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .2s ease;
}

.user-item__nick {
	display: flex;
}

.user-item__nick h4 {
	cursor: pointer;
	transition: .3s ease;
}

.user-item__nick:hover h4 {
	color: #559fe0;
	transition: .3s ease;
}

.user-item__nick svg path {
	transition: .3s ease;
}

.user-item__nick:hover svg path {
	fill: #559fe0;
	transition: .3s ease;
}

.main-content__platform div:hover {
	opacity: 0.8;
	transition: .2s ease;
}

.main-content__platform div img {
	width: 50px;
	height: 50px;
}

.add__platform {
	margin-left: 15px;
	background: #EBEBEB !important;
	font-weight: 700;
	font-size: 30.5556px;
	color: #000000;
}
































































.block {
	border-radius: 10px;
	background: #262626;
}

.online {
	width: 7px;
	height: 7px;
	background: #33F922;
	border-radius: 10px;
	margin-left: 10px;
}

.display {
	display: flex;
	align-items: center;
}


/*-------PROFILE--------*/

.content-lenta {
	grid-template-columns: 220px 900px;
	margin: auto;
	display: grid;
	grid-column-gap: 40px;
}


.lenta__aside-menu {
	display: flex;
	flex-direction: column;
}

.lenta__aside-menu ul {
	padding-bottom: 40px;
	width: 100%;
}

.lenta__aside-menu .aside-menu__menu {
	/*border-bottom: 1px solid #B9B9B9*/
}

.lenta__aside-menu li {
	color: #B9B9B9;
	font-weight: 300;
	font-size: 23px;
	padding: 15px 0;
	opacity: 0.5;
	transition: .3s ease;
}

.aside-menu__menu li img {
	transition: .3s ease;
	opacity: 0.2;
}


.lenta__aside-menu li:hover {
	transition: .3s ease;
	opacity: 0.9;
}

.lenta__aside-menu li:hover img {
	transition: .3s ease;
	opacity: 0.9;
}

.aside-menu__item-active {
	opacity: 1 !important;
	color: #559fe0!important;
}





.mobile_filter__list img {
	margin-right: 18px;

}
.lenta__aside-menu li img {
	margin-right: 25px;
	width: 25px;
}

.aside-menu__filter li {
	font-size: 19px;
	padding: 10px 0;
	cursor: pointer;
	font-weight: 600;
}

.aside-menu__filter {
	margin-top: 30px;
}

.filter__title {
	margin-top: 35px;
}


.aside-menu__active {
	opacity: 1 !important;
	font-weight: 500 !important;
}

.aside-menu__active img {
	opacity: 1 !important;;
}








.share-post {
	width: 100%;
	justify-content: space-between;
	display: flex;
	padding: 15px;
	padding-left: 30px;
	height: 85px;
}




.share-post__input {
	display: flex;
	align-items: center;
	width: 680px;
	background: #1e1e1e;
	padding: 0 25px;
	border-radius: 10px;
}

.share-post__button {
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	color: white;
	background: #108ffd!important;
	transition: .3s ease;
}

.share-post__button:hover {
	background: #165b96!important;
	transition: .2s ease;
}


.share-post__button img {
	margin-right: 10px;
}


.lenta__content { 
	grid-template-columns: 735px auto ;
	display: grid;
	grid-column-gap: 30px;
}



.popular-video {
	padding: 37px 42px;
}

.popular-video__title {
	display: flex;
	justify-content: space-between;
}

.recommend-aside {
	margin-bottom: 30px;
	padding: 30px;
}


.recommend__users {
	margin-top: 30px;
}

.recommend__users li {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.recommend__users li .recommend__users-left {
	padding: 10px 0;
	width: 100%;
}

.recommend__users a:last-child li {
	margin-bottom: 0;
}

.recommend__users-right {
	display: flex;
	align-items: center;
	padding: 10px 10px 10px 15px;
}


.recommend__users-left {
	display: flex;
	align-items: center;
}


.recommend__user-text {
	overflow: hidden; 
	margin-left: 15px;
}

.recommend__user-text h4 {
	cursor: pointer;
	font-size: 16px;
	transition: .2s ease;
	text-overflow: clip;
	white-space: nowrap;
}

.user-item .avatar_square img { height: 250px; object-fit: cover !important; }

.recommend__user-text p {
	cursor: pointer;
	font-size: 13px;
	color: #777777;
	text-overflow: clip;
	white-space: nowrap;
}


.recommend__users-left:hover .recommend__user-text h4 {
	color: #108ffd;
	transition: .2s ease;
}

.recommend__users-right svg path {
	transition: .2s ease;
}

.recommend__users-right:hover svg path {
	fill: #108ffd;
	transition: .2s ease;
}



.popular-video__navigation {
	display: flex;
	align-items: center;
}

.popular-video_prev {
	margin-right: 10px;
}






.lenta__posts { 
	margin-bottom: 50px;
}

.lenta__post {
	margin-bottom: 30px;
}

.lenta__post .post__title {
	align-items: center;
	padding: 40px;
	display: flex;
	justify-content: space-between;
}

.lenta__post .post__footer {
	padding: 40px;
}

.post__title-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 25px;
	position: relative;
	cursor: pointer;
}

.button__profile {
	transition: .2s ease;
}

.button__profile:hover {
	transition: .2s ease;
	border: 1.22727px solid #559fe0;
}

.button__profile svg path {
	transition: .2s ease;
}

.button__profile:hover svg path {
	transition: .2s ease;
	fill: #559fe0;
}

.button__profile-stroke svg path {
	transition: .2s ease;
}

.button__profile-stroke:hover svg path {
	stroke: #559fe0;
}

.post__title-button__list {
	z-index: 70;
	position: absolute;
	padding: 23px;
	background: #262626;
	border-radius: 10px;
	top: 105%;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
}

.post__title-button__list-active {
	opacity: 1;
	visibility: visible;
	transition: .2s ease;

}

.post__title-button__list li {
	text-wrap: nowrap;
	font-size: 15px;
	padding: 10px 0;
	color: #A7A7A7;
	transition: .2s ease;
	cursor: pointer;
}

.post__title-button__list li:hover {
	color: #C5D0E6;
	transition: .2s ease;
}



.lenta__post .post__title-profile-text p {
	color: #C5D0E6;
	margin-top: 8px;
	padding-left: 20px;
}


.post__title-profile-text h3 {
	cursor: pointer;
	padding-left: 20px;
}




.recommend-aside h2 {
	font-size: 21px;
}





.private-img {
	width: 100%;
	height: auto;
	filter: blur(15px);
}



.lenta__post .post__content {
	min-height: 381px;
	overflow: hidden;
	position: relative;
}

.lenta__post .post__content-main-picture img {
	height: auto;
	width: 100%;
	object-fit: cover;
}

.post__content-main-picture video {
	width: 100%;
}




.post__content-private {
	padding: 0 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    background: #00000091;
}

.post__content-private-container {
text-align: center;
}


.post__content-private-container img {
	width: 35px;
}


.post__content-private-container h3 {
	text-align: center;
	font-weight: 600;
	margin-top: 25px;
}

.post__content-private-container h4 {
	padding: 0 30px;
	text-align: center;
	margin-top: 20px;
}

.post__content-private-container .private__message {
	font-size: 16px;
	font-weight: 700;
	padding: 0 25px;
	margin-top: 20px;
	height: 45px;
	border: 1.5px solid rgba(255, 245, 245, 0.4);
	border-radius: 6px;
}

.post__content-private-container .private__open {
	padding: 20px;
	font-size: 17px;
	width: 100%;
	margin-top: 35px;
	border-top: 0.5px solid rgba(255, 255, 255, 0.4);;
}







.lenta__post .post__footer-title {
	display: flex;
	justify-content: space-between;
}


.lenta__post .post__footer-title img, .pld-like-wrap a, .lenta__post .post__footer-title h4, .lenta__post .post__footer-title span {
	opacity: 0.5;
}

.pld-like-wrap .pld-prevent {
	opacity: 1;
}


.lenta__post .post__footer-icons {
	display: flex;
}



.lenta__post .post__footer-texttitle h1 {
	font-size: 26px;
	font-weight: 600;
	cursor: pointer;
}


.lenta__post .post__footer-text {
	margin-bottom: 30px;
}

.lenta__post .post__footer-texttitle {
	margin-bottom: 30px;
}

.lenta__post .post__footer-text h5 {
	color: #EBEBEB;
}

.lenta__post .post__footer-text .text-clamp {
	color: #EBEBEB;
	overflow: hidden;
	-webkit-line-clamp: 10;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}


.lenta__post .post__footer-tags {
	margin-top: 55px;
	border-top: 1px solid #4F4F4F;
	padding-top: 33px;
	display: flex;
}

.lenta__post .post__footer-tags button {
	margin-right: 15px;
	font-size: 14px;
	color: #C5D0E6;;
	background: #4F4F4F;
	padding: 0 15px;
	height: 30px;
	border-radius: 30px;
	transition: .3s ease;
}

.lenta__post .post__footer-tags button:hover {
	color: #559fe0;
	background: #1e1e1e;
	transition: .23s ease;
}






















.lenta-chat__title {
	padding: 30px;
	color: white;
	font-size: 15px;
}

.lenta-chat__content {
	height: 460px;
	background: #1C1C1C;
	padding: 0 15px;
	overflow: scroll;
}

.lenta-chat__text {
	margin-bottom: 35px;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	max-width: 220px;
	padding: 10px 20px;
	color: white;
	background: #4F4F4F;
	border-radius: 0px 10px 10px 10px;
}

.lenta-chat__container {
	display: flex;
}

.lenta-chat__avatar {
	width: 35px;
	height: 35px;
	margin-right: 25px;
}

.lenta-chat__avatar img {
	width: 100%;
}



.lenta-chat__keyboard-container {
	border-radius: 0 0 10px 10px;
	padding: 40px 20px;
	background: #262626;
}

.lenta-chat__keyboard {
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0.226144px solid #A7A7A7;
	border-radius: 21.348px;
	height: 40px;
}

.lenta-chat__keyboard img {
	width: 20px;
}

.lenta-chat__keyboard input {
	color: white;
	background: none;
	width: 100%;
	margin-right: 20px;
}


.popular-video__swiper {
	overflow: hidden;
	margin-top: 35px;
}

.popular-video__swiper .swiper-slide {
	position: relative;
	border-radius: 20px;
	height: 135px;
	overflow: hidden;
}

.popular-video__swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.cutaway {
	padding: 4rem 0px;
}

.cutaway__content-connection, .cutaway__title, .cutaway__content-social, .cutaway__private-content  {
	max-width: 500px;
	margin: auto;
}

.cutaway__content-social-item a {
    display: flex
;
    justify-content: space-between;
    width: -webkit-fill-available;
}

.cutaway__title {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.cutaway__title h2 {
	font-family: "Forum";
	margin-top: 35px;
}

.cutaway__title h3 {
	font-family: "Forum";
	font-size: 28px;
	margin-top: 5px;
	color: #777777;
}

.cutaway__title h4 {
	color: #EBEBEB;
	margin-top: 40px;
	text-align: center;
}

.cutaway__avatar {
	width: 160px;
	height: 160px;
	padding: 3px;
	border-radius: 160px; 
--size: 6vh;
    --speed: 1s;
    --easing: cubic-bezier(0.68, -0.55, 0.27, 1.55);
    aspect-ratio: 1.2;
    background-image: radial-gradient(#00000000, #00000000, #00000000, #009fff24, rgb(24 133 190 / 47%));
    background-size: contain;
    background-position: center;
    animation: anim-gradient var(--speed) var(--easing) alternate infinite;
}

.cutaway__avatar:hover {transition: .3s ease;background:#ff007e!important;--speed: 1000s;padding:5px; }

@keyframes anim-gradient {
  0%{
    background: linear-gradient(360deg, #9000ff, #ff41ed, #ff007e);
  }
  
  10%{
    background: linear-gradient(350deg, #9000ff, #ff41ed, #ff007e);
  }

  20%{
    background: linear-gradient(340deg, #9000ff, #ff41ed, #ff007e);
  }

  30%{
    background: linear-gradient(330deg, #9000ff, #ff41ed, #ff007e);
  }
  
  40%{
    background: linear-gradient(340deg, #9000ff, #ff41ed, #ff007e);
  }
  50%{
    background: linear-gradient(350deg, #9000ff, #ff41ed, #ff007e);
  }

  60%{
    background: linear-gradient(360deg, #9000ff, #ff41ed, #ff007e);
  }
  
  70%{
    background: linear-gradient(350deg, #9000ff, #ff41ed, #ff007e);
  }

  80%{
    background: linear-gradient(340deg, #9000ff, #ff41ed, #ff007e);
  }

 90%{
    background: linear-gradient(330deg, #9000ff, #ff41ed, #ff007e);
  }
  
  100%{
    background: linear-gradient(340deg, #9000ff, #ff41ed, #ff007e);
}
}


.cutaway__avatar img {
width: 100%;
    height: 100%;
    object-fit: cover !important;
    max-height: 155px;
}

.cutaway__content {
	height: 500px;
	width: 100%;
}

.cutaway__content img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.cutaway__content-connection {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 2.5rem;
	position: relative;
	top: 45px;
}

.cutaway__content-connection h2 {
	font-size: 26px;   
	font-family: "Forum";
}

.cutaway__content-connection-icon div {
	opacity: 0.5;
}



.cutaway__content-social {
	padding: 2rem 2rem 1.5rem 2rem;
	position: relative;
	top: -100px;
}


.cutaway__content-social-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #7777775e;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.cutaway__content-social-item button:hover {background: #108ffdc2;}

.cutaway__content-social-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}


.cutaway__content-social-item div {
	display: flex;
	align-items: center;
}

.cutaway__content-social-item h4 {
	color: #EBEBEB;
	margin-left: 20px;
    font-size: 16px;
}

.cutaway__content-video {
border: 1px solid #87878729;
    border-radius: 8px;
    background: linear-gradient(#bbbbbb33, #00000000 1px), linear-gradient(90deg, #bbbbbb33, #00000000 1px);
    background-size: 15px 15px;
    background-position: center center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.cutaway__content-social-item button { 
background: #108ffd; 
    border-radius: 10px;
    max-width: 110px;
width:100%;
    letter-spacing: 2px;
    font-family: system-ui;
    font-size: 14px;
    font-weight: 600;
}


.cutaway__private-content {
overflow: hidden;
    border-radius: 10px;
    height: 270px;
    position: relative;
    margin-top: 60px;
    font-family: sans-serif; 
background: #000;
    background-image: url(/img/cutaway__private-content.png);
}
 

button.private__message:hover {
  opacity: 0.7!important;color:#000;
}

.post__content-private-container h5 { font-size: 14px; margin-top: 15px;}

.cutaway__private-content-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 0.3;
}


.cutaway__content-social-item img {
    height: 48px;
    width: 48px;
    object-fit: contain;
border-radius: 6px;
}


 

.select-account {
	margin: auto;
	margin-top: 15px;
	padding-bottom: 50px !important;
}

.select-account__text a {
	color: #559fe0;
	margin-left: 10px;
}

.select-account__text h1 {
	font-family: "Forum";
	text-transform: uppercase;
	font-size: 26px;
}

.select-account__text h1 span {
	color: #559fe0;
}

.select-account__text h4 {
	color: #A7A7A7;
	font-family: "Forum";
	margin-top: 15px;
}

.select-account__accounts {
	display: flex;
	margin-top: 70px;
}

.select-account__account-item {
	padding: 60px 40px;
	width: 410px;
	margin-right: 30px;
}

.select-account__account-item h3 {
	font-family: "Forum";
	text-transform: uppercase;
	margin-bottom: 50px;
}

.select-account__account-item h5 {
	margin-bottom: 30px;
	color: #8F8F8F;
}

.select-account__account-item button {
	font-family: "Forum";
	margin-top: 100px;
	background: #4F4F4F;
	border-radius: 10px;
	color: white;
	font-size: 20px;
	width: 100%;
	height: 60px;
}






































/*FOOTER*/



.footer {
	display: flex;
	justify-content: center;
	margin-top: 100px;
	background: #262626;

}

.footer__block1 {
	display: flex;
}


.footer__blocks li {
	color: #818181;
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 15px;
}

.footer__blocks a:last-child li {
	margin-bottom: 0;
}

.footer__block1-right {
	margin-left: 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer__block2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer__block1-right h5 {
	text-decoration: underline;
	color: #A7A7A7;;
}

.footer__block2 h5 {
	color: #A7A7A7;;
}

.footer__blocks {
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    padding: 2rem 0rem;
}






































/*account__personal-page*/


.account {
	margin: auto;
}

input {
    color: white;
    border: none;
    width: 349px;
    min-height: 50px;
    height: 50px;
    background-color: #1090fd6e;
    border-radius: 10px;
    padding: 0 25px;
}

input.buttonLog {
    margin-top: 10px;
}

.xw-plain { 
    box-shadow: 0 0 4px 0px #1190fd!important;
}

a.blockTd {
    text-align: center;
    width: -webkit-fill-available;
    display: block;
    padding-top: 10px;
}

input.loginField {
    margin-bottom: 5px;
}

textarea {
	color: white;
	border: none;
	width: 100%;
	height: 140px;
	min-height: 140px;
	background: #262626;
	border-radius: 10px;
	padding: 15px;
}


.settongs__block h3 {
	font-family: "Forum";
	color: #777777;
	margin-bottom: 20px;
}

.personal-page__block1 {
	margin-right: 20px;
	display: flex;
	flex-direction: column;
}

.personal-page__name input:first-child {
	margin-right: 20px;
}

.personal-page__name {
	margin-bottom: 20px;
}

.personal-page__blocks-container {
	display: flex;
	margin-top: 40px;
}

.personal-page__block1 input {
	margin-bottom: 20px;
}

.upload-file__container {
	padding: 20px 15px;
	border-radius: 10px;
	min-height: 220px;
	width: 350px;
	background: #262626;
	overflow: hidden;
}

.public-post .upload-file__container {
	margin-top: 10px;
}

.settings__profile__view .upload-file__container {
	margin-bottom: 40px;
}

.upload-file {
	justify-content: space-between;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 175px;
}

.upload-file h5 {
	color: #838383;
}

.upload-file img {
	width: 26px;
}

.upload-file button {
	font-size: 16px;
	padding: 0 20px;
	height: 35px;
	border-radius: 10px;
	color: #FFFFFF;
	background: #838383;
}


.button-sumbit {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	margin-top: 80px;
	font-size: 20px;
	padding: 0 35px;
	border-radius: 10px;
	height: 60px;
	min-height: 60px;
	background: #108ffd;
	color: white;
	font-family: "Forum";
}

.button-sumbit img {
	margin-right: 20px;
}


.personal-page__tabs {
	margin-bottom: 60px;
	display: flex;
}

.personal-page__tabs li {
	text-transform: uppercase;
	color: #777777;
	font-size: 20px;
	font-family: "Forum";
}

.account__personal-page {
	padding-bottom: 50px !important;
}

.personal-page__tabs li:first-child {
	margin-right: 30px;
	cursor: pointer;
}

.tab__active {
	color: white !important;
}

.personal-page__block-contact {
	display: flex;
	margin-top: 60px;
}

.personal-page__block-text {
	width: 740px;
	margin-top: 40px;
}

.personal-page__block-text textarea {
	width: 720px;
	margin-top: 20px;
}

.personal-page__block-social {
	margin-top: 40px;
}

.login__social {
	margin-top: 35px;
	display: flex;
}

.login__social button {
	padding: 0 10px;
	align-items: center;
	display: flex;
	justify-content: flex-start;
	color: #525252;
	background: #262626;
	border-radius: 10px;
	height: 50px;
	width: 280px;
	border: 1px solid #525252;
}

.login__social button img {
	margin-right: 15px;
}

.login__social button:first-child {
	margin-right: 20px;
}




























.lenta__category {
	display: none;
}



/*GOST*/


.guest-post__content-containter {
	display: grid;
	grid-template-columns: 540px 400px;
	grid-column-gap: 100px;
}

.guest-post__title {
	display: flex;
	justify-content: space-between ;
}

.guest-post__title h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Forum";
}

.guest-post__title h3 {
	color: #6B6B6B;
	font-family: "Forum";
}

.guest-post__title h3 span {
	color: #559fe0;
}

.section_post__new {
	margin-top: 50px;
}

.post__lenta input {
	width: 100%;
}

.section_post__textarea textarea {
	width: 100%;
	height: 210px;
}

.section_post__textarea {
	margin-top: 50px;
}

.section_post__textarea .upload-file__container {
	width: auto;
}






.account-popular {
	padding: 30px 35px;
}

.account-popular__title {
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between;
}

.account-popular__title h4 {
	cursor: pointer;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Forum';
}

.account-popular__title h6 {
	font-size: 14px;
	font-family: 'Forum';
	color: #A7A7A7;
	text-decoration: underline;
}


.account-popular__user {
	display: flex;
}

.account-popular__item {
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.account-popular__name {
	margin-left: 20px;
}

.account-popular__name h5 {
	margin-bottom: 5px;
	font-size: 15px;
	color: #A7A7A7;
}

.account-popular__name h6 {
	font-size: 15px;
}

















.settongs__checkbox {
	margin-top: 40px;
	display: flex;
	align-items: center;
}


.settongs__checkbox h3 {
	margin-bottom: 0;
}

.checkbox {
	cursor: pointer;
	margin-right: 25px;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	background: #777777;
}













.input__container {
	position: relative;
}

.input__container-img {
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	right: 25px;
}



























/*RULES*/
.rules-conrianer {
	margin: auto;
}

.rules {
	width: 680px;
}

.rules h1 {
	text-transform: uppercase;
	font-family: 'Forum';
	font-size: 40px;
	margin-bottom: 80px;
}

.rules-item {
	margin-bottom: 50px;
}

.rules-item h3 {
	font-weight: 300;
	margin-top: 40px;
	color: #A7A7A7;
}


.info {
	width: 861px;
}

.rules-item h2 {
	font-family: 'Forum';
}

.rules-item__title {
	align-items: center;
	display: flex;
}

.rules-item__title img {
	margin-left: 15px;
	width: 12px;
}




































/*ЧАТ*/

.lenta-chat {
	border: 2px solid #262626;
}

.chat-page {
	margin: auto;
	display: grid;
	grid-template-columns: 500px 750px;
	grid-column-gap: 70px;
}

.chat-page__search {
	align-items: center;
	justify-content: space-between;
	display: flex;
	height: 60px;
	background: #231F20;
	border-radius: 10px;
}

.dialog-window__print-container {
	display: flex;
	align-items: center;
	padding: 20px 0;
	height: 100px;
	border-top: 1px solid  rgba(112, 124, 151, 0.15);;
}


.chat-page__search input {
	font-size: 18px;
	width: 100%;
	margin: 0 15px;
	color: white;
	background: none;
}

.chat-page__search button {
	padding: 0 10px 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	min-width: 170px;
	border-left: 2.5px solid #262626;
	color: #777777;
}

.chat-page__search-img {
	margin-left: 20px;
	width: 20px;
}





.list-user__item {
	padding: 25px 35px;
	margin-top: 15px;
}


.list-user__item-user {
	display: flex;
	position: relative;
}

.list-user__item-title {
	display: flex;
	justify-content: space-between;
}

.list-user__item-title-avatar {
	width: 50px;
	height: 50px;
	overflow: hidden;
}

.list-user__item-title-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list-user__item-user .online {
	position: absolute;
	left: 3px;
	top: 3px;
	margin-left: 0;
}

.list-user__item-title-name {
	margin-left: 20px;
}

.list-user__item-title-name h2 {
	font-size: 17px;
}

.list-user__item-title-name h4 {
	margin-left: 5px;
	font-size: 15px;
	color: #559fe0;
}

.list-user__item-title-name div {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.list-user__item-online h4 {
	color: #707C97;
	font-size: 15.5px;
}

.list-user__item-message {
	display: flex;
	margin-top: 25px;
}

.list-user__item-text h5 {
	color: #707C97;
	margin-right: 100px;
}

.list-user__item-message__index {
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #559fe0;
	min-width: 18px;
	min-height: 18px;
	max-width: 18px;
	max-height: 18px;
	border-radius: 20px;
}




.list-user__item-active {
	background: #000000;
}

.list-user__item-active .list-user__item-title-name h2 {
	color: #4F4F4F;
	font-weight: 700;
}

.list-user__item-active .list-user__item-online h4, .list-user__item-active .list-user__item-text h5 {
	color: #A7A7A7;
}















.dialog-window__title {
	display: flex;
	justify-content: space-between;
	padding: 0 30px 0 50px;
	height: 100px;
	border-radius: 10px 10px 0 0 ;
}

.dialog-window__user {
	align-items: center;
	display: flex;
}

.dialog-window__name {
	margin-left: 20px; 
}

.dialog-window__name h2 {
	font-weight: 700;
	font-size: 17px;
	color: white;
}

.dialog-window__icon {
	align-items: center;
	display: flex;
}

.dialog-window__icon div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	background: #8F8F8F;
}

.dialog-window__icon div:first-child {
	margin-right: 17px;
}

.dialog-window__name h4 {
	margin-top: 5px;
	font-weight: 500;
	font-size: 15px;
	color: #777777;
}

.chat-page__dialog-window {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.dialog-window__input {
	margin: 20px 0 0 40px;
	width: 100%;
}

.dialog-window__input input {
	width: 100%;
	background: none;
	color: rgba(112, 124, 151, 0.5);;
	font-size: 20px;
	font-weight: 500;
}

.dialog-window__add-item {
	margin-right: 20px;
	position: relative;
}


.dialog__smile {
	margin-right: 30px;
}


.dialog-window__icons {
	align-items: center;
	display: flex;
}

.dialog__button {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #559fe0;
	width: 35px;
	height: 35px;
	border-radius: 35px;

}

.add__button-contianer {
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	bottom: -27px;
}

.add__button-contianer div {
	margin-top: 10px;
}

.dialog__button img {
	width: 17px;
}

.chat__wrapper {
	margin-right: 80px;
}


.mobile-main__picture {
	display: none;
}


.message__avatar {
	width: 35px;
	height: 35px;
	overflow: hidden;
	border-radius: 35px;
}

.message__avatar img {
	width: 100%;
}




.message {
	margin-bottom: 30px;
	display: flex;
}




.him-file-message {
	justify-content: flex-end;
	flex-direction: row-reverse;
}



.my-message {
	justify-content: flex-end;
}




.usermessage {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.usermessage h5 {
	margin-top: 5px;
	font-size: 13px;
	color: rgba(112, 124, 151, 0.7);;
}

.usermessage__file {
	justify-content: flex-end;
	margin-top: 10px;
	display: flex;
}

.usermessage__file p {
	margin-right: 10px;
	color: #2A8BF2;
}

.usermessage__text {
	padding: 20px;
	max-width: 400px;
	background: #838383;
	border-radius: 10px 10px 0 10px;
}

.usermessage__text h4 {
	font-size: 15px;
}


.chat__day-separate {
	margin: 50px 0;
	align-items: center;
	display: flex;
	justify-content: center;
}

.chat__day-separate div {
	width: 50%;
	height: 1px;
	background:  rgba(112, 124, 151, 0.15);

}

.chat__day-separate h5 {
	margin: 0 10px;
	color: rgba(112, 124, 151, 0.7);
	font-size: 13px;
	white-space: nowrap;
	text-align: center;

}



.him-file-message .usermessage__text {
	background: #559fe0;
	display: flex;
}

.usermessage__file-him {
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	background: rgba(255, 255, 255, 0.25);
	border-radius: 5px;
}

.file-weight {
	opacity: 0.7;
	color: white;
	font-size: 13px;
	margin-top: 5px;
}















@media (max-width: 840px) {
	.container {
		width: 100%;
	}

	.chat-page {
		display: flex;
	}

	.chat-page__dialog-window {
		display: none;
	}

	.lenta__content-containter {
		display: block;        margin-top: 60px;
	}

.cutaway__title h4 {
    color: #fd106c; 
    font-weight: 500; 
}

	.content-lenta {
		display: block;
		width: 100%;
	}


	.lenta__aside-menu {
		display: none;
	}

	.content-lenta .block {
		background: none;
	}


	.lenta__content {
		display: block;
	}

	.recommend-aside, .lenta-chat {
		display: none;
	}

	.main__menu {
		background: #1e1e1e;
		z-index: 88;
		position: absolute;
		display: flex;
		top: 0;
		height: 60px;
	}

	.menu--container {
		width: calc(180px + (220 - 180) * ((100vw - 280px) / (840 - 280)));
		transition: .3s ease;
		display: flex;
		align-items: center;
	}

	.menu--container img {
		width: calc(20px + (30 - 20) * ((100vw - 280px) / (840 - 280)));
		margin-right: calc(10px + (20 - 10) * ((100vw - 280px) / (840 - 280)));
	}

	.menu {
		display: none;
	}

	.menu--container img {
		width: 30px;
		margin-right: 20px;
	}

	.main-wrapper {
		padding: 0 ;
	}

	.logo__svg {
		display: none;
	}

.view-profile__main-picture { 
    height: 400px;
    color: transparent;
    mask-image: linear-gradient(359deg, rgba(255, 255, 255, 0) 27%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
	.zapret__svg {
		margin-left: 20px;
		display: block;
	}

	.logo img, .icons svg {
		height: 22px;
	}

	.icons .icon {
		padding: 0 6px;
		min-width: 35px;
		justify-content: center;
	}

	.icons .icon:last-child {
		padding-right: 0;
	}


	.icon__search {
		width: 45px !important;
	}

	.popular-video__navigation {
		display: none;
	}

	.popular-video, .post__title, .share-post, .lenta__category {
		width: 100%;
		margin: auto;
	}

	.lenta__post .post__title, .lenta__post .post__footer {
		padding: 20px 10px;
	}

	.lenta__post .post__content-main-picture img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}



	.share-post {
		display: none;
	}

	.lenta__category {
		display: flex;
		height: 60px;
	}

	.category__button {
		position: relative;
		width: 100%;
		border-radius: 10px;
		background: #262626;
		cursor: pointer;
	}
	
	.category__button-container {
		height: 100%;
		padding: 0 20px;
		display: flex;
		justify-content: left;
		align-items: center;
	}

	.category__button-list {
		opacity: 0;
		visibility: hidden;
		z-index: 50;
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		padding: 30px;
		background: #262626;
		border-radius: 10px;
		transition: .2s ease;
	}

	.category__button-active {
		border-radius: 10px 10px 0 0;
	}

	.category__button-active .category__button-icon {
		transform: rotate(-90deg);	
		transition: .2s ease;
	}

	.category__button-list-active {
		transition: .2s ease;
		opacity: 1;
		visibility: visible;
		border-radius: 0 0 10px 10px;
	}

	.category__button-list li {
		padding: 10px 0;
		color: white;
		opacity: 0.3;
	}

	.category__button-list__active {
		opacity: 1 !important;
	}


	.category__button-list img {
		width: 17px;
		margin: 0;
		margin-right: 20px;
	}

	.category__button-list h4 {
		cursor: pointer;
		font-style: normal;
		font-weight: 300;
		font-size: 20px;
		color: inherit;
	}

	.category__button h5 {
		font-size: 18px;
		color: #A7A7A7;
	}

	.category__button img {
		margin-left: 10px;
		transition: .2s ease;
	}

	.lenta__category button {
		margin-left: 10px;
		min-width: 60px;
		border-radius: 10px;
		background: #262626;
	}

.cutaway__title, .cutaway__content-social, .cutaway__private-content {
		width: 360px;
	}

	.cutaway__content-connection {
		width: 100%;
	}

	.cutaway__content-social {
		padding: 0;
		background: none;
	}

	.cutaway__content {
		display: none;
	}

	.cutaway__content-social {
		margin-top: 60px;
	}

center.cutaway__content-video {
         padding: 20px 0;
        margin-bottom: 2rem;
} 

	.cutaway__content-social, .cutaway__content-connection {
		top: -40px;
	}

	.mobile-main__picture {
		display: block;
		height: 145px;
	}

	.mobile-main__picture img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cutaway__avatar {
		width: 135px;
		height: 135px;
		background: #0B0B0B;
	}

	.cutaway {
		padding-top: 0;
		padding-bottom: 0;
	}

	.cutaway__title {
		position: relative; 
             top: -60px;
	}


	.cutaway__content-connection-icon img {
		height: 40px;
	}



	.cutaway__content-social-item button {
		font-size: 10px;
		height: 35px;
	}
	.cutaway__content-social-item h4 {
		font-size: 14px;
		margin-left: 15px;
	}

	.cutaway__content-social-item img {
		width: 30px;
	}

	.post__content-private-container img {
		width: 20px;
	}

	.post__content-private-container h3 {
		font-size: 10px;
		margin-top: 10px;
	}

	.post__content-private-container h4 {
		font-size: 10px;
	}

	.post__content-private {
		padding: 0 15px;
	}

	.post__content-private-container .private__message {
		padding: 0;
		width: 65px;
		height: 20px;
		font-size: 9px;
	}

	.cutaway__private-content {
		height: 190px;
	}

	.post__content-private-container .private__open {
		padding: 10px;
		margin-top: 10px;
		font-size: 9px;
	}

	.select-account__text h1 {
		text-align: center;
	}

	.select-account__text h4 {
		text-align: center;
	}

	.select-account__accounts {
		display: block;
	}

	.select-account__account-item {
		width: 100%;
	}

	.select-account__account-item {
		margin-bottom: 30px;
	}

	.footer {
		display: none;
	}

	.personal-page__block-text, .personal-page__block-text textarea {
		width: 100%;
	}

	.personal-page__block1 {
		margin-right: 0;
	}

	.input, .upload-file__container {
		width: 100%;
	}

	.personal-page__blocks-container, .personal-page__block-contact {
		display: block;
	}

	.personal-page__name input:last-child {
		margin-top: 20px;
	}

	.button-sumbit {
		width: 100%;
	}

	.personal-page__block2 {
		margin-top: 30px;
	}

	.personal-page__tabs {
		flex-direction: column;
		align-items: center;
	}

	.personal-page__tabs li {
		font-size: 16px;
		display: block;
		text-align: center;
	}

	.personal-page__tabs li:first-child {
		width: 70%;
		margin-right: 0;
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 60px;
	}

	.rules {
		width: 100%;
	}

	.rules h1 {
		text-align: center;
		font-size: 24px;
		margin-bottom: 50px;
	}


	.rules h2 {
		font-size: 24px;
	}

	.rules-item h3 {
		font-size: 16px;
		margin-top: 30px;
	}
}





























/*--MAIN-PAGE--*/


.mainpage {
	display: grid;
	grid-template-columns: 600px auto;
	grid-column-gap: 40px;
}

.main-title h1 {
	font-size: 40px;
	font-family: 'Forum';
	text-transform: uppercase;
}

.main-title h1 span {
	white-space: nowrap;
}

.main-title img {
	width: 50px;
	margin-left: 20px;
}

.main-title {
	display: flex;
}

.mainpage__register {
	width: 340px;
	padding-bottom: 40px;
	border-bottom: 1px solid #525252;;
	display: flex;
	flex-direction: column;
}

.mainpage__inputs input {
	width: 100%;
	margin-top: 20px;
}

.mainpage__left-side h2 {
	margin-bottom: 10px;
	font-weight: 400;
	margin-top: 35px;
	font-family: 'Forum';
}

.mainpage__left-side button {
	width: 100%;
	margin-top: 30px;
	background: #4F4F4F;
	border-radius: 10px;
	height: 60px;
}

.mainpage__login {
	width: 340px;
	margin-top: 30px;
	background: #262626;
	border-radius: 10px;
	padding: 20px 30px;
	margin-bottom: 40px;
}

.mainpage__login button {
	height: 45px;
}


.mainpage__lenta {
	height: 100vh;
	padding: 60px;
}

.mainpage__post {
	overflow: hidden;
	position: relative;
	border-radius: 15px;
}

.mainpage__post:first-child {
	margin-top: 0;
}

.mainpage__post-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.mainpage__post-user {
	align-items: center;
	display: flex;
}

.mainpage__post-user h2 {
	font-weight: 600;
}

.mainpage__post-user__text{
	margin-left: 10px;
}

.mainpage__post-user h4 {
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.8);
}

.text_video-page {
	margin-left: 20px;
}

.mainpage__post-title {
	width: 100%;
	justify-content: space-between;
	display: flex;
}

.mainpage__post-wounded {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 75px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(9.13532px);
	border-radius: 100px;
}


.mainpage__post-body {
	width: 100%;
	justify-content: space-between;
	display: flex;
	align-items: flex-end;
}

.mainpage__right-side {
	justify-content: flex-end;
	display: flex;
}

.navigation {
	display: flex;
}

.navigation span {
	margin-right: 10px;
	width: 10px;
	height: 8px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 13.0505px;
	transition: .2s ease;
}

.navigation .swiper-pagination-bullet-active {
	width: 45px;
	background: #FFF;
	transition: .2s ease;
}



.mainpage__post-user-interaction {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mainpage__post-user-interaction div {
	margin-top: 50px;
}


.mainpage__post-user-interaction h4 {
	text-align: center;
	margin-top: 10px;
}

.mainpage__post-user-interaction div:first-child {
	margin-top: 0;
	cursor: pointer;
}


.mainpage__post-user-interaction .mainpage-post_hurt {
	margin-top: 30px;
}


.mainpage-post_hurt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 75px;
	height: 105px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4.46475px);
	border-radius: 36.5413px;
}

.post_hurt__active {
	background: #FF4B4B;
}


.mainpage__post-img {
	height: 100%;
}

.mainpage__post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mainpage__post-img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.button_subscribe img {
    height: 28px;
    filter: grayscale(100%);
}

.button_subscribe:hover img { 
    filter: grayscale(0%);
}


.tabs-menu {
	margin-bottom: 40px;
	position: relative;
}

#tab-active__line {
	position: absolute;
	top: 0;
	width: 180px;
	background: #559fe0;
	height: 4px;
    height: 1px;
    margin-top: -1px;
}


 
.line-first {
	transition: .3s ease;
	left: -60px;
}

.line-two {
	transition: .3s ease;
	left: 130px;
}

.line-three {
	transition: .3s ease;
	left: 340px;
}

.line-four {
	transition: .3s ease;
	left: 550px;
}








.tabs {
	column-gap: 130px;
	margin-top: 30px;
	display: flex;
	align-items: center;
}


.tabs li h5 {
	color: #777777;
	font-size: 22px;
	cursor: pointer;
	transition: .2s ease;
}

.tabs li:hover h5 {
	color: #559fe0;
	transition: .2s ease;
}

.tabs li svg {
	display: none;
}

.tabs .tab-active h5 {
	color: #559fe0;
}


.user-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.profile-photo__footer:hover {
 
    background: #e96c6c69;
}

.profile-photo__item {
	overflow: hidden;
	background: #262626;
	border-radius: 30px;
position: relative;
}

.photo-container {
	display: none;
}

.photo-container__content {
	display: grid;
	padding-bottom: 50px;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
}

.video-container {
	display: none;
}

.video-container__content {
	display: grid;
	padding-bottom: 55px;
	width: 1400px;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 90px;
}



.states-container {
	display: none;
	width: 735px !important;
}

.profile-photo__img {
	overflow: hidden;
	height: 420px;
}

.profile-photo__img img  {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: top;
}

.profile-photo__footer {
    display: flex;
    justify-content: space-between;
    padding: 23px 15px 24px 16px;
    border-radius: 40rem;
    background: #a6a6a669;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 99;
}

.profile-photo__footer-left {
	display: flex;
}

.profile-photo__icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	margin-right: 35px;
}

.post-views-count, .profile-photo__icon h4 {
	cursor: pointer;
}

.profile-photo__icon img {
	width: 25px;
	height: 25px;
}

.profile-photo__icon h4 {
	margin-top: 10px;
}


.profile-photo__icon:last-child {
	margin-right: 0;
}

.profile-photo__footer-right {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
}

.profile-photo__footer-right svg {
	height: 35px !important;
}

.profile-photo__footer-right svg path {
	stroke: #FFF;
}

.profile-photo__container {
	position: relative;
}

.profile-photo__container .navigation {
	position: absolute;
	bottom: 45px !important;
	left: 45px !important;
}



.profile-video__item {
	height: 620px;
	position: relative;
	border-radius: 40px;
	overflow: hidden;
}

.profile-video__img {
	height: 100%; 
        width: -webkit-fill-available;
display: flex;
    justify-content: center;
}

.pld-like-wrap tr { display: flex ; flex-direction: column; align-items: center; grid-gap: 4px; margin-top: -5px;}
 .pld-like-wrap  .likeplus { margin-right: 0; }

 .pld-like-wrap table {
    margin-top: -10px;
}

.profile-video__item:hover .profile-video__img { 
    opacity: .9;
}

.profile-video__item:hover .mainpage__post-title {
    background: #00000073;
}

.profile-video__img video { 
	height: 100%;
min-height: 450px;
	object-fit: cover;
    width: -webkit-fill-available;
}


.profile-video__item .mainpage__post-user h2 {
	font-size: 18px;
}

.profile-video__item .mainpage__post-user h4 {
	font-size: 14px;
}

.video-container__recommend-account {
	overflow: hidden;
}



.video__post-content .mainpage__post-title, .video__post-content .mainpage__post-body {
	position: absolute;
}

.video__post-content .mainpage__post-title {
top: 15px;
    width: -webkit-fill-available;
    margin: 0 15px;
    left: 0;
    right: 0;
    position: absolute;
    background: #00000052;
    border-radius: 3rem;
}

.video__post-content .mainpage__post-body {
	bottom: 30px;
	position: absolute;
	right: 15px;
	width: auto;
}





.video-container__recommend-account h2 {
	text-transform: uppercase;
	font-family: 'Forum';
	margin: 28px 0;
}

.video-container__recommend-account {
    margin-bottom: 2rem;
}

.recommend-account__item {
	height: 100%;
	position: relative;
}

.active_popular {
	margin-top: 80px;
}

.recommend-accout__body {
	height: 100%;
	width: 100%;  
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.recommend-accout__body h5 {
position: absolute;
    bottom: 0px;
    font-size: 12px;
    background: #00000080;
    border-radius: 0 0 2rem 2rem;
    padding: 0 20px;
    left: 0;
    width: -webkit-fill-available;
}


.recommend-account__container .recommend-accout__body {  position: absolute; top: 0; padding: 10px; }


.recommend-accout__body h4 {
    font-weight: 600;
    background: #00000040;
    border-radius: 2rem;
    padding: 10px;
    text-align: center;
    text-shadow: 0 0 6px black;
}

.recommend-accout__close {
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
}











































/*НАСТРОФКА ПРОФИЛЯ*/

.settings__profile-tab {
	margin-top: 80px;
	display: none;
}

.active__settings-tab {
	display: block;
}

.settings__profile-wrapper {
	padding: 50px 0;
}

.settings__profile {
	overflow: scroll;
	overflow-x: hidden;
	height: 90%;
	position: fixed;
	z-index: 888;
	margin: auto;
	width: 770px;
	padding: 0 50px 50px;
	right: 0;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
	bottom: 0;
}

.settings_ative_back {
	opacity: 1;
	visibility: visible;
	transition: .3s ease;
}

.settings__profile h2 {
	white-space: nowrap;
	font-size: 22px;
	color: #777777;
	font-weight: 500;
}

.ptofile-contacts h2 {
	font-size: 20px;
}

.settings__profile__tabs-menu .settings__tab-active {
	color: #559fe0;
}

.settings__profile__tabs-menu h2:first-child {
	margin-right: 40px;
}

.settings__profile__tabs-menu {
	padding-top: 20px;
	display: flex;
}

.settings__profile__tabs-menu h2 {
	cursor: pointer;
}

#settings__profile__red-line {
	position: absolute;
	top: 0;
	background: #559fe0;
	height: 4px;
	left: 50px;
	width: 120px;
	transition: .3s ease;
}


.red-line__view {
	left: 195px !important;
	width: 270px !important;;
	transition: .4s ease !important;;
}

.settings__profile__ptofile h2 {
	font-weight: 400;
}


.settings__profile input {
	margin-top: 20px;
	width: 100%;
	background: #393939;
}


.ptofile-info {
	display: grid;
	grid-template-columns: 230px 430px;
}



.ptofile-info__avatar-img {
	margin-top: 30px;
	width: 125px;
	height: 125px;
	border-radius: 120px;
	overflow: hidden;
	outline: 4px solid #FFF;
	cursor: pointer;
}

.ptofile-info__avatar-img img {
	width: 100%;
	height: 100%;
}

.ptofile-info__info h4 {
	color: #4F4F4F;
	margin-top: 20px;
}

.ptofile-info__info h6 {
	color: #3E3E3E;
	font-size: 10px;
	margin-top: 10px;
}

.settings__profile-grid {
	margin-bottom: 40px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 15px;
}


.ptofile-contacts textarea {
	background: #393939;
	margin-top: 20px;
	margin-bottom: 40px;
}

.settings__login-social button {
	margin-right: 20px;
	background: #393939;
	width: 270px;
}

.settings__login-social .add_social {
	display: flex;
	justify-content: center;
	width: 50px;
	margin-right: 0;
}


.settings__profile-buttons {
	display: flex;
}

.button-cansel {
	margin-left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	margin-top: 80px;
	font-size: 20px;
	padding: 0 35px;
	border-radius: 10px;
	height: 60px;
	background: #4F4F4F;
	color: white;
	font-family: "Forum";
}

.settings__profile__view .upload-file__container {
	width: 100%;
	background: #393939;
}

.settings-acc__close {
	cursor: pointer;
	right: 40px;
	top: 30px;
	position: absolute;
}

.lenta-video__container {
	padding-bottom: 80px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}




.lenta-video__container .profile-video__item {
	height: -webkit-fill-available;
    max-height: 460px;
	border-radius: 20px;
}

.lenta-video__container .profile-video__item h2 {
	font-size: 16px;
}

.lenta-video__container .profile-video__item h4 {
	font-size: 12.5px;
}

.lenta-video__container .mainpage__post-wounded {
	width: 55px;
	height: 55px;
}


.lenta-video__container .mainpage__post-wounded img {
	width: 22px;
}

.lenta-video__container .mainpage__post-user-interaction img {
	width: 18px;
}

.lenta-video__container .mainpage-post_hurt {
	width: 55px;
	height: 75px;
}



.video-section__recommend {
	padding-top: 40px;
	border-top: 1px solid #231F20;
}

.video-section__recommend li {
	opacity: 1;
	padding: 10px 0;
	margin: 0;

}











.lenta__history h2 {
	text-transform: uppercase;
	font-family: 'Forum';
	font-size: 20px;
}

.lenta__history-container {
	margin-top: 30px;
	padding: 5px;
	overflow: hidden;
}

.lenta__history-item {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 90px !important;
}

.lenta__history-img {
	border: 3px solid #FFF;
	border-radius: 500px;
}
.lenta__history-img .avatar { 
	border: 3px solid #0B0B0B;
}
.history-active {
	border: 3px solid #559fe0;
}

.lenta__history-item h5 {
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}















.active-tab {
	display: block;
}

.mobile__upper-menu, .mobile__down-menu_container {
	display: none;
}

@media (max-width: 840px) {


.user-item { flex-direction: column; }
.user_info-buttons { flex-direction: column; z-index: 9; position: relative; }
.user_info-buttons a { text-align: center; }
.user_info-buttons button { margin-bottom: 10px; }


	.lenta__history h2 {
		display: none;
	}


	.lenta__history-img {
		width: 70px;
		height: 70px;
	}

	.lenta__history-item h5 {
		font-size: 11px;
	}

.mobile__upper-menu {
    margin: 0 1rem;
}

	.mobile__upper-menu, .mobile__down-menu_container {
		display: block;
	}

	.lenta__history-item {
		width: 70px !important;
	}
.profile-video__img {

    min-height: 450px;
}

.profile-video__img video {
    height: auto;
}
}

















































/*POPUP*/


.popup__hide-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 50px 60px;
	z-index: 9999;
	position: fixed;
max-width: 600px;
    width: -webkit-fill-available;
    height: max-content;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;

	background: #1e1e1e;
	box-shadow: 0px 4px 52px rgba(75, 75, 75, 0.2);
	border-radius: 10px;

	transition: .3s ease;
	visibility: hidden;
	opacity: 0;
}

.popup-active {
	transition: .3s ease;
	visibility: visible;
	opacity: 1;
    box-shadow: 1px 1px 0px 100vh #07070794;
}

.hide-content__buttons {
	column-gap: 25px;
    padding-bottom: 50px;
    border-bottom: 1px solid #777777;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.popup__hide-content h1 { 
	margin: auto;
font-weight: 500;
    font-size: 15px;
	text-align: center;
}

.hide-content__buttons button {
	width: 166px;
	height: 48px;
	left: 498px;
	top: 355px;

	background: #4F4F4F;
	border-radius: 10px;

	font-weight: 500;
	font-size: 18px;
	line-height: 130%;

}

.hide-content__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hide-content__footer button {
	width: 255px;
	height: 45px;
	font-weight: 700;
	font-size: 16.7364px;
	line-height: 19px;
	text-align: center;

	border: 1.47674px solid rgba(255, 245, 245, 0.4);
	border-radius: 5.90698px;
}

.hide-content__footer h5 {
	margin-top: 20px;
	color: #7A7A7A;
}





























.mobile__down-menu_container {
	padding: 0 40px;
	z-index: 9998;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 15px;
}

.mobile__down-menu {
	padding: 0 25px;
	height: 80px;
	width: 370px;

	display: flex;
	justify-content: space-between;
	align-items: center;

	margin: auto;

	background: #262626;
	box-shadow: 0px 1px 23px -1px rgba(255, 255, 255, 0.3);
	/*backdrop-filter: blur(6.5px);*/

	border-radius: 25px;
}

.down-menu__icon img {
	height: 25px;
}

.down-menu__avatar {
	width: 43px;
	height: 43px;
	overflow: hidden;
	border-radius: 43px;
}

.down-menu__avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
    filter: grayscale(100%);
}
.down-menu__avatar:hover img {
    filter: grayscale(0%);
}
.down-menu__add {
	width: 45px;
	border-radius: 45px;
	height: 45px;
	background: #4F4F4F;
}







.upper-menu__swiper { 
    padding-top: 7px;
    overflow: hidden;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.upper-menu__swiper li { 
	position: relative;
	color: #777777;
	font-weight: 500;
	font-size: 18px;
	line-height: 183.52%;
}


.upper-menu__swiper a {
	width: auto;
}

 


.upper-menu__active {
	color: #559fe0!important;
}

.upper-menu__active .upper-menu__red-line {
	display: flex;
}















.mobile__main-menu {
	overflow: scroll;
	overflow-x: hidden;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: -340px;
	width: 340px;
	height: 100%;
	padding: 30px;
	background: #1e1e1e;

	transition: .3s ease;

}

.mobile__main-menu__active {
	transition: .3s ease;
	left: 0;

}



.mobile__main-menu__header {
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.main-menu__user-info {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile__main-menu__user {
	margin-top: 50px;
}

.mobile__main-menu__user h3 {
	font-weight: 600;
	font-size: 19px;
	line-height: 30px;
}


.mobile__main-menu__menu {
	margin-top: 30px;
}

.mobile__main-menu__menu li {
	padding: 10px 0;
	color: #D9D9D9;
	font-weight: 300;
	font-size: 21.6774px;
	line-height: 146.4%;
}

.mobile__main-menu__menu .mobile-menu__acitve {
	font-weight: 600;
	color: white;
}


.mobile__main-menu__logout {
	cursor: pointer;
	margin-top: 50px;
	padding-top: 10px;
	border-top: 1px solid #525252;
}

.mobile__main-menu__logout h6 {
	font-weight: 400;
	font-size: 18.9677px;
	line-height: 146.4%;

	color: #D9D9D9;
}

.mobile__main-menu__category {
	display: none;
	margin-top: 40px;
}

.mobile__main-menu__category .category__button{
	height: 60px;
}













.popup-close {
	height: 25px;
    width: 25px;
    position: absolute;
    top: 40px;
    right: 40px;
}

.popup-close img {
	width: 100%;
	height: 100%;
}


.public-post__guest {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	align-items: center;
	margin-top: 30px;
}

.public-post__guest button {
	margin: 0;
}

.category__button-close {
	margin-top: 20px;
}

.category__button-close h5 { 
	text-align: center;
	color: white;
	opacity: 0.7;
}





/*PROFILE*/

.mobile-display__profile {
	display: none;
}

@media (max-width: 840px) {
 

 

 

	.mobile-display__profile {
		display: block;
		margin: auto;
	}

	.main-content__info {
		margin-left: 0; 
	}

    .mobile__subscribe {
        display: grid !important;
        grid-gap: 10px;
        grid-template-columns: 1fr 70px;
    }

	.main-content__info-title {
		order: 2;
	}

	.view-profile {
		 
	}
.view-profile__main-content {  padding: 10px; flex-direction: column;width: -webkit-fill-available;}

.view-profile__main-content {
    position: relative;
}
	.main__avatar {
        margin-top: 40px;
	}

	.main__name h2 {
		font-size: 18px;
		text-align: center!important;
	}

 

	.cat__user h4 {
		font-size: 11px;
	}

	.main-content__info-numbers h3 {
		font-size: 16px;
	}

.main-content__platform {
    margin: 30px auto;
}
	.main-content__info-numbers h3 span {
		font-weight: 500;
		font-size: 12px;
	}

	.main-content__info-numbers {
		flex-direction: column;
		margin-top: 0;
		width: 160px;
	}

	.main-content__info-numbers div {
		justify-content: space-between;
	}

	.main-content__info-numbers div:first-child {
		order: 2;
		margin-top: 10px;
	}

	.main-content__info-title {
		justify-content: flex-end;
	}

	.mobile-display__header {
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
	}

 

	.main-content__description h4 {
		font-size: 14px;
		color: #EBEBEB;
	}

	.main-content__description {
		margin-top: 25px;
	}

	.mobile__subscribe {
		margin-top: 20px;
	}

	.subscribe-button {
		width: -webkit-fill-available;
		height: 40px;
		background: #108ffd;
		border-radius: 15px;
	}

	.save-button {
        padding: 16px;
        background: #3c3c3c;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
	}

	.main-content__platform div, .main-content__platform div img {
		width: 45px;
		height: 45px;
	}

.favs {
    width: 45px !important;
    height: 45px !important;
}
	.add__platform {
		min-width: 55px;
		min-height: 55px;
	}

	.main-content__platform div {
		opacity: 0.5; 
	}

	.profile-photo__footer {
		display: none;
	}

	.photo-container__content {
		width: 100%;
		padding: 0;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}

	.video-container__content {
		width: 100%;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}

	.profile-photo__img {
		height: 185px;
	}

	.profile-photo__item {
		border-radius: 15px;
	}

	.profile-photo__container .navigation {
		left: 15px;
		bottom: 15px;
	}

	.tabs-menu {
		margin-bottom: 30px;
	}

	.states-container {
		width: 100%;
	}

	.states-container .block {
		background: none;
	}

 

	.video-container__recommend-account h2 {
		text-align: center;
	}

	.tabs li h5 {
		display: none;
	}

	.tabs li svg {
		display: block;
	}

	.tabs li svg path {
		display: block;
		fill: #4F4F4F;
	}

	.tabs .tab-active svg path {
		fill: #559fe0;
	}

	#tab-active__line {
		width: 80px;
	}

	.line-photo {
		left: -25px;
	}

	.line-video {
		left: 65px;
	}

	.line-states {
		left: 150px;
	}

	.line-files {
		left: 240px;
	}

	.tabs {
		margin-top: 15px;
	}
    .view-profile__main-content {
	margin-top: 40px;
	}
	.user-content {
		border-top: 2px solid #525252 
	}
}




















@media (max-width: 840px) {
	
	.lenta__post  { 
		border-radius: 0;
	}
	
	.line-first {
		left: -25px;
	}
	
	.line-two {
		left: 140px;
	}
	
	.profile-content {
		margin-bottom: 30px;
	}
	
	.settings__profile {
		background: #1e1e1e;
		width: 400px;
		padding: 0;
		padding-bottom: 30px;
	}

	.ptofile-info {
		display: block;
	}

	.ptofile-info__avatar {
		display: flex;
		justify-content: center;
	}

	.ptofile-info__avatar h2 {
		display: none;
	}

	.settings__profile-grid {
		display: block;
	}

	.login__social {
		display: block;
	}

	.settings__profile-buttons {
		display: block;
	}

	.settings-acc__close {
		display: none;
	}

	.ptofile-info__info h2 {
		margin-top: 30px;
		text-align: center;
		color: white;
	}

	.active__settings-tab, .settings__profile-buttons {
		width: 340px;
		margin: auto;
	}

	.settings__profile input, .settings__profile textarea, .settings__profile .settings__login-social button {
		background: #262626;
	}

	.ptofile-info__info input {
		color: white;
		font-size: 22px;
		width: 380px;
		margin-left: -20px;
		text-align: center;
		background: #393939;
		height: 65px;
	}

	.add_social {
		display: none !important;
	}

	.settings__profile .settings__login-social button {
		width: 100%;
	}

	.settings__profile .settings__login-social button {
		margin-bottom: 25px;
	}

	.settings__profile .settings__login-social button:last-child {
		margin-bottom: 0;
	}

	.button-cansel {
		margin-top: 25px;
		margin-left: 0;
		width: 100%;
	}

	.ptofile-info__info h4 {
		text-align: center;
	}

	.ptofile-info__info h6 {
		text-align: center;
	}

 
 

	.settings__profile__view .upload-file__container {
		background: #262626;
	}

	.settings__profile h2 {
		font-size: 18px;
	}

	.settings__profile__title {
		position: relative;
		width: 340px;
		margin: auto;
	}

	#settings__profile__red-line {
		left: 0;
		width: 95px;
	}

	.red-line__view {
		left: 123px !important;
		width: 217px !important;
	}

	.ptofile-info__avatar-img {
		margin-top: 0;
	}

	.settings__profile__title {
		margin-bottom: 50px;
	}

	.settings__profile__tabs-menu {
		justify-content: space-between;
		border-top: 1px solid #8F8F8F;
	}

	.settings__profile__tabs-menu h2:first-child {
		margin-right: 0;
	}

	.settings__profile-wrapper {
		padding-top: 0;
	}



}









































.lenta__aside-menu__stick {
	position: -webkit-sticky;
	position: sticky;
	top: 35px;
	margin-bottom: 50px;
}



/*
.lenta__aside-menu {
position: sticky;
top: 40px;
height: 1200px;
}*/

.lenta__footer-content {
	display: none;
}

.lenta__footer-content__active .lenta__footer-content {
	display: block;
}

.lenta__footer ul {
	margin-top: 30px;
	padding-bottom: 0;
}

.lenta__footer li {
	cursor: pointer;
	font-size: 18px;
	padding: 12px 0;
	color: #B9B9B9;
	opacity: 0.5;
	transition: .2s ease;
}

.footer__blocks li {
	transition: .2s ease;
}

.lenta__footer li:hover, .footer__blocks li:hover {
	opacity: 1;
	color: #C5D0E6;
	transition: .2s ease;
}

.lenta__footer h4 {
	margin-top: 40px;
	font-size: 18px;
	color: #636363;
	transition: .2s ease;
}

.footer__info-container:hover h4 {
	color: #C5D0E6;
	transition: .2s ease;
}


.footer__info-container svg path {
	transition: .2s ease;
}

.footer__info-container:hover svg path {
	fill: #C5D0E6;
	transition: .2s ease;
}

.footer__info-container {
	display: flex;
}

.footer__info-container h4 {
	cursor: pointer;
	margin-top: 0;
}

.footer__info, .footer__info-container {
	cursor: pointer;
}

.footer__info-container button {
	font-weight: 800;
	color: #0B0B0B;
	font-size: 40px;
	margin-top: 0;
	margin-right: 20px;
	height: 90px;
	width: 60px;
	background: #231F20;
}

.footer__info {
	display: flex;
	align-items: center;
}

.footer__info svg {
	width: 15px;
	margin-right: 10px;
	transition: .3s ease;
}

.lenta__footer-content__active svg {
	transform: rotate(180deg);
}













@media (max-width: 840px) {
	.account input {
		width: 100%;
	}

	.login__social button {
		width: 100%;
	}

	.login__social button:last-child {
		margin-top: 25px;
	}

	.popular-video {
		padding: 0;
	}

.lenta-video__container {
        display: block;
	}

	.guest-post__content-containter {
		display: block;
		width: 370px;
		margin: auto;
	}

	.account-popular {
		display: none;
	}

	.guest-post__title {
		display: block;
	}

	.profile-video__item {
		width: -webkit-fill-available;
		margin: auto; 
margin-bottom:2rem;
	}

	.recommend-accout__body h5 {
		display: none;
	}

	.recommend-accout__body h4 {
		font-size: calc(15px + (18 - 15) * ((100vw - 280px) / (840 - 280)))
	}
}






























.wpulike {
	padding: 0 !important;
}

.wpulike .wp_ulike_general_class {
	display: flex;
	flex-direction: column;
}

.wpulike-robeen button.wp_ulike_btn {
	width: 25px !important;
	height: 25px !important;
}

.wpulike {
	line-height: 0 !important;
}



.profile-photo__icon span {
	margin-top: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 120%;
}

.wpulike-notification {
	display: none !important;
}

.wpulike-robeen .count-box {
	padding: 0 !important;
}



















.um-field-label {
	margin-bottom: 20px;
}

.um-field-label label {
	font-family: "Forum";
	color: #777777;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 120%;
}

.um-row {
	margin: 0 !important;
}

._um_row_2, ._um_row_4 {
	margin-top: 40px !important;
}

._um_row_3 {
	margin-top: 60px !important;
}

.um-col-1, ._um_row_2 {
	display: grid;
	grid-template-columns: repeat(2, 350px);
	grid-gap: 20px;
}


._um_row_2 .um-col-1:last-child .um-field .um-field-area {
	flex-direction: column;
	height: 220px;
	width: 350px;
	background-color: #262626;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

._um_row_2 .um-col-1:last-child .um-field .um-field-area a {
	background: #4F4F4F;
	border-radius: 10px;
	width: 150px;
	height: 35px;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;

}


._um_row_2 .um-col-1 {
	grid-template-columns: repeat(1, 350px);
}

._um_row_4 .um-col-1 {
	display: block;
}

.um-field {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}



.um-col-alt {
	margin-top: 80px;
}

.um-col-alt .um-center input {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 20px;
	padding: 0 35px;
	border-radius: 10px;
	height: 60px;
	background: #108ffd;
	color: white;
	font-family: "Forum";
}






.um .um-single-image-preview > img {
	max-height: 115px !important;
}




.video-container_page {
	width: 1040px;
	grid-gap: 20px;
}

.video-container_page .profile-video__item {
	border-radius: 22px;
}

.video-container_page .mainpage__post-body {
	justify-content: flex-end;
}

.states-page {
	display: block;
}


.profile-content  {
	width: 100%;
}

.states-page-content {
	width: 100%;
	display: flex;
	justify-content: center;
}



.main__name h2 {
	text-align: center;
}




















.modal-history {
	left: 0;
	z-index: 9999;
	position: fixed;
	top: 0;
	background: #0D0D0DE0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-history__content {
	width: 100%;
}


.modal-history__content .swiper-wrapper {
	align-items: center;
}

.modal-history__content .swiper-slide {
	overflow: hidden;
	border-radius: 25px;
	width: 430px;
	height: 760px;
	background: black;
	transition: .3s ease;
	transform: scale(0.7) !important; 
	margin: 0 -45px;
	position: relative;

	flex-direction: column;
	justify-content: space-between;
	display: flex;
}

.history-item__head, .history-item__foot

.history-item__head, .history-item__foot {
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}


.swiper-slide-active .history-item__head, .swiper-slide-active .history-item__foot {
	opacity: 1;
	visibility: visible;
	transition: .3s ease;
}


.modal-history__content .swiper-slide-active {
	transform: scale(1) !important;
	transition: .3s ease;
	margin: 0 50px;
}

.modal-history__content .swiper-wrapper {
	margin-left: -85px;
}
 

.history-item__avatar {
	align-items: center;
	column-gap: 12px;
	display: flex;
}

.history-item__avatar a {
	align-items: center;
	column-gap: 12px;
	display: flex;
}

.history-item__avatar a h4 {
	cursor: pointer;
}

.history-item__avatar img {
	height: 37px;
	width: 37px;
	border-radius: 40px;
	overflow: hidden;
}

.history-item__avatar-info {
	display: flex;
	justify-content: space-between;
}

.history-item__progress {
	margin-bottom: 15px;
	column-gap: 3px;
	display: flex;
	width: 100%;
}

.modal-history .lenta-chat__keyboard {
	border: 0.226144px solid #FFF;
}

.history-item__progress-tiem {
	background: #A7A7A7;
	height: 4px;
	width: 100%;
	border-radius: 2px;
}


.modal-history__close {
	z-index: 500;
	position: absolute;
	right: 85px;
	top: 25px;
	cursor: pointer;
}


.history-item__head, .history-item__foot {
	padding: 0 30px;
	position: absolute;
	width: 100%;
}

.history-item__foot {
	bottom: 40px;
}

.history-item__head {
	top: 20px;
}



.modal-history__content .swiper-slide video, .modal-history__content .swiper-slide .stories-img {
	position: absolute;	
	width: 100%;
	height: 100%;
}

.modal-history__content .swiper-slide .stories-img {
	object-fit: cover;
}

.history-item__content {
	position: relative;
	width: 100%;
	height: 100%;
}

.hide {
	display: none;
}

.icon__search {
	transition: .3s ease;
	width: 60px;
	display: flex;
	cursor: pointer;
}

.icon__search svg {
	margin: 0;
}

.icon__search-active {
	align-items: center;
	display: flex;
	width: 469px;
	height: 51px;
	border-radius: 23px;
	background: #262626;
	transition: .3s ease;
	padding: 10px;
	padding-left: 20px;
	position: relative;
}

.icon__search input {
	opacity: 0;
	background: none;
	height: 100%;
	width: 0;
	visibility: hidden;
	padding: 0;
}

.icon__search-active input { 
	opacity: 1;
	width: 400px;
	visibility: visible;
	padding: 0 25px;
}


.icons .user-notifications, .icons .profile_link  {	
	display: flex;
	align-items: center;
}

.unhide_img {
	display: block;
}

.hide_img {
	display: none;
}

.icons .icon svg path  {
	transition: .3s ease;
}

.icons .icon:hover svg path  {
	fill: #108ffd;
	transition: .3s ease;
}


.aside-menu__item-active .unhide_img {
	display: none;
}

.aside-menu__item-active .hide_img {
	display: block;
}

.ajax-search {
	padding: 20px;
	top: 120%;
	background: #262626;
	border-radius: 23px;
	position: absolute;
	width: 100%;
	left: 0px;
}


.ajax-search a {
	padding: 10px 0;
	display: flex;
	color: #777777;
	transition: 0.2s ease;
}

.ajax-search a:hover {
	color: #559fe0;
	transition: 0.2s ease;
}

.ajax-search img {
	width: 22px;
}

.ajax-search h3 {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 13px;
	color: inherit;
	margin-left: 25px;
}












@media (max-width: 1400px) {
	.lenta__content .lenta__content-div:last-child {
		display: none;
	}
 

	.content-lenta {
		grid-template-columns: 240px auto;
	}

	.share-post__input {
		margin: 0 30px;
		width: 100%;
	}

 

	.menu__item {
		font-size: calc(16px + (24 - 16) * ((100vw - 840px) / (1400 - 840)));
	}

	.menu {
		width: calc(420px + (600 - 450) * ((100vw - 840px) / (1400 - 840)))
	}

	.lenta__content {
		display: flex;
		justify-content: center;
	}

	.lenta__content-containter, .lenta__content-div {
		width: 100%;
	}	
}



@media (max-width: 1100px) {
	.content-lenta {
		display: flex;
	}


	.lenta__aside-menu {
		display: none;
	}

}


@media (max-width: 840px) {
	
	.mainpage__post-user__img {
		width: 50px;
		height: 50px;
	}
	
	.mainpage__post-user h2 {
		font-size: 18px;
		line-height: 20px;
	}
	
	.mainpage__post-user h4 {
		font-size: 15px;
		line-height: 17px;
	}
	
	.mainpage__post-content {
		padding: 20px !important;
	}
	
	
	.lenta__posts {
		width: 100%;
	}

	.mobile__down-menu {
		width: 100%;
	}

	.lenta__post .post__content {
		margin: 0 -40px;
		min-height: 0;
	}

	.lenta__footer  {
		position: static;
	}
}




.popup__ {
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
	z-index: 100;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	background: #1e1e1e;
	box-shadow: 0px 4px 52px rgba(75, 75, 75, 0.2);
	border-radius: 10px;
	width: 520px;
	height: 290px;
	padding: 50px;
}


.popup__ h2 {
	font-weight: 600;
	font-size: 24px;
	color: white;
	text-align: center;
}

.popup__report-button {
	width: 320px;
	height: 50px;
	background: #4F4F4F;
	border-radius: 10px;
	font-weight: 500;
	font-size: 18px;
	color: white;
}

.popup__report-bacground {
	z-index: 99;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
}

.popup_ative_ {
	transition: .2s ease;
	opacity: 1;
	visibility: visible;
}

.popup_ative_back {
	transition: .2s ease;
	opacity: 0.5;
	visibility: visible;
}

.mobile__upper-menu ul a {
	    cursor: ne-resize;
}
.mobile__upper-menu ul a li:hover {
    color: #559fe0 !important;
}

.mobile_filter {
	position: relative;
}
.mobile_filter__list {
	z-index: 50;
	position: absolute;
	top: 120%;
	right: 0;
	padding: 22px;
	background: #262626;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
}

.mobile_filter__list-active {
	opacity: 1;
	visibility: visible;
	transition: .2s ease;
}

.aside-menu__item img {
	width: 24px;
}

.menu__opem {
	display: none;
	cursor: pointer;
}

.mobile_filter__list ul {
	margin-top: 30px;
}

.mobile_filter__list h2 {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	color: white;
}







.user-item {	
	margin-bottom: 50px;
display: grid !important;
    grid-gap: 25px;
    grid-template-columns: 250px 1fr;
}

.user-item__avatar { 
	position: relative;
}

.privat_avtor {
    padding: 7px 10px;
    background: #4eb1f8;
    border-radius: 9.08587px;
    transition: .3s ease;
    color: #000;
line-height: normal;
}

.privat_avtor:hover {
	background: #a1d7fe;
	transition: .3s ease;
}

.user-item__avatar-info {	
top: 88%;
    position: relative;
font-size: 15px;
    font-weight: 300; 
    border-radius: 10px;
    padding: 0 15px;
    font-family: "Pacifico", cursive;
    background: #00000045;
    text-shadow: 0 0 8px black;
    width: -webkit-fill-available;
}




.user_info-name a {	
	display: flex;
}
.user_info-name h4 {	

	font-family: 'Forum';
	font-style: normal;
	font-weight: 400;
	font-size: 29.0748px;
}
.user_info-name svg {
	height: 30px;
	margin-left: 10px;
	width: 20px;
}

.user_info-buttons {	
	display: flex;
	margin: 20px 0;
	column-gap: 10px;
}

.user_info-buttons button, .user_info-buttons .share-post__button {
	    padding: 7px 10px;
	background: #4F4F4F;
	border-radius: 9.08587px;
	transition: .3s ease;
}

.user_info-buttons button:hover {
	background: #559fe0;
	transition: .3s ease;
}

.user_info-buttons button img {
	width: 17px;
	margin-right: 7px;
}

.user_info-desc h3 {	
	font-weight: 400;
	font-size: 16.3546px;
}

.ures_acounts {
	padding-bottom: 100px;
}

.ures_acounts .main-content__platform {
	opacity: 0.5;
}



.favorit__posts {
	margin-top: 45px;
	grid-gap: 15px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas: "main1 main2 main3"
		"main1 main4 main5";
}

.favorit__posts-right {
	grid-template-areas: "main1 main2 main3"
		"main4 main5 main3";
}

.favorit_post-item {
	display: flex;
	overflow: hidden;
	border-radius: 7px;
	justify-content: center;
}

.favorit_post-item:first-child {
	grid-area: main1;
}

.favorit_post-item:first-child video {
	height: 100%;
}

.favorit__posts-right .favorit_post-item-right:nth-child(3) {
	grid-area: main3;
	height: auto;
}

.favorit_post-item-right {
	height: 225px;
}

.favorit_post-item:nth-child(3) video {
	height: 100%;
}

.favorit_post-item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}









@media (max-width: 840px) {

 .user-item__nick {
    width: -webkit-fill-available;
    justify-content: center;
}

.user_info {
    margin-top: -112px;
    z-index: 999;
}
 

.user-item { 
    grid-template-columns: 1fr;
	}

	.container, .mobile__down-menu_container {
		padding: 0 15px;
	}


	.icon__search-active {
		padding: 0 15px !important;
		width: calc(200px + (300 - 200) * ((100vw - 280px) / (840 - 280))) !important;
		height: calc(35px + (40 - 35) * ((100vw - 280px) / (840 - 280)));
	}

	.icon__search-active input {
		width: calc(120px + (400 - 120) * ((100vw - 280px) / (840 - 280)));
	}

	.menu__opem {
		display: flex;
	}

	.modal-history__content .swiper-slide {
		margin: 0;
	}

	.modal-history__close {
		right: 25px;
	}
}


html #wpadminbar {
	display: none !important; 
}


.select-account__text a {
	color: #559fe0;
	margin-left: 10px;
}





.input_social-item {	
	display: flex;
	margin-top: 20px;
	column-gap: 30px;
}

.popup__add {
	width: 600px;
	height: 80%;
	overflow: scroll;
	overflow-x: hidden;
	justify-content: start;
}

.popup__add h2 {
	margin-bottom: 30px;
}

.button__change-social {
	width: 100% !important;
	margin-top: 50px;
}




.post__button-option {

}

.public-post {
	overflow: scroll;
	overflow-x: hidden;
	width: 800px;
	height: 90%;
	top: 0;
	bottom: 0;
	margin: auto;
}

.public-post h3 {
	margin-top: 55px;
	text-align: left;
	width: 100%;
}



.public-post h2 {
	margin-bottom: 0;
}


.public-post input, .public-post textarea {
	margin-top: 10px;
	width: 100%;
}



.public-post .upload-file__container {
	width: 100%;
}

.button__register-login {
	margin-top: 20px;
}




.button-mail_ {
	position: relative;
}

.button-mail_ a {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
}



.chat-footer {
	display: none !important;
}


.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content:empty::before, .bp-messages-wrap .chat-header.side-header .bpbm-search form input::placeholder, .bm_user_selector__placeholder { 
	color: rgba(255,255,255,0.5) !important; 
}

.bp-messages-wrap {
	border-bottom: none !important; 
}


















/* width */
::-webkit-scrollbar {
	width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #262626;
}

/* Handle */
::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background: #108ffd;
}




.error404 h1 {
	margin-top: 50px;
	text-align: center;
	width: 100%;
	font-size: 50px;
	font-weight: 600;
}

.error404 h1 span {
	color: #559fe0;
}


.subscribe__list-item {
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}


.subscribe__list {
	width: 100%;
}

.popup__subscribe {
	width: 600px;
	justify-content: flex-start;
	height: 800px;
	overflow: auto;
	overflow-x: hidden;
}

.subscribe__list-user h3 {
	margin-top: 10px;
}

@media (max-width: 840px) {

.content {
    padding-bottom: 4rem;
}

	.menu--container-active{
		width: 0 !important;
		opacity: 0;
		visibility: hidden;
		transition: .3s ease;
	}


	.popup__subscribe {
		width: calc(250px + (600 - 250) * ((100vw - 280px) / (840 - 280)));
		padding: calc(20px + (50 - 20) * ((100vw - 280px) / (840 - 280)));
		height: 80%;
	}

	.popup__add {
		width: calc(250px + (600 - 250) * ((100vw - 280px) / (840 - 280)));
		padding: calc(20px + (50 - 20) * ((100vw - 280px) / (840 - 280)));
	}	

	.popup__ h2 {
		font-size: calc(19px + (24 - 19) * ((100vw - 280px) / (840 - 280)));
	}
	.input_social-item {
		align-items: center;
	}

	.logo h2 {
		font-size: calc(18px + (24 - 18) * ((100vw - 280px) / (840 - 280)));
	}

	.subscribe__list-user h3 {
		font-size: calc(17px + (20 - 17) * ((100vw - 280px) / (840 - 280)));
	}

	.input_social-item input {
		width: 100%;
	}

	.input_social-item img {
		width: 50px;
	}

	.input_social {
		width: 100%;
	}


	/* width */
	::-webkit-scrollbar {
		width: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background: #262626;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		border-radius: 7px;
		background: #108ffd;
	}

}



















.avatar-96 {
	object-fit: contain !important;
}





.popular__grid-item {
	border-radius: 20px;
	overflow: hidden;
	width: 321px;
	margin-bottom: 12px;
}

.photo-grid__popular__ .img {
	width: 100%;
	object-fit: contain;
}




















.pld-like-wrap span {
	margin: 0 !important;
}

.pld-like-wrap i {
	display: none !important;
}



.pld-common-wrap {
	flex-direction: column;
	align-items: center;
	display: flex !important;
	margin: 0 !important;
	min-width: 0 !important;
}


.pld-like-dislike-wrap {
	margin: 0 !important;
}














.simplefavorite-button svg {
	height: 30px;
}

.simplefavorite-button svg path {
	height: 30px;
	transition: .2s ease;
}

.simplefavorite-button:hover svg path {
	stroke: #559fe0;
	transition: .2s ease;
}

.simplefavorite-button.active svg path {
	stroke: #559fe0;
}



.simplefavorite-button.active {
	opacity: 1 !important;
}













.single_post {
	padding: 0 60px 50px;
}

.single_post_contianer {
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	border: 2px solid #262626;
}

.single_post_contianer__ {
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}

.single_post_contianer-ative {
	opacity: 1;
	visibility: visible;
	transition: .3s ease;
}

.single_post .lenta__post {
	width: 100%;
	margin: 0;
	border-radius: 0;
}

.popular__grid-item video {
	width: 321px;
}

.single_post .post__footer {
	padding-top: 0;
}

.single_post .post__footer-tags {
	border: none;
	padding: 0;
	border-bottom: 1px solid #4F4F4F;
	padding-bottom: 33px;
}

.single_post .post__footer-title {
	margin-top: 40px;
}

.single_post-img {
	min-width: 670px;
}


.single_post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single_post-img {

}
























.profile-mini {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	margin-bottom: 40px;
}

.profile-mini h4 {
	font-size: 16px;
	text-align: center;
	color: #CFCFCF;
	transition: .3s ease;
	cursor: pointer;
}

.profile-mini__container:hover h4 {
	color: #108ffd;
	transition: .3s ease;
}
 

.profile-mini__nick, .profile-mini__icons {
	display: flex;
	align-items: center;
}

.profile-mini__icons {
	column-gap: 8px;
}



.profile-mini__container {
	display: flex;
	cursor: pointer;
}

















.icon_video {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mainpage-post_hurt .pld-like-wrap span {
	color: white;
}



.mainpage__post-wounded svg path {
	stroke: white;
}


















.mainpage__lenta__container {
	height: calc(370px + (530 - 370) * ((100vw - 840px) / (1400 - 840)))
}

.mainpage__lenta__content {
	height: 100%;
	overflow: hidden;
}

.popup__login {
	height: 400px;
}

.popup__login button {
	margin-top: 40px;
}



.loadmore {
	cursor: pointer;
	margin-top: 0;
	margin-bottom: 50px;
}



.h2-line {
    display: flex;
    align-items: center;
    padding-bottom: 2rem;
    color: #ffffff6b;
}





.lenta__history .swiper-wrapper {
	height: auto !important;
}



























@media (max-width: 1400px) { 
	.mainpage {
		grid-template-columns: calc(280px + (600 - 280) * ((100vw - 840px) / (1400 - 840))) auto;
	}

	.mainpage__lenta {
		padding: calc(30px + (60 - 20) * ((100vw - 840px) / (1400 - 840)));
	}

	.mainpage__post-content {
		padding: calc(20px + (40 - 20) * ((100vw - 840px) / (1400 - 840)));
	}

	.mainpage__lenta__container {
		height: calc(370px + (530 - 370) * ((100vw - 840px) / (1400 - 840)))
	}
}


@media (max-width: 1024px) { 
	.mainpage__register, .mainpage__login {
		width: 100%;
	}
}

@media (max-width: 840px) { 

.h2-line {
    padding-bottom: 0rem;
    color: #ffffff6b;
    flex-direction: column;align-items: flex-start;
}

input {
    width: 300px;
}
.mobile__upper-menu ul a { 
    padding-right: 20px;
}

.swiper-wrapper .avatar_square .avatar img {
   height: 160px;
}
 

 
	.mainpage {
		display: flex;
		flex-direction: column;
		row-gap: 40px;
	}

	.mainpage__lenta__container {
		height: calc(370px + (530 - 370) * ((100vw - 280px) / (840 - 280)));
	}

	.mobile__down-menu {
		height: calc(60px + (80 - 60) * ((100vw - 280px) / (840 - 280)));
	}

	.popup__, .popup {
		width: 90%;
	}

	.profile_link {
		display: none;
	}

	.lenta-video__container {
		margin-top: 30px;
	}

.popup__hide-content { padding: 2rem; } 
.popup-close { height: 20px; width: 20px; top: 15px; right: 15px; }


}


















.comment-reply-title, .logged-in-as, .comment-form-comment label {
	display: none;
}


.form-submit input {
	width: 100%;
	margin-top: 10px;
	cursor: pointer;
}
.comment-form {
	padding: 15px 0;
}

.comments_list {
	margin-top: 20px;
}

.comment-author cite {
	color: white;
}

.comment-author .says {
	display: none;
}

.comments_list li {
	border-radius: 10px;
	background: #262626;
	margin: 10px 0; 
	padding: 20px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}


.comments_list li .children {
	padding-left: 30px;
}

.comment-author cite {
	font-weight: 600;
	font-style: normal;
	margin-left: 10px;
	display: flex;
	align-items: center;
}

.comment-author cite a {
	color: white;
}

.comment-body p {
	color: white;
	margin: 10px 0;
}

.comment-author {
	margin-bottom: 5px;
}

.comment-meta a, .reply a {
	font-size: 14px; 
	color: #B9B9B9;
}

.simplefavorite-button {
	display: flex;
	align-items: center;
	justify-content: c;
}

.comment-edit-link {
	display: none;
}

.ya-share2__list {
	display: flex !important;
	column-gap: 12px;
}

.popup__share {
	height: 220px;
}

.bp-icon-wrap {
	display: flex;
	align-items: center;
}






.profile-mini__icons .icon_ {
	cursor: pointer;
}

.profile-mini__icons svg {
	height: 20px;
}

.profile-mini__icons svg path  {
	transition: .3s ease;
}

.profile-mini__icons .icon_:hover svg path  {
	fill: #108ffd;
	transition: .3s ease;
}





#update {
	margin-top: 30px;
}

#update .error p {
	color: white;
}

#update .error p strong {
	color: #108ffd;
}






















.input-select__container {
	position: relative;
}

.input-select {
	cursor: pointer;
	color: #7C7272;
	width: 350px;
	height: 60px;
	background-color: #262626;
	border-radius: 10px;
	padding: 0 25px;
	display: flex;
	align-items: center;
	transition: .3s ease;
}



.input-select img {
	margin-left: 10px;
	transition: .3s ease;
	opacity: 0.5;
}


.input-select p {
	cursor: pointer;
}

.input-select__toggle {
	padding: 0 0 20px 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #262626;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}






.input-select__toggle li {
	padding: 10px 25px;
	color: white;
	cursor: pointer;
}



.input-select__active .input-select {
	border-radius: 10px 10px 0 0;
	transition: .3s ease;
}

.input-select__active img {
	transform: rotate(-90deg);
	transition: .3s ease;
}

.input-select__active .input-select__toggle {
	border-radius: 0 0 10px 10px;
	opacity: 1;
	visibility: visible;
	transition: .3s ease;

}









.input_grid {
	width: 720px;
	display: grid;
	grid-column-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.settings__profile-title {
	margin-bottom: 20px;
}



























.custom-checkbox>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox>span {
	display: inline-flex;
	align-items: center;
	user-select: none;
	color: white;
}


.custom-checkbox {
	margin-top: 40px;
	width: 100%;
	cursor: pointer;
}

.custom-checkbox span {
	margin-bottom: 15px;
}


.custom-checkbox>span::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #e6e9f0;
	border-radius: 50%;
	margin-right: 0.5em;
	background: #fff;
}

.custom-checkbox>input:checked+span::before {
	border: 4px solid #fff;
	background-color: #108ffd;
}

















.lenta__aside-menu .recommend__users li {
	opacity: 1;
	padding: 0;
}

.lenta__aside-menu .recommend-aside {
	border-radius: 0;
	padding: 0;
	background: none;
}

.lenta__aside-menu .recommend-aside h2 {
	font-size: 24px;
}


ul.recommend__users img {
    height: 40px;
    width: 40px;
    object-fit: cover !important;
}

































.drop-area-img img {
	border-radius: 15px;
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.drop-area {
	width: 100%;
	height: 100%;
	border: 2px dashed #777777;
	border-radius: 10px;
}

.drop-area-img {
	padding: 10px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}

.loader-icon {
	display: none;
}

.drop-area-img__fon {
	padding: 10px;
}

.drop-area-img__fon img {
	border-radius: 15px;
	width: 100%;
}






.ptofile-contacts .input-select__toggle {
	background-color: #393939;
}

.ptofile-contacts .input-select__toggle li {
	color: #7C7272;
}

.ptofile-contacts .input-select {
	background-color: #393939;
	margin-bottom: 40px;
	margin-top: 20px;
	width: 100%;
	color: white;
}














.single_contianer__litebox {
	height: 80%;
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	left: 0;
	width: 80%;
	z-index: 100;
}

.single_contianer__litebox .single_post_contianer {
	height: 100%;
}

.single_contianer__litebox .single_post-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-width: auto;
	background: #1e1e1e;
}

.single_contianer__litebox .single_post {
	padding: 0;
	height: 100%;
}



.single_contianer__litebox .single_post .lenta__post {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



.litebox {
	cursor: pointer;
}













.litebox__arrow {
	padding: 10px;
	display: flex;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 0;
	bottom: 0;
	z-index: 100;
	margin: auto;
	cursor: pointer;
	border-radius: 10px;
	background: #1e1e1e;
}

#litebox__arrow-left {
	left: 15px;
	transform: rotate(90deg);
}

#litebox__arrow-right {
	right: 15px;
	transform: rotate(-90deg);
}



.history-post__popup .upload-file__container {
	margin-top: 50px;
}



 

.likeplus {font-size:1pt;background:url('/svg/mainpage-post_hurt.svg') top;width:28px;height:24px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}
.likeplus_hover {font-size:1pt;background:url(' /svg/mainpage-post_hurt_red.svg') bottom;width:28px;height:24px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}
.like2 {color:#000;}
.likex {font-size: 12pt; font-weight: 800; color: #ffffff;}


a.profile_link img {
    width: 30px;
    filter: grayscale(100%);
    opacity: .5;
}

a.profile_link:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

.recommend-accout__body:hover h4 { 
    background: #313131;
    transition: .3s ease;
}
 

img.verif {position: absolute;
    right: 8px;
    width: 40px;
    opacity: .6;
}

.profile-video__item:hover img.verif {
    opacity: 1;
}

.profile-video__img img {
    width: -webkit-fill-available;
    object-fit: cover;
}


.promo-container {
 padding: 0;
 margin: 0 auto;
 width: 100%;
    margin-bottom: 2.5rem;
}
 
.promo-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
 box-sizing: content-box;
}
 
.promo-banner {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 padding: 10px;
}
  
 
.promo-content {
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #f5f5f6;
 border-radius: 12px;
 padding: 10px;
 position: relative;
 margin: 0 auto;
 gap: 30px;
 max-width: 1000px;
}
 
#countdown-timer {
 display: flex;
 justify-content: center;
}
 
.time-digits {
 display: flex;
 gap: 5px;
}
 
.time-digit {
 font-size: 24px;
 font-weight: bold;
 background-color: #507fff;
 color: white;
 padding: 5px 10px;
 border-radius: 5px;
 width: 30px;
 display: flex;
 justify-content: center;
 align-items: center;
}
 
.time-unit {
 display: flex;
 flex-direction: column;
 align-items: center;
 margin: 0 5px;
}
 
.time-unit span {
 font-size: 16px;
 font-weight: bold;
 background-color: #3367f4;
 color: white;
 padding: 5px 10px;
 border-radius: 5px;
}
 
.time-unit div {
 font-size: 12px;
 margin-top: 5px;
 font-weight: bold;
 }
 
 .close-btn {
 position: absolute;
 top: -4px; 
 right: -4px;
 cursor: pointer;
 z-index: 1000;
}
 
.close-btn svg {
 width: 24px;
 height: 24px;
 border-radius: 50%;
 background-color: #eaeaec;
 padding: 4px;
}
 
.close-btn svg:hover {
 background-color: #444;
}

 .promo-content .button-link {
padding: 10px 14px;
    border: 0;    font-weight: 555;
    border-radius: 8px;
    cursor: pointer;
    transition: .2s ease;
background-color: #507fff;
    color: #ffffff;
}
 
@media (max-width: 768px) {
  
  .lenta__grid .profile-video__img { min-height: 200px; } 
  .lenta__grid {display: grid; grid-template-columns: 1fr 1fr; padding: 0; gap: 15px;}
  
  
.promo-container { 
    margin-bottom: .5rem;
}
.promo-content .button-link { 
    margin: 3px 0; 
    display: block;
}
 .promo-content {
 flex-direction: column;
 gap: 10px;
 }
.promo-content { background-color: #f5f5f62b; color: #fff; } .close-btn svg {  background-color: #676767; }
 .time-digit {
 font-size: 18px;
 width: 30px;
 padding: 3px 6px;
 }
 h2 {
 font-size: 24px;
 }
}



.recommend-account__item h4 .avatar img { height: 50px; width: 50px; }
 

div#unverifiedEmail {
    display: none !important;
}

.v1 {
  background: rgba(255, 0, 255, 0.1);
    border: 1px solid #ff00ff;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
    transition: transform 0.3s ease;
}

:root{--ft-bg:#1e1e1e;--ft-card:#262626;--ft-line:#343434;--ft-txt:#f2f2f2;--ft-sub:#cfcfcf;--ft-mut:#8a8a8a;--ft-blue:#108ffd;--ft-blue2:#559fe0;--ft-hot:#fd106c}
 
.ft-layout{overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;width:100%;max-width:1000px;margin:0 auto;padding:0 12px 60px;color:var(--ft-txt);font-family:'Montserrat',sans-serif;line-height:1.4}
.ft-layout *{box-sizing:border-box}
.ft-layout a{text-decoration:none!important}
.ft-wrap{min-width:0;max-width:680px;margin:0 auto}
.ft-layout>.ft-wrap{max-width:none;margin:0}
 
/* вкладки */
.ft-tabs{display:flex;position:sticky;top:0;z-index:20;background:rgba(30,30,30,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ft-line);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ft-tabs::-webkit-scrollbar{display:none}
.ft-tabs a{flex:1 0 auto;padding:15px 20px;text-align:center;color:var(--ft-mut)!important;font-weight:600;font-size:15px;line-height:1.2;position:relative;white-space:nowrap}
.ft-tabs a.on{color:var(--ft-txt)!important}
.ft-tabs a.on:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px;background:var(--ft-blue)}
.ft-tabs.back a{flex:none;text-align:left;padding:15px 14px}
.ft-tabs.back a:after{display:none}
 
/* карточка */
.ft-post{display:flex;gap:14px;padding:16px 14px;border-bottom:1px solid var(--ft-line)}
.ft-ava{flex:0 0 46px;width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--ft-card)}
.ft-body{flex:1;min-width:0}
.ft-head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:14px;line-height:1.3;color:var(--ft-mut)}
.ft-name{color:var(--ft-txt)!important;font-weight:700;font-size:15px}
.ft-by{margin-left:auto;font-size:12px;color:var(--ft-mut)!important}
.ft-badge{align-self:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--ft-hot);color:#fff;line-height:1.4}
.ft-title{display:block;margin:8px 0 6px;font-size:clamp(16px,2.3vw,18px);font-weight:700;line-height:1.3;color:var(--ft-txt)!important}
.ft-text{font-size:15px;line-height:1.55;color:var(--ft-sub)!important;overflow-wrap:anywhere;max-height:8.5em;overflow:hidden}
.ft-text *{color:inherit!important;max-width:100%}
.ft-text.open{max-height:none}
.ft-text.long{-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.ft-more{background:none;border:0;color:var(--ft-blue2);cursor:pointer;padding:6px 0;font:inherit;font-size:14px}
 
/* фото (работает без JS; раскладка по количеству) */
.ft-media{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid var(--ft-line)}
.ft-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:16/10}
.ft-grid .ph{position:relative;display:block;overflow:hidden;cursor:zoom-in;min-height:0;background:var(--ft-card)}
.ft-grid .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ft-grid .ph:nth-child(n+5){display:none}
.ft-grid .ph:first-child:nth-last-child(1){grid-column:1/-1;grid-row:1/-1}
.ft-grid .ph:first-child:nth-last-child(2),.ft-grid .ph:nth-child(2):nth-last-child(1){grid-row:1/-1}
.ft-grid .ph:first-child:nth-last-child(3){grid-row:1/-1}
.ft-grid .ph[data-more]:after{content:"+" attr(data-more);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);color:#fff;font-size:clamp(22px,5vw,28px);font-weight:700}
.ft-video{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid var(--ft-line);background:#000}
.ft-video video{display:block;width:100%;max-height:70vh}
 
/* 18+ */
.ft-gate{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center}
.ft-gate b{font-size:17px;color:#fff}
.ft-gate span{color:var(--ft-sub);font-size:13px;line-height:1.3}
.ft-gate form{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.ft-gate input{width:140px;min-width:0;height:44px;min-height:44px;padding:0 14px;border-radius:99px;border:1px solid var(--ft-line);background:#2b2b2b;color:#fff;text-align:center;letter-spacing:3px;font-size:16px;outline:0}
.ft-gate input:focus{border-color:var(--ft-blue)}
.ft-gate button{height:44px;padding:0 22px;border:0;border-radius:99px;background:var(--ft-blue);color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.ft-gate.err input{border-color:var(--ft-hot);animation:ftshake .3s}
@keyframes ftshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
 
/* действия */
.ft-actions{display:flex;justify-content:space-between;gap:4px;max-width:440px;margin-top:10px;font-size:13px;line-height:1;color:var(--ft-mut)}
.ft-actions a,.ft-actions button{display:inline-flex;align-items:center;gap:7px;min-height:40px;background:none;border:0;color:var(--ft-mut)!important;cursor:pointer;font:inherit;font-size:13px;line-height:1;padding:0 10px;border-radius:99px;white-space:nowrap}
.ft-actions img,.ft-actions svg{width:17px;height:17px;flex:none;opacity:.75}
.ft-actions .saved,.ft-actions .saved:hover{color:var(--ft-hot)!important}
 

.ft-side{display:flex;flex-direction:column;gap:16px}
.ft-box{background:var(--ft-card);border-radius:10px;padding:18px}
.ft-box h4{margin:0 0 10px;font-size:17px;color:var(--ft-txt)}
.ft-box:not(.ft-best):not(.ft-cats) a{display:flex;justify-content:space-between;padding:10px 0;color:var(--ft-sub)!important;font-size:14px;border-top:1px solid var(--ft-line)}
.ft-box:not(.ft-best):not(.ft-cats) a:first-of-type{border-top:0}
.ft-box p{margin:0;color:var(--ft-mut);font-size:13px;line-height:1.5}
 
/* просмотр фото */
.ft-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;touch-action:pan-y}
.ft-lb.on{display:flex}
.ft-lb img{max-width:96vw;max-height:88vh;object-fit:contain;user-select:none}
.ft-lb button{position:absolute;background:rgba(255,255,255,.14);border:0;color:#fff;width:46px;height:46px;border-radius:50%;font-size:22px;cursor:pointer;line-height:1}
.ft-lb .x{top:14px;right:14px}.ft-lb .p{left:12px}.ft-lb .n{right:12px}
.ft-lb .c{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#bbb;font-size:13px}
 
a.ft-fab{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:30;padding:14px 22px;border-radius:99px;background:var(--ft-blue)!important;color:#fff!important;font-weight:700;line-height:1;box-shadow:0 8px 26px rgba(16,143,253,.35)}
.ft-pager{padding:20px;text-align:center;color:var(--ft-mut)}
.ft-pager a,.ft-pager b{display:inline-block;margin:0 2px;padding:8px 13px;border-radius:99px;color:var(--ft-txt)!important}
.ft-pager b{background:var(--ft-card)}
 
/* страница материала: все фото, без обрезки и без «+N» */
.ft-page .ft-text{max-height:none}
.ft-page .ft-title{font-size:clamp(19px,3vw,22px)}
 
/* hover только на устройствах с мышью */
@media(hover:hover){
  .ft-post:hover{background:rgba(255,255,255,.025)}
  .ft-tabs a:hover{color:var(--ft-txt)!important;background:rgba(255,255,255,.04)}
  .ft-name:hover{text-decoration:underline!important}
  a.ft-title:hover,.ft-box:not(.ft-best):not(.ft-cats) a:hover{color:var(--ft-blue2)!important}
  .ft-grid .ph img{transition:transform .25s}
  .ft-grid .ph:hover img{transform:scale(1.03)}
  .ft-actions a:hover,.ft-actions button:hover{color:var(--ft-blue2)!important;background:rgba(16,143,253,.1)}
  a.ft-fab:hover{background:#165b96!important}
}
 
/* ===== адаптив (брейкпоинты сайта) ===== */
@media(max-width:1400px){.ft-layout{padding-left:0;padding-right:0}}
@media(max-width:1100px){
  .ft-layout{grid-template-columns:minmax(0,680px);justify-content:center}
  .ft-side{order:-1;position:static}
  .ft-box:not(.ft-cats):not(.ft-best){display:none}
  .ft-cats{order:-1}
}
@media(max-width:840px){
  /* на мобильных шапка сайта position:absolute, 60px; снизу плавающее меню 80px */
  .ft-layout{grid-template-columns:minmax(0,1fr);margin-top:60px;padding:0 0 130px;max-width:none}
  .ft-post{padding:14px 12px;gap:10px}
  .ft-ava{flex-basis:38px;width:38px;height:38px}
  .ft-tabs a{padding:14px 16px;font-size:14px}
  .ft-media,.ft-video{border-radius:12px}
  .ft-actions{max-width:none}
  a.ft-fab{right:16px;bottom:calc(112px + env(safe-area-inset-bottom,0px));padding:12px 18px;font-size:14px}
}
@media(max-width:640px){
  .ft-grid{aspect-ratio:4/3}
    .ft-lb button{width:40px;height:40px;font-size:20px}
}
@media(max-width:480px){
  .ft-ava{flex-basis:34px;width:34px;height:34px}
  .ft-by{display:none}
  .ft-text{font-size:14.5px}
  .ft-actions a,.ft-actions button{padding:0 8px}
  .ft-lbl{display:none}            /* на узких экранах у «Поделиться/Сохранить» остаются только иконки */
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
 
/* ===== Категории ($CATEGORIES$ uCoz) в правой колонке ===== */
.ft-cats{padding:14px 10px}
.ft-cats h4{margin:2px 8px 8px;font-size:16px}
.ft-cats .catsTable{display:flex!important;flex-direction:column;gap:2px;columns:auto!important;column-count:1!important;width:100%!important;margin:0;padding:0}
.ft-cats .catsTd{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:auto!important;float:none!important;margin:0!important;padding:0!important;border-radius:10px;position:relative}
.ft-cats .catsTd>a,.ft-cats .ft-all{display:flex;flex:1;min-width:0;align-items:center;gap:10px;padding:11px 12px;border:0!important;color:var(--ft-sub)!important;font-size:14.5px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:10px}
.ft-cats .catsTd>a:before,.ft-cats .ft-all:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ft-line);transition:background .2s}
.ft-cats .ft-all{margin-bottom:2px}
.ft-cats .catNumData{flex:none;min-width:26px;height:22px;margin-right:10px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:#303030;color:var(--ft-mut);font-size:12px;font-weight:600;line-height:1}
.ft-cats .catNumData.zero{opacity:.45}
.ft-cats .catsTd.on,.ft-cats .ft-all.on{background:rgba(16,143,253,.12)}
.ft-cats .catsTd.on>a,.ft-cats .ft-all.on{color:var(--ft-blue2)!important;font-weight:700}
.ft-cats .catsTd.on>a:before,.ft-cats .ft-all.on:before{background:var(--ft-blue)}
.ft-cats .catsTd.on .catNumData{background:var(--ft-blue);color:#fff;opacity:1}
@media(hover:hover){
  .ft-cats .catsTd:hover,.ft-cats .ft-all:hover{background:rgba(255,255,255,.05)}
  .ft-cats .catsTd:hover>a,.ft-cats .ft-all:hover{color:var(--ft-txt)!important}
  .ft-cats .catsTd:hover>a:before,.ft-cats .ft-all:hover:before{background:var(--ft-blue2)}
}
 
/* на планшетах и телефонах категории превращаются в ленту чипсов над лентой */
@media(max-width:1100px){
  .ft-cats{padding:10px 12px 0;background:none;border-radius:0}
  .ft-cats h4{display:none}
  .ft-cats .catsTable{flex-direction:row;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ft-cats .catsTable::-webkit-scrollbar{display:none}
  .ft-cats .catsTd{flex:none;border:1px solid var(--ft-line);border-radius:99px;background:var(--ft-card)}
  .ft-cats .catsTd.on{border-color:var(--ft-blue)}
  .ft-cats .catsTd>a{flex:none;padding:9px 4px 9px 14px;font-size:14px}
  .ft-cats .catsTd>a:before,.ft-cats .ft-all:before{display:none}
  .ft-cats .catNumData{margin-right:8px;min-width:22px;height:20px;padding:0 6px}
  .ft-cats .ft-all{display:none}
}
 
/* ===== Блок «Опубликовать» вместо верхних вкладок ===== */
.ft-compose{display:flex;align-items:center;gap:14px;padding:18px 14px;border-bottom:1px solid var(--ft-line)}
.ft-compose-ico{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#fff!important;background:linear-gradient(135deg,var(--ft-blue),var(--ft-blue2))}
.ft-compose-body{flex:1;min-width:0}
.ft-compose-title{display:block;font-size:16px;font-weight:700;color:var(--ft-txt);line-height:1.3}
.ft-compose-sub{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--ft-mut)}
.ft-compose-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ft-compose-chips span{padding:4px 10px;border-radius:99px;background:var(--ft-card);border:1px solid var(--ft-line);font-size:11.5px;color:var(--ft-sub);line-height:1.2}
.ft-compose-act{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:8px}
a.ft-compose-btn{display:flex;align-items:center;justify-content:center;height:42px;padding:0 24px;border-radius:99px;background:var(--ft-blue)!important;color:#fff!important;font-weight:700;font-size:15px;white-space:nowrap}
.ft-compose-saved{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--ft-line);border-radius:99px;background:none;color:var(--ft-sub);font-size:13px;white-space:nowrap}
.ft-compose-saved img{width:15px;height:15px;opacity:.8}
.ft-saved-count{min-width:20px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:#303030;color:var(--ft-mut);font-size:11px;font-weight:600;line-height:1}
@media(hover:hover){a.ft-compose-btn:hover{background:#165b96!important}.ft-compose-saved:hover{border-color:var(--ft-blue2);color:var(--ft-txt)}}
@media(max-width:640px){
  .ft-compose{flex-wrap:wrap;gap:12px;padding:14px 12px}
  .ft-compose-act{flex-direction:row;width:100%}
  a.ft-compose-btn{flex:1}
}
 
/* ===== «Лучший материал» — слайдер ===== */
.ft-best{padding:16px}
.ft-best-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ft-best-head h4{margin:0}
.ft-best-nav{display:flex;gap:6px}
.ft-best-nav button{width:30px;height:30px;border-radius:50%;border:1px solid var(--ft-line);background:none;color:var(--ft-sub);font-size:18px;line-height:1;cursor:pointer}
.ft-best-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:12px}
.ft-best-track::-webkit-scrollbar{display:none}
.ft-best-track .ft-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:var(--ft-bg)}
.ft-best-track .ft-slide img,.ft-best-track .ft-slide-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}
.ft-best-track .ft-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.85))}
.ft-best-track .ft-slide-in{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px;display:flex;flex-direction:column;gap:6px}
.ft-best-track .ft-slide-in b{color:#fff;font-size:14.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ft-best-track .ft-slide-in i{font-style:normal;color:rgba(255,255,255,.7);font-size:12px}
.ft-best-dots{display:flex;justify-content:center;gap:5px;margin-top:12px;flex-wrap:wrap}
.ft-best-dots span{width:6px;height:6px;border-radius:99px;background:var(--ft-line);transition:.2s;cursor:pointer}
.ft-best-dots span.on{width:18px;background:var(--ft-blue)}
@media(hover:hover){.ft-best-nav button:hover{border-color:var(--ft-blue2);color:var(--ft-txt)}.ft-best-track .ft-slide img{transition:transform .35s}.ft-best-track .ft-slide:hover img{transform:scale(1.04)}}
@media(max-width:1100px){
  .ft-best{background:none;padding:6px 12px 14px}
  .ft-best-head{margin-bottom:8px}
  .ft-best-nav,.ft-best-dots{display:none}
  .ft-best-track{gap:10px}
  .ft-best-track .ft-slide{flex:0 0 72%;aspect-ratio:4/3}
}
@media(max-width:480px){.ft-best-track .ft-slide{flex-basis:84%}}
 
/* ===== Сохранённое (панель) ===== */
.ft-drawer{position:fixed;inset:0;z-index:99998;display:none}
.ft-drawer.on{display:block}
.ft-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.ft-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:380px;max-width:100%;background:var(--ft-bg);border-left:1px solid var(--ft-line);display:flex;flex-direction:column;font-family:'Montserrat',sans-serif;color:var(--ft-txt)}
.ft-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--ft-line)}
.ft-drawer-head b{font-size:17px}
.ft-drawer-head button{width:36px;height:36px;border-radius:50%;background:var(--ft-card);color:#fff;font-size:16px;border:0}
.ft-drawer-list{flex:1;overflow-y:auto;padding:8px 12px 24px}
.ft-drawer-item{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--ft-line)}
.ft-drawer-item a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:var(--ft-txt)!important;text-decoration:none!important}
.ft-drawer-item img,.ft-drawer-item .ph0{flex:none;width:60px;height:60px;border-radius:10px;object-fit:cover;background:var(--ft-card)}
.ft-drawer-item span{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ft-drawer-item button{flex:none;width:32px;height:32px;border-radius:50%;background:none;color:var(--ft-mut);font-size:15px;border:0}
.ft-drawer-empty{padding:40px 20px;text-align:center;color:var(--ft-mut);font-size:14px;line-height:1.6}
 
/* ===== Рекламные сноски ===== */
.ft-ad{position:relative;display:flex;align-items:center;gap:18px;margin:15px 0;padding:22px 18px 18px;border:1.5px solid transparent;border-radius:16px;overflow:hidden;
  background:linear-gradient(#17171f,#17171f) padding-box,linear-gradient(135deg,#6a5cff,#ff3d9a 55%,#ffb74a) border-box}
.ft-ad:before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,154,.28),transparent 70%);pointer-events:none}
.ft-ad-tag{position:absolute;left:14px;top:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ft-ad-body{position:relative;flex:1;min-width:0}
.ft-ad-title{display:block;font-family:'Dela Gothic One','Montserrat',sans-serif;font-weight:400;font-size:clamp(15px,2.4vw,19px);line-height:1.25;color:#fff;background:linear-gradient(90deg,#fff,#ffc2e3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ft-ad-text{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:#d6d3e6}
.ft-ad-legal{display:block;margin-top:8px;font-size:10.5px;line-height:1.3;color:rgba(255,255,255,.4)}
a.ft-ad-btn{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border-radius:99px;background:linear-gradient(135deg,#ff3d9a,#ff7a45)!important;color:#fff!important;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 6px 20px rgba(255,61,154,.3)}
@media(hover:hover){a.ft-ad-btn:hover{filter:brightness(1.1)}}
@media(max-width:560px){
  .ft-ad{flex-direction:column;align-items:stretch;gap:14px;margin:12px 10px}
  a.ft-ad-btn{width:100%}
}
 
/* ===== Комментарии под материалом ===== */
.ft-comments{padding:22px 14px 40px}
.ft-comments-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ft-comments-head h3{margin:0;font-size:19px;font-weight:700;color:var(--ft-txt)}
.ft-comments-count{min-width:26px;height:24px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--ft-card);border:1px solid var(--ft-line);color:var(--ft-sub);font-size:12.5px;font-weight:600;line-height:1}
.ft-comments{color:var(--ft-sub);font-size:14.5px;line-height:1.55}
/* стандартные таблицы uCoz превращаем в обычные блоки */
.ft-comments table,.ft-comments tbody,.ft-comments tr,.ft-comments td{display:block;width:auto!important;max-width:100%;padding:0;border:0;background:none}
.ft-comments a{color:var(--ft-blue2)!important;text-decoration:none}
.ft-comments img{max-width:100%;height:auto}
/* карточка комментария */
.ft-comments [id^="comEnt"],.ft-comments .cBlock1,.ft-comments .cBlock2{margin:10px 0;padding:14px 16px;background:var(--ft-card);border-radius:12px;overflow-wrap:anywhere}
.ft-comments .cMessage,.ft-comments .cMessage *{color:var(--ft-sub)!important}
.ft-comments .commTd1{margin:0 0 12px;color:var(--ft-mut);font-size:13px}
.ft-comments .comEnt{margin:0}
/* форма */
.ft-comments form{margin:16px 0 0}
.ft-comments input[type=text],.ft-comments input[type=password],.ft-comments input[type=email],.ft-comments textarea,.ft-comments select{width:100%!important;max-width:100%;height:46px;min-height:46px;margin:6px 0;padding:0 16px;background:var(--ft-card)!important;border:1px solid var(--ft-line)!important;border-radius:12px;color:var(--ft-txt)!important;font-size:15px;outline:0}
.ft-comments textarea{height:120px;min-height:120px;padding:14px 16px;resize:vertical}
.ft-comments input:focus,.ft-comments textarea:focus{border-color:var(--ft-blue)!important}
.ft-comments input[type=submit],.ft-comments input[type=button],.ft-comments button{width:auto!important;height:44px;min-height:44px;margin-top:8px;padding:0 26px;border:0;border-radius:99px;background:var(--ft-blue)!important;color:#fff!important;font-weight:700;font-size:15px;cursor:pointer}
.ft-comments input[type=checkbox],.ft-comments input[type=radio]{width:auto!important;height:auto;min-height:0;margin-right:6px}
@media(hover:hover){.ft-comments input[type=submit]:hover,.ft-comments button:hover{background:#165b96!important}}
 
/* ===== 18+: закрытый материал (содержимое в страницу не выводится до ввода кода) ===== */
.ft-lockwrap{position:relative;margin-top:10px;min-height:220px;border-radius:14px;overflow:hidden;background:var(--ft-card);border:1px solid var(--ft-line)}
.ft-fake{padding:16px;filter:blur(9px);transform:scale(1.06);pointer-events:none;user-select:none}
.ft-fake i{display:block;height:12px;margin:0 0 10px;border-radius:6px;background:rgba(255,255,255,.16)}
.ft-fake .l1{width:100%}.ft-fake .l2{width:90%}.ft-fake .l3{width:55%;margin-bottom:16px}
.ft-fake-media{display:grid;grid-template-columns:1fr 1fr;gap:4px;aspect-ratio:16/10}
.ft-fake-media.one{grid-template-columns:1fr;margin-top:10px}
.ft-fake-media b{border-radius:8px;background:linear-gradient(135deg,#5b3a6b,#1f3a5f)}
.ft-fake-media b:nth-child(2){background:linear-gradient(135deg,#7a3b4f,#3a2a5a)}
.ft-fake-media b:nth-child(3){background:linear-gradient(135deg,#2f4f6f,#6a3a5a)}
.ft-fake-media b:nth-child(4){background:linear-gradient(135deg,#6a4a3a,#3a3a6a)}
.ft-lockwrap .ft-gate{background:rgba(20,20,24,.45)}
.ft-gate svg{width:34px;height:34px;color:#fff;opacity:.9}
.ft-gate a.ft-code-link{color:var(--ft-blue2)!important;font-size:13px;text-decoration:none!important}
 
/* ===== доп. элементы страницы материала ===== */
.ft-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:13px;color:var(--ft-mut)}
.ft-tags a{padding:4px 10px;border-radius:99px;background:var(--ft-card);border:1px solid var(--ft-line);color:var(--ft-sub)!important}
.ft-mod{margin-top:6px}
.ft-mod:empty{display:none}
.ft-prevnext{display:flex;justify-content:space-between;gap:12px;padding:14px;font-size:14px;border-bottom:1px solid var(--ft-line)}
.ft-prevnext:empty{display:none}
.ft-prevnext span{flex:1;min-width:0;color:var(--ft-mut)}
.ft-prevnext .next{text-align:right}
.ft-prevnext a{color:var(--ft-blue2)!important}
.ft-comments-login{margin-top:14px;padding:16px;border-radius:12px;background:var(--ft-card);color:var(--ft-sub);font-size:14px;text-align:center}
.ft-comments-form{margin-top:8px}
 
/* ===== СТРАНИЦА МАТЕРИАЛА (v10) ===== */
/* аватар не занимает левую колонку: он в шапке, текст и медиа на всю ширину */
.ft-post.ft-page{display:block;padding:16px 14px}
.ft-page .ft-head{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.ft-page .ft-ava{flex:none;width:44px;height:44px}
.ft-head-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.ft-head-main .ft-name{font-size:16px;line-height:1.2}
.ft-head-main .ft-date{font-size:12.5px;color:var(--ft-mut);line-height:1.2}
.ft-page .ft-by{margin-left:auto;white-space:nowrap}
.ft-page .ft-inner{margin-top:14px}
.ft-page .ft-title{font-size:clamp(20px,3.4vw,26px);margin:0 0 10px;line-height:1.25}
.ft-page .ft-text{max-height:none;font-size:15.5px;line-height:1.65;margin-bottom:4px}
.ft-page .ft-text img,.ft-page .ft-text video,.ft-page .ft-text iframe{max-width:100%;height:auto}
.ft-page .ft-actions{max-width:none;margin-top:14px;padding-top:6px;border-top:1px solid var(--ft-line)}
 
/* галерея: слайдер со свайпом; без JS это просто лента-прокрутка */
.ft-page .ft-media{border:0;margin:14px 0 0;border-radius:14px;background:#111}
.ft-page .ft-grid{display:flex;grid-template-columns:none;grid-template-rows:none;aspect-ratio:auto;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ft-page .ft-grid::-webkit-scrollbar{display:none}
.ft-page .ft-grid .ph,.ft-page .ft-grid .ph:nth-child(n+5){position:relative;display:flex!important;flex:0 0 100%;align-items:center;justify-content:center;grid-row:auto!important;grid-column:auto!important;height:clamp(280px,64vh,600px);scroll-snap-align:center;background:#111}
.ft-page .ft-grid .ph img{position:static;inset:auto;width:100%;height:100%;object-fit:contain}
.ft-page .ft-grid .ph[data-more]:after{display:none}
 
.ft-gal{margin-top:14px;border:1px solid var(--ft-line);border-radius:14px;overflow:hidden;background:#111}
.ft-gal .ft-media{margin:0;border-radius:0}
.ft-gal-stage{position:relative}
.ft-gal-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:22px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ft-gal-btn.p{left:10px}.ft-gal-btn.n{right:10px}
.ft-gal-count{position:absolute;right:10px;top:10px;z-index:3;padding:5px 11px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:600;line-height:1}
.ft-gal-thumbs{display:flex;gap:6px;padding:8px;overflow-x:auto;scrollbar-width:none;background:#161616;-webkit-overflow-scrolling:touch}
.ft-gal-thumbs::-webkit-scrollbar{display:none}
.ft-gal-thumbs button{flex:none;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#222;opacity:.55;cursor:pointer;transition:opacity .15s,border-color .15s}
.ft-gal-thumbs button.on{opacity:1;border-color:var(--ft-blue)}
.ft-gal-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
@media(hover:none){.ft-gal-btn{display:none}}
 
/* на странице материала правая колонка на планшетах/телефонах не нужна */
@media(max-width:1100px){.ft-layout--page .ft-side{display:none}}
@media(max-width:840px){
  .ft-layout--page{margin-top:60px}
  .ft-post.ft-page{padding:14px 12px}
}
@media(max-width:480px){
  .ft-page .ft-grid .ph,.ft-page .ft-grid .ph:nth-child(n+5){height:clamp(240px,58vh,460px)}
  .ft-gal-thumbs button{width:50px;height:50px}
  .ft-page .ft-by{display:none}
  .ft-page .ft-text{font-size:15px}
  .ft-prevnext{flex-direction:column}.ft-prevnext .next{text-align:left}
  .ft-comments{padding:18px 12px 40px}
}
.ft-comments *{max-width:100%}