body {
	
	margin: 0;
	padding: 0;
	font-family: 'Comfortaa', tahoma;
	background: #E2E7EB;
	
}

h1, h2, h3 {
	
	font-family: 'Comfortaa', tahoma;
	
}

h1 {

	margin: 0;
	padding: 0;
	text-align: center;

}


.top_h1 a {

	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #F8F9FA;
	text-decoration: none;

}



.glg, .glg1, .glg2, .glg3, .glg4, .glg5, .glg6 {
	
	margin: 5px 0 0px 0;
	overflow: hidden;
		
}

.home_link {
	
	color: #00BBEA;
	
}

.home_link:hover {
	
	color: #4FDCFF;
	
}

.head-div {

	width: 100%;
	margin: 0 0 10px 0;
	height: 60px;
	background: #6D7392;
	display: block;
	min-width: 1100px;
	border: 0px solid red;

}


.c-head-div {

	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	display: block;

}



.l-head-div {

	margin: 10px 0 0 0;
	width: 190px;
	overflow: hidden;
	height: 40px;
	display: block;
	float: left;
	border: 0px solid red;
	border-radius: 5px;
	transition: 0.4s;

}

.l-head-div:hover {

	transition: 0.4s;
	background: #676C89;
	-webkit-box-shadow: 0px 5px 10px 2px rgba(81, 85, 106, 0.2) inset;
-moz-box-shadow: 0px 5px 10px 2px rgba(81, 85, 106, 0.2) inset;
box-shadow: 0px 5px 10px 2px rgba(81, 85, 106, 0.2) inset;

}

.r-head-div {

	list-style: none;
	margin: 10px 0 0 20px;
	padding: 0px 0 0 0;
	width: 700px;
	overflow: hidden;
	height: 40px;
	display: block;
	float: left;
	border: 0px solid red;

}

.r-head-div li {

	float: left;
	padding: 10px;
	margin: 2px 0 0 15px;
	border: 0px solid red;
	font-size: 0.9em;
	border-radius: 5px;
	background: #79809B;
	transition: 0.3s;

}

.r-head-div li:hover {

	background: #676C89;
	transition: 0.3s;

}

.r-head-div-link {

	margin: 0px 0 0 0;
	color: #DADADC;
	text-decoration: none;

}

.middle-div {
	
	margin: 0 auto;
	width: 1100px;
	overflow: hidden;
	
}

.search_clast {
	
	width: 350px;
	margin: 20px 0 5px 0;
	overflow: hidden;
	border-radius: 4px;
	display: block;
	float: left;
	
}

.left-middle-div {
	
	width: 400px;	
	overflow: hidden;
	float: left;
	
}

.face-name-div {
	
	width: 398px;
	overflow: hidden;
	float: left;
	background: #fff;
	
}

.face-name-div-photo {
	
	margin: 25px 0 15px 100px;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	
}

.face-name-div-photo-100 {
	
	margin: 25px 0 15px 150px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	
}

.face-name-div-name {
	
	padding: 0;
	margin: 10px 0 0 0;
	text-align: center;
	font-weight: 700;
	font-size: 13pt;
	color: #404455;
	
}

.face-name-div-name_ul {
	
	padding: 0;
	margin: 35px 0 0 0;
	border: 0px solid red;

	
}

.face-name-div-name_ul li {
	
	border: 0px solid red;
	padding: 0;
	margin: 0 20px 15px 0;
	overflow: hidden;
	display:block;
	
}

.title-left {
	
	font-size: 10pt;
	margin: 0 0 0 20px;
	width: 35%;
	float: left;
	font-weight: 700;
	line-height: 25px;
	display:block;
	
}

.title-right {
	
	padding: 4px 20px 0 40px;
	font-size: 9pt;
	font-weight: normal;
	color: #7C829C;
	display:block;
	word-wrap:break-word;
	overflow:hidden;
		
}

.face-name-div-time {
	
	padding: 0;
	margin: 10px 0 0 0;
	text-align: center;
	font-weight: normal;
	font-size: 9pt;
	color: #7C829C;
	
}

.face-name-div-time-online {
	
	width: 100px;
	padding: 5px;
	margin: 20px auto;
	text-align: center;
	font-weight: 700;
	font-size: 9pt;
	color: #fff;
	border: 1px solid #87D6AE;
	background: #BFEAD5;
	display: block;
	border-radius: 4px;
	text-shadow: 1px 1px 1px #27704B;
	
}

.face-name-div-followers {
	
	padding: 0;
	margin: 20px 0 0 0;
	text-align: center;
	font-weight: 700;
	font-size: 10pt;
	color: #7C829C;
	
}

.face-name-div-analit {
	
	padding: 0 20px 0 20px;
	margin: 15px 0 15px 0;
	text-align: center;
	font-weight: normal;
	font-size: 11pt;
	color: #404455;
	line-height: 25px;
	
}

.div_title {
	
	padding: 0 0 0 20px;
	border-bottom: 1px solid #E9EAED;
	font-size: 15pt;
	font-weight: normal;
	color: #7C829C;
	overflow: hidden;
	
}


.span_status {
	
	margin: 20px 0 0 0;
	padding: 0 10px 0 20px;
	font-size: 10pt;
	font-weight: normal;
	color: #7C829C;
	
}


.delete_div {
	
	width: 70%;
	margin: 10px auto;
	text-align: center;
	font-size: 0.9em;
	color: #CC99FF;
	
}



.vf_clear {
	
	margin: 15px 0 0 0;
	text-align: center;
	font-size: 1.3em;
	color:#7C829C;
	
}

.right-middle-div {
	
	margin: 0 0 0 25px;
	width: 656px;
	overflow: hidden;
	float: left;

	
}

.right-box-div {
	
	width: 652px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border: 1px solid #E9EAED;
	overflow: hidden;
	float: left;
	background: #fff;
	border-radius: 5px;
	
}

.right-box-div-del {
	
	width: 652px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border: 1px solid #E9EAED;
	overflow: hidden;
	float: left;
	background: #fff;
	border-radius: 5px;
	
}

.right-box-div-del:hover {
	
	background: #FFF2F2;
	
}

.left-box-div {
	
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	width: 398px;
	border: 0px solid #E9EAED;
	overflow: hidden;
	float: left;
	background: #fff;
	border-radius: 5px;
	
}

.right-middle_ul {
	
	margin: 0;
	padding: 20px 0 0 0;
	border: 0px solid red;
	
}

.right-middle_ul li p {
	
	padding: 0;
	margin: 0;
	
}

.right-middle_ul li {
	
	margin: 0 0 30px 0;
	width: 326px;
	display: block;
	overflow: hidden;
	float: left;
}

.r-title-left {
	
	
	font-size: 10pt;
	margin: 0px 0 0 20px;
	font-weight: 700;
	line-height: 25px;
	display:block;
	
}

.r-title-left_t {
	
	font-size: 10pt;
	margin: 20px 0 0 20px;
	float: left;
	font-weight: 700;
	line-height: 25px;
	display:block;
	
}

.r-title-right {
	
	padding: 2px 20px 0 20px;
	font-size: 9pt;
	float: left;
	font-weight: normal;
	color: #7C829C;
	display:block;
	overflow:hidden;
	line-height: 22px;
		
}

.r-title-right_s {
	
	padding: 4px 20px 0 20px;
	font-size: 9pt;
	float: left;
	font-weight: normal;
	color: #9DA2B5;
	display:block;
	overflow:hidden;
	line-height: 22px;
		
}


.education-middle_ul {
	
	width: 326px;
	margin: 0;
	padding: 0px 0 0 0;
	float: left;
	
}

.education-middle_ul sup {
	
	color: #7C829C;
	
}

.education-middle_ul_r {
	
	width: 311px;
	margin: 0;
	padding: 0px 0 0px 15px;
	float: left;
	
}

.education-middle_ul li, .education-middle_ul_r li {
	
	margin: 0;
	padding: 0px 0 0 0;
	display: block;
	overflow: hidden;

	
}

.left-box-div-friends-ul {
	
	padding: 10px;
	margin: 10px 0 0 0;
	list-style:none;
	text-align: center;
	
}

.left-box-div-friends-ul p {
	
	color: #7C829C;
	
}

.photo-middle_ul {
	
	padding: 10px 10px 10px 0;
	margin: 10px 0 0 20px;
	list-style:none;
	
}

.photo-middle_ul p {
	
	color: #7C829C;
	
}

.photo-middle_ul li {
	
	padding: 5px 5px 5px 5px;
	display: inline;
	overflow: hidden;
	
}

.adpp {
	flex-basis: 100%;
	gap: 1px;
	padding: 1px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: 1px solid red;
	list-style: none;
	
	
}

.adpp li {
	padding: 0;
	margin: 0;
	width: calc((100% - 4px) / 12);

}

.adpp li img {
	
	width: 100%;
	height: auto;	
	object-fit: cover;
	aspect-ratio: .800;
	vertical-align: bottom;
	
}

.left-box-div-friends-ul li {
	
	padding: 5px;
	display: inline;
	overflow: hidden;
	

	
}


.mobile_rs {
	
	width: 0;
	height: 0;
	overflow: hidden;
	
}

/* catalog */

.catalog_list {
	
	padding: 0;
	margin: 20px 0 20px 0;
	width: 95%;
	display: block;
	overflow: hidden;
	list-style:none;
	
}

.catalog_list li {
	
	padding: 10px;
	width: 238px;
	min-height: 150px;
	text-align: center;
	float: left;
	
}

.catalog_list li img {
	
	margin: 0 0 0px 10px;
	border-radius: 50px;
	
}

.cat0_link {
	
	font-size: 14pt;
	margin: 0 0 20px 0;
	display:block;
	border: 0px solid red;
	color: #00BBEA;
	
}

.cat0_link:hover {
	
	color: #4FDCFF;
	
}

.catalog_list_open {
	
	padding: 0;
	margin: 20px 0 20px 0;
	width: 95%;
	display: block;
	overflow: hidden;
	list-style:none;
	
}

.catalog_list_open li {
	
	padding: 10px;
	width: 238px;
	min-height: 150px;
	float: left;
	
}

.catalog_list_open li img {
	
	margin: 0 0 0px 10px;
	float: left;
	
}

.cat1_link {
	
	font-size: 12pt;
	margin: 15px 0 20px 90px;
	display:block;
	border: 0px solid red;
	color: #00BBEA;
	line-height: 20px;
	
	
}

.cat1_link:hover {
	
	color: #4FDCFF;
	
}

.catalog_list_open_groups {
	
	padding: 0;
	margin: 20px 0 20px 0;
	width: 95%;
	display: block;
	overflow: hidden;
	list-style:none;
	border: 0px solid red;
	
}
.group_li {
	
	padding: 10px;
	width: 228px;
	min-height: 150px;
	border: green solid 0px;
	display:inline-block;
	box-sizing: inherit;
	overflow:hidden;
	vertical-align:top;
	
}

.cat1_link_g {
	
	font-size: 12pt;
	margin: 15px 0 20px 0px;
	display:block;
	border: 0px solid red;
	color: #00BBEA;
	line-height: 20px;
	
	
}


.pag_link {
	
	margin: 0px;
	padding: 20px;
	border: 0px solid #00BBEA;
	background: #00BBEA;
	
	overflow: hidden;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #27704B;
	font-weight: bold;
	display: inline;
	
}


.pag_right {
	
	float: right;
	
}

.pag_left {

	float: left;
	
}

.pag_center_p {	
	
	margin: 0px 0 0 0;
	position: relative;
	
}

.pag_center {	


position: absolute;
  left: 50%;
	top: 0;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
	
}

.pag_right:hover, .pag_left:hover, .pag_center:hover {
	
	background: #4FDCFF;
	
}


/* seleb */



.seleb_page {
	
	padding: 0;
	margin: 0;
	overflow: hidden;
	list-style: none;
	
}


.seleb_page_li_a, .seleb_page_li_a_select {
	
	margin: 5px;
	padding: 10px;
	font-size: 11pt;
	overflow: hidden;
	float: left;
	text-align: center;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #27704B;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	
}

.seleb_page_li_a:hover  {
	
	background: #4FDCFF;
	
}

.seleb_easy_link {
	
	background: #87D6AE;
	
}

.seleb_current_link {
	
	background: #4FDCFF;
	
}

.footer-div {
	
	margin: 20px auto;
	width: 80%;
	min-height: 80px;
	overflow: hidden;
	text-align: center;
	
}

.footer-div p {
	
	padding: 5px 0 0 0;
	font-size: 10pt;
	color: #7C829C;
	text-align: center;
	
}

.footer-div a {
	
	color: #616681;
	font-size: 80%;
	
}

.privacy {
	
	line-height: 25px;
	
	
}

.privacy li {
	
	margin: 5px;
	
	
}

.privacy ol li:last-child{
	
    margin: 0 0 20px 0;
	
}

.find_form {
	
	margin: 10px auto;
	padding: 20px;
	width: 1048px;
	background: #CED0DB;
	overflow: hidden;
	border-radius: 5px;
	box-sizing: content-box;
	border: 0px solid red;
	
}

.find_input {
	
	width: calc(100% - 100px);
	height: 60px;
	border: 0px solid red;
	float: left;
	font-size: 20pt;
	color: #7C829E;
	outline:none;
	font-weight: 600;
		
}

.go_botton {
	
	margin: 0 0 0 10px;
	height: 60px;
	width: 90px;
	float: left;
	
}

.list_arts {
	
	width: 950px;
	margin: 0 auto;
	padding: 0;
	
	border: 0px solid red;
	overflow:hidden;

	
	
}


.list_arts ul {
	
	padding: 0;
	margin: 0;
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	Justify-content: center;
	
}

.list_arts ul li img {
	
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
	
}




.list_arts ul li {
	
	padding: 0 0 10px 0;
	margin: 0 15px 15px 15px;
	width: 250px;
	border: 0px solid gold;	
	
}

.list_arts ul li a {
	
	padding: 20px 0 0 0;
	font-size: 0.9em;
	color: #616681;
	
}


.o_top {
	
	padding: 10px;
	width: 500px;
	overflow:hidden;
	background: linear-gradient(45deg, #EECFBA, #C5DDE8);
	border-radius: 4px;
	list-style:none;
	
}


.o_top li {
	
	margin: 10px 0 0 0;
	
}


.o_top b {
	
	margin: 0 0 0 10px;

	
}

.o_top a {
	
	margin: 5px 0 0 10px;
	color: #969696;
	text-decoration: none;
	border-bottom: 1px dashed #969696;
	
}



.look {
	
	padding: 0 0 0 10px;
	border-left: 4px solid #01BCCB;
	
}


.interesting {
	
	padding: 0 0 0 10px;
	border-left: 4px solid #FFD291;
	
}

.div_img_center_610 {
	margin: 0 auto;
	width: 610px;
	padding: 0 0 5px 0;
	background: #E9E9E9;
	
}

.div_img_center_610 img {
	
	margin: 0 auto;
	
}

.div_img_center_610 p {
	
	font-size: 0.9em;
	text-align:center;
	color:#B1B1B1;
	
}

.art_div {
	
	width: 900px;
	overflow:hidden;
	
}

.art_div h1 {
	
	font-size: 1.3em;
	color: #616681;
	
}

@media screen and (max-width: 880px)  {
	
.head-div {
	
	min-width:auto;
	padding: 0;
	margin: 0;
	background: #616681;
	height: auto;

}

.search_clast {
	
	margin: 10px 0 20px 0;
	width: auto;
	
}
	
.middle-div {
	
	width: auto;
	margin: 25px;
	overflow-wrap: anywhere;
	box-sizing: border-box;
	
	

	
}

.left-middle-div, .right-middle-div {
	
	width: 100%;
	height: auto;	
	margin: 0 0 10px 0;
	padding: 0;

	
}

.div_title {
	
	width: auto;
	margin: 10px 0 10px 0;
	padding: 10px 15px 0 15px;
	font-size: 13pt;
	box-sizing: border-box;
	
}

.div_title p {

	text-align: justify;
	
	
}

.left-box-div, .right-box-div {
	
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	overflow-wrap: anywhere;
	box-sizing: border-box;

	
}


.education-middle_ul, .education-middle_ul_r {
	
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

.face-name-div {
	
	margin: 10px auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
	border: 0px solid gray;
	box-sizing: border-box;
	
}

.face-name-div-photo {
	
	margin: 0 auto;
	width: 200px;
	height: 200px;
	display: block;
	
}



}

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

html {
	
	padding: 0;
	margin: 0;
	background: #F8F8F8;
	
}

body {
	
	
	min-width: 354px;
	padding: 0;
	margin: 0;	
	
}


.div_img_center_610 {
	
	width: 100%;
	height: auto;
	
}

.art_div {
	
	width: 100%;
	height: auto;
	overflow: hidden;

}

.list_arts {
	
	width: 100%;
	height: auto;
	overflow: hidden;

}

.art_div img {
	
	width: 100%;
	height: auto;
	
}

.mobile_rs {
	
	width: 100%;
	height: auto;
	overflow: hidden;
	
}

.head-div {
	
	min-width:auto;
	padding: 0;
	margin: 0;
	background: #616681;
	height: auto;

}

.search_clast {
	
	margin: 10px 0 20px 0;
	width: auto;
	
}

.top_h1 a {

	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #F8F9FA;
	text-decoration: none;

}

.c-head-div {
	
	overflow: hidden;
	display: block;
	width: auto;
	height: auto;
	
}

.r-head-div {
	
	margin: 0 0px 10px 0;
	list-style: none;
	padding: 0px 0 0 0;
	overflow: hidden;
	width: auto;
	height: auto;
	display: block;
	
	
}

.r-head-div li {
	
	margin: 0 10px 10px 20px;
	
}

.div_title {
	
	width: auto;
	margin: 10px 0 10px 0;
	padding: 10px 10px 0 10px;
	font-size: 12pt;
	box-sizing: border-box;
	
}

.div_title p {

	text-align: justify;
	
	
}

.middle-div {	
	
	min-width: 354px;
	height: auto;
	margin: 10px;
	padding: 0;

	box-sizing: border-box;
		
}



.left-middle-div {

	width: 100%;
	height: auto;	
	margin: 0 0 10px 0;
	padding: 0;


	
}

.left-box-div {
	
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	background: #fff;
	border-radius: 5px;



	
}

.face-name-div {
	
	margin: 10px auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
	border: 0px solid gray;
	box-sizing: border-box;
	
}

face-name-div-name_ul {
	
	margin: 0;
	padding: 0;
	
	
}



.span_status {
	
	width: auto;
	margin: 0;
	padding: 5px;
	font-size: 10pt;
	font-weight: normal;
	color: #7C829C;
	box-sizing: border-box;
	
}

.face-name-div-photo {
	
	margin: 0 auto;
	display: block;
	padding: 5px 0 5px 0;
	width: 180px;
	height: 180px;
	border-radius: 100px;
	
}

.face-name-div-photo-100 {
	
	margin: 25px 0 15px 75px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	box-sizing: border-box;
}





.right-middle-div {
	
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
		
	
}

.photo-middle_ul{
	
	width: 100%;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
}


.photo-middle_ul p {
	
	padding: 5px;
	margin: 0 0 0 0px;
	width: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.right-box-div {
	
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	overflow-wrap: anywhere;
	
}

.right-box-div-del {
	
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	
}


.footer-div {
	
	padding: 0 5px 0 5px;
	margin: 10px auto;
	width: auto;
	min-height: 80px;
	border-top: 0px solid red;	
	overflow: hidden;
	text-align: center;
	
}

.footer-div p {
	
	padding: 5px 0 0 0;
	font-size: 9pt;
	color: #7C829C;
	text-align: center;
	
}

.pag_link {
	
	margin: 0px;
	padding: 5px;
	border: 0px solid #00BBEA;
	background: #00BBEA;	
	overflow: hidden;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #27704B;
	font-weight: bold;
	display: block;
	
}



}