body {
				background: url(../style/img/fon.png) center repeat-x;
				background-size: cover;
				background-attachment: fixed;
				color: #454545;
				max-width: 728px;
				margin: auto;
				font-family: Roboto, Arial, sans-serif;
}

a {
				text-decoration: none;
				color: #31312d;
}

.wap {
				display: block;
}

.web {
				display: none;
}

.content {
				margin: 0 5px 90px 5px;
}

.head {
				background: #181818;
				color: #f5f5f5;
				position: fixed;
				top: 0;
				right: 0;
				left: 0;
				z-index: 999;
}

.foot {
				background: #111111bc;
				text-align: center;
				position: fixed;
				right: 0;
				left: 0;
				bottom: 0;
				z-index: 999;
}

.foot a {
				display: block;
				color: #eabfff;
				padding: 5px;
}

.w {
				padding: 10px;
				border-bottom-left-radius: 30px 15px;
				border-bottom-right-radius: 30px 15px;
				box-shadow: 0.0.0 , 3px;
}
 
.up {
				margin-bottom: 45px;
}

.width {
				width: 728px;
				margin: auto;
}

.cover_menu {
				background-size: cover;
				height: 100px;
}

.ava_menu {
				position: relative;
				top: 50px;			
				float: right;
				margin-right: 20px;
				border: 6px solid #101010;
				border-radius: 100%;
}

.ava_menu img {
				object-fit: cover;
				width: 100px;
				height: 100px;
				border-radius: 100%;		
}

.info_menu {
				color: #f5f5f5;
}

.info_menu span {
				position: relative;
				top: 4px;
}

.info2_menu {
				position: relative;
				color: #f5f5f5;
				left: -25px;
				top: 20px;
}

.info2_menu td {
				text-align: center;
}

.panel_menu td {
				text-align: center;
}

.panel_menu span {
				font-size: 35px;
}

.panel_menu a {
				display: block;
				color: #f5f5f5;
				padding: 5px;
}

.panel_menu {
				position: relative;
				color: #f5f5f5;
				top: 50px;
}

.notif {
				background: #8c0011;
				color: #fff;
				width: 20px;
				height: 20px;
				position: absolute;
				top: 0;
				border-radius: 5px;
}

.notif2 {
				background: #8c0011;
				color: #fff;
				width: 20px;
				height: 20px;
				float: right;
				text-align: center;
				border-radius: 5px;
				position: relative;
				top: 9px;
				right: 4px;
}



/* ------------ menu ----------- */

.web-panel-left {
				background: #111111bc;
				color: #f5f5f5;
				margin: 5px;
}

.panel-cover {
				background-size: cover;
				height: 70px;
}



.panel-ava img {
				object-fit: cover;
				width: 70px;
				height: 70px;
				border-radius: 100%;		
}

.panel-block a {
				padding: 0 10px 10px 10px;
				color: #f5f5f5;
				display: block;
}

.panel-block span {
				position: relative;
				top: 4px;
}

.float-r {
				float: right;
}

.block {
				background: #111111bc;
				padding: 5px;
				border-radius: 15px;
				box-shadow: 0.0.0 , 3px;
}

.block a {
				color: #eabfff;
}

.icon-gr {
				width: 150px;
				height: 250px;
				border-radius: 15px;
}

.ava-gr {
				object-fit: cover;
				width: 70px;
				height: 70px;
				border-radius: 100%;
				box-shadow: 0.0.0 , 3px;
				position: relative;
				bottom: -185px;
				left: 40px;
				border: 3px solid #111111bc;
}


.bl {
			  	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
 		   	 box-sizing: border-box;
	  			 overflow: hidden;
				  z-index: -1;
				  overflow-wrap: normal;
				  word-break: normal;
				  line-break: auto;
				  hyphens: manual;
				  word-wrap: break-word;
}

.bl_l {
				overflow-x: auto;
      white-space: nowrap;
}

.search {
				background: #111111bc;
				color: #c595ff;
				margin-top: 2px;
				margin-bottom: 5px;
				border-radius: 25px;
				border-top: 4px solid #000;
}

.search a {
				color: #c595ff;
				padding: 10px;
				display: block;
}

.search input{
				background: #00000000;
				color: #c595ff;
				border: 1px solid #00000000;
				border-left: none;
				padding: 0px 20px;
				outline: none;
				width: 100%;
}

.nav1 img {
				border-radius: 10px;
				width: 80%;
			 border: 3px solid #111111bc;
}


.ava_mini {
				object-fit: cover;
				width: 40px;
				height: 40px;
				border-radius: 100%;		
				border: 3px solid #111111bc;
}

.m-post {
				display: block;
				padding: 5px;
}

.like_c {
				position: absolute;
}

.more {
				background: #111111bc;
				margin-top: 10px;
				width: 60%;
				border-radius: 20px;
				text-align: center;
}

.more a {
				padding: 10px;
				color: #eabfff;
				display: block;
}