.fg_header {
	grid-area: fg_header;
}

.fg_header h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.fg_prefs {
	grid-area: fg_prefs;
}

.fg_leftcol {
	grid-area: fg_leftcol;
}

.fg_searchform {
	grid-area: fg_searchform;
}

.fg_newusers {
	grid-area: fg_newusers;
}

.fg_one_col {
	grid-area: fg_onecol;
}

.first_grid {
	display: grid;
	gap:20px 30px;
	max-width: 1700px;
	padding: 0 20px;
	margin: 0 auto 20px auto;
	grid-template-columns: 280px auto;
	grid-template-areas: 
		"fg_leftcol fg_header"
		"fg_leftcol fg_searchform"
		"fg_newusers fg_newusers"
		"fg_onecol fg_onecol"
		"fg_prefs fg_prefs";
}

@media screen and (max-width: 1300px) {
.first_grid {
	gap:20px;
	padding: 0 15px;
}
}

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

.first_grid {
	padding: 0;
	gap:0;
	grid-template-columns: auto;
	grid-template-areas: 
		"fg_leftcol"
		"fg_header"
		"fg_searchform"
		"fg_newusers"
		"fg_onecol"
		"fg_prefs";
}

.fg_header {
	padding-bottom: 15px;
}

.fg_newusers {
	padding-bottom: 20px;
}

.takzhe {
	margin-bottom: 20px;
}
}

.sf_h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 70px;
	background: url(/images10/search-ext.svg) no-repeat 45px 0 / 1.2rem 1.2rem;
	display: none;
}

@media screen and (max-width: 800px) {
	.sf_h2 {
		display: block;
	}
}

.first_share {
	background: var(--color-tabbutton);
	padding: 10px;
	border-radius:10px;
	text-align: center;
	height: 24px;
}

.usersline {
	height: 100px;
	background: var(--color-usermenu);
	border-radius: 10px;
	margin-bottom: 20px;
	display: grid;
	gap:20px;
	grid-template-columns:140px auto;
}

.usln_header {
	padding: 5px 10px;
	color: white;
	background: var(--color-menu);
	display: grid;
	gap:5px;
	grid-template-columns: auto;
	align-items: center;
	height: 90px;
}

.usln_header:after {
	display: block;
	position: absolute;
	width: 70px;
	height: 70px;
	background: var(--color-menu);
	content: "";
	transform: scaleX(0.5) rotate(45deg);
	margin-left: 95px;
}

.add_to_usersline {
	display: block;
	background: var(--color-bg);
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 13px;
	color: var(--color-text) !important;
	text-decoration: none;
	width: fit-content;
}

.usln_users ul {
	padding: 0;
	margin: 0;
	height: 100px;
	display: flex;
	gap:0px;
	flex-wrap: wrap;
	justify-content: space-around;
}

.usln_users li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	height: 100px;
}

.usln_user {
	width: 80px;
	height: 80px;
	margin: 10px;
	border-radius:5px;
}

.owl-item .usln_user {
	margin: 10px auto;
}

.usln_user img {
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

.newusers_first {
	display: grid;
	gap:10px  20px;
}

.nuf3 {
	grid-template-columns: repeat(3, 1fr);
}

.nuf4 {
	grid-template-columns: repeat(4, 1fr);
}

.new_user {
	border-radius:10px; 
	padding: 10px;
	padding-right: 0;
	padding-bottom: 0;
	transition: background 0.3s;	
	border: 1px solid var(--color-usermenu);
}

.new_user:hover {
	background: var(--color-usermenu);
}

.new_user_foto {
	width: 120px;
	height: 120px;
	border-radius:10px;
	margin-bottom: 10px;
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: var(--color-usermenu);
}

.new_user_foto img {
	display: block;
	width: 120px;
	margin: 0;
	padding: 0;
	transition: all 0.3s;
}

.new_user:hover img {
	width: 140px;
	margin-left: -10px;
	margin-top: -10px;
}

.nu_info {
	padding-left: 10px;
	padding-right: 10px;
}

.nu_poisk_name {
	margin-bottom: 5px;
}

.nu_poisk_name span {
	white-space: nowrap;
}

.nu_poisk_name a {
	font-weight: bold;
}

.nu_place {
	margin-bottom: 5px;
	color: var(--color-text-fade);
	padding-left: 20px;
	background: url(/images8/pin.svg) no-repeat 0px 0px / 1rem 1rem;
	font-size:0.9rem;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nu_about {
	font-size: 0.8rem;
	padding: 5px;
	background: var(--color-tabbutton);
	border-radius: 5px;
	border-top-left-radius: 0;
	margin-bottom: 10px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	line-height: 1rem;
}

.nu_about:before {
	position: absolute;
	display: block;
	width: 20px;
	height: 10px;
	
	content: "";
	margin-left: -25px;
	margin-top: -5px;
}

.new_user_children {
	margin-bottom: 5px;
	color: var(--color-fade);
	padding-left: 20px;
	background: url(/images8/child.svg) no-repeat 0px center / 1rem 1rem;
	font-size:0.9rem;
}

.nu_place_child {
	display: flex;
	gap:0px 20px;
	flex-wrap:wrap;
	margin-bottom: 5px;
}

.fast_links {
	display: grid;
	gap:10px 30px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 0;
	padding-bottom: 0;
}

.privetstviya {
	padding: 20px;
	background-size: cover;
	border-radius: 10px;
	margin-bottom: 20px;
	border:1px solid var(--color-usermenu);
	overflow: hidden;
}

.twits_first {
	display: grid;
	grid-template-columns: repeat(10, calc((100% - 45px)/4));
	gap:15px;
}

.twits_first>.privet {
	padding: 10px;
	border-radius: 10px;
	background: var(--bg_privet);
}

.privet_img {
	display: block;
	float: left;
	margin-right: 10px;
	border-radius: 5px;
	width: 50px;
	height: 50px;
}

.privet_img img {
	display: block;
	margin: 0;
	padding: 0;
	width: 50px;
}

.privet_usertitle {
	font-size: 14px;
	margin-bottom: 5px;
}

.privet_usertitle a {
	font-weight: bold;
}

.privet_time {
	font-size: 14px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-style: solid;
	border-color: #d7d7d7;
	border-width: 0 0 1px 0;
	color: var(--color-text-fade);
}

.privet_control {
	float: right;
}

.new_forum_topics {
	display: grid;
	gap:20px 40px;
	grid-template-columns:1fr 1fr 1fr;
	margin-bottom: 20px;
}

.privetform {
	display: grid;
	border-radius:10px;
	background: var(--color-content-bg);
	gap:20px;
	grid-template-columns:1fr 1fr;
	padding: 10px;
}

.privetstvie_form {
	display: grid;
	gap:10px;
	grid-template-columns:auto auto;
	grid-template-areas: 
		"priv_form_text priv_form_text"
		"priv_form_len priv_form_button"
}

.priv_form_text {
	grid-area: priv_form_text;
}

.priv_form_len {
	grid-area: priv_form_len;
}

.priv_form_button {
	grid-area: priv_form_button;
	text-align: right;
}

.new_forum_topics>div {
	display: grid;
	gap:20px;
	grid-template-columns:82px auto;
}

.forum_nt_userpic img{
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	border:1px solid var(--color-usermenu);
}

.new_forum_topic {
	padding: 10px;
	border-radius:10px;
}

.nft1 {
	border:2px solid var(--color-ramka1);
}

.nft2 {
	border:2px solid var(--color-ramka2);
}

.nft3 {
	border:2px solid var(--color-ramka3);
}

.new_forum_topic:before {
	display: block;
	width: 20px;
	height: 20px;
	content: "";
	transform: scaleY(0.5) rotate(-45deg);
	background: var(--color-content-bg);
	border-style: solid;
	border-width: 3px 0 0 3px;
	position: absolute;
	margin-top: 5px;
	margin-left: -24px;
}

.nft1:before {
	border-color: var(--color-ramka1);
}

.nft2:before{
	border-color: var(--color-ramka2);
}

.nft3:before{
	border-color: var(--color-ramka3);
}

.forum_nt_user {
	margin-bottom: 5px;
	font-size: 0.9rem;
}

.forum_nt_user a {
	font-weight: bold;
	text-decoration: none;
}

.forum_nt_user a:hover {
	text-decoration: underline;
}

.forum_nt_date {
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-text-fade);
}

.forum_nt_topic a {
	color: var(--color-headers);
}

.first_blog_posts {
	display: grid;
	gap:20px 40px;
	grid-template-columns:1fr 1fr 1fr;
	margin-bottom: 20px;
}

.first_blog_posts>div {
	display: grid;
	gap:20px;
	grid-template-columns:82px auto;
}

.first_blog_userpic img{
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	border:1px solid var(--color-usermenu);
}

.poisk_links {
	display: grid;
	gap:10px 30px;
	grid-template-columns:1fr 1fr 1fr 1fr;
}

.poisk_links>div {
	padding-left: 30px;
	background-size:1rem;
	background-repeat: no-repeat;
	background-position: 4px top;
}

.link_icon_man {
	background: url(/images10/man.svg);
}

.link_icon_woman {
	background: url(/images10/woman.svg);
}

.link_icon_birthday {
	background: url(/images8/birthday.svg)
}

.platno_cnt {
	display: block;
	padding: 8px;
	height: 15px;
	width: 15px;
	background: linear-gradient(to bottom right, #9ebed4, #004b95);
	border-radius:16px;
	color:white;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}

.pref_list {
	display: grid;
	gap:10px 30px;
	grid-template-columns:1fr 1fr 1fr;
}

.pref_h3{
	padding:2px 0 5px 30px;
	background: url(/images8/tick1.svg) no-repeat 0 0 / 20px 20px;
	min-height: 15px;
	font-weight: bold;
	font-size: 1rem;
	margin:0;
}

.pref_p {
	padding-left: 30px;
	padding-bottom: 0;
	font-size: 0.9rem;
}

.first_logo {
	display: none;
}

.register_button {
	font-weight: bold;
}


/*  --------  */


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

.nuf3 {
	grid-template-columns: repeat(2, 1fr);
}

.nuf4 {
	grid-template-columns: repeat(3, 1fr);
}

.new_forum_topics {
	gap:20px;
	grid-template-columns:1fr 1fr;
}

.first_blog_posts {
	gap:20px;
	grid-template-columns:1fr 1fr;
}

}

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

.twits_first {
	grid-template-columns: repeat(10, calc((100% - 15px)/2));
}

}

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

.nuf3, .nuf4 {
	grid-template-columns: repeat(2, 1fr);
}

.new_user_foto {
	width: 100px;
	height: 100px;
}

.new_user_foto img {
	width: 100px;
}

.new_user:hover img {
	width: 120px;
}

.newusers_first {
	gap:10px;
}

.twits_first {
	grid-template-columns: repeat(10, calc((100% - 30px)/3));
}

.pref_list {
	gap:10px 20px;
	grid-template-columns:1fr 1fr;
}

}

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

.new_user {
	padding: 5px;
}

.privetstviya {
	padding: 10px;
}

.privetform {
	gap:10px;
	grid-template-columns:auto;
}

.poisk_links {
	gap:10px 20px;
	grid-template-columns:1fr 1fr 1fr;
}

.poisk_links {
	grid-template-columns:1fr 1fr;
}

/*
.wellcome {
	font-size: 0.9rem;
}
*/

.first_left_content {
	display: none;
}

.first_logo {
	width: 200px;
	height: 91px;
	padding: 0;
	float: left;
	margin-right: 10px;
	display: block;
}

.register_button {
	display: block;
	background: var(--color-greenbutton);
	color: white;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}

.under_reg_button {
	display: block;
	text-align: center;
}

}

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

.nuf3, .nuf4 {
	grid-template-columns: repeat(1, 1fr);
}

.new_user {
	padding: 0px;
	border: none;
}

.new_user:hover {
	background: transparent;
}

.nu_place {
	white-space: normal;
}

.twits_first {
	grid-template-columns: repeat(10, 100%);
}

.new_forum_topics {
	gap:15px;
	grid-template-columns:auto;
	margin-bottom: 15px;
}

.first_blog_posts {
	gap:15px;
	grid-template-columns:auto;
	margin-bottom: 15px;
}

}


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

.usersline {
	gap:0;
	grid-template-columns:auto;
	height: auto;
}

.usln_header {
	display: flex;
	justify-content: space-between;
	height: auto;
}

.usln_header:after {
	display: none;
}

}

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

.poisk_links {
	grid-template-columns:auto;
	gap:10px;
}

.pref_list {
	gap:10px;
	grid-template-columns:auto;
}

}

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

/*
.first_logo {
	float: none;
	margin: 0 auto 10px auto;
}
*/

.first_logo {
	width: 150px;
	height: 68px;
}

.wellcome {
	text-align: justify;
}

}