html, body {
	height: 100%;
}

* {
	font-family: sans-serif;

	margin: 0px;
	padding: 0px;
}

.middle {
 display: flex;
 background-color: #e8e8e8;
 margin: 0 auto;
 min-height: 100%;
}

.wrap-com-index {
	padding: 10px 20px 0;
	border-top: 1px solid #dbdbdb;
}

.text-hide{
	position: absolute;
	top: 0;
}


.box-page:nth-child(1) {flex: 0 1 200px;}
.box-page:nth-child(2) {flex: 1 1 auto;}
.box-page:nth-child(3) {flex: 0 1 600px;}
.box-page:nth-child(4) {flex: 1 1 auto;}
.box-page:nth-child(5) {flex: 0 1 200px;}

.box-content:nth-child(1) {flex: 0 1 200px;}
.box-content:nth-child(2) {flex: 1 1 auto;}
.box-content:nth-child(3) {flex: 0 1 600px;}
.box-content:nth-child(4) {flex: 1 1 auto;}
.box-content:nth-child(5) {flex: 0 1 450px;}

.box-cabinet:nth-child(1) {flex: 0 1 200px;}
.box-cabinet:nth-child(2) {flex: 1 1 auto;}
.box-cabinet:nth-child(3) {flex: 0 1 600px;}
.box-cabinet:nth-child(4) {flex: 0 1 200px;}
.box-cabinet:nth-child(5) {flex: 1 1 auto;}

.new-content {
background: green;
border-radius: 50px;
color: white;
padding: 0 3px;
font-weight: bold;
	}

.image-index {
    width: 100%;
    box-sizing: border-box;
}
.image-index > img {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    max-height: 500px;
}


.wrap-message {
	border-bottom: 1px solid #d2d2d2;
	padding: 30px 20px;
}

.wrap-message > img {
	width: 200px;
	display: block;
}

.wrap-message:last-child {
	border-bottom: none;
}


.button-mess {
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 6px 12px 6px 12px;
	background-color: #ffa800;
	color: #6c4700;
	font-weight: bold;
	margin: 5px 0 0 0;
	text-decoration: none;
	clear: both;
	display: inline-block;
	font-size: 14px;
	transition: 0.3s;
}

.button-mess:hover {
	background-color: #ffc14a;
	color: #5c5000;
}

hr {
	border: none;
	border-top: 1px solid #d0d0d0;
}

.ball a {
	text-decoration: none;
}

.wrap-mobile {
height: 200px;
padding: 40px 20px;
border-bottom: 1px solid #d0d0d0;
}
.img-mobile {
	float: left;
}
.text-mobile {
	text-align: center;
}
.link-mobile {
margin: 20px 0 0 0;
display: inline-block;
color: orange;
font-size: 20px;	
}

.link-mobile:hover {
text-decoration: none;	
}

.span-mobile {
color: #484848;
font-size: 14px;
padding: 50px 50px 0 250px;
}

a.rubrics {
	text-decoration: none;
	color: #a1a1a1;
	font-size: 14px;
	background: #ececec;
	padding: 4px 6px;
	display: inline-block;
	border-radius: 5px;
	width: 124px;
	margin: 0 0 4px 0;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	text-align: left; 
}

a.rubrics:hover {
	background: #ffa800;
	color: white;
}	

.count_rubrics {
	float: right;
	font-size: 10px;
	font-weight: bold;
	margin-top: 2px;
	color: #464646;
}



.count-content {
	color: #a28a5e;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.wrap-right {
	height: 100%;
	background: #353535;
}

.comment-part {
	position: relative;
}

/*
.otvet {
	position: absolute;
	bottom: 5px;
	left: 0;
	font-size: 14px;
}
*/
/*
.like-com {
	position: absolute; 
	bottom: 5px; 
	left: 110px;
}
*/

.like-com-index {
	position: absolute; 
	bottom: 10px; 
	right: 5px;
}

.span-otvet {
	color: gray;
    font-style: italic;
    display: inline-block;
    margin-top: 5px;
	font-size: 12px;
}



.block-more {
	text-align: right;
}

.warning {
	color: red;
	padding: 0 20px;
	font-size: 14px;
}

.warning-com {
	padding: 10px 10px 10px 30px;
	font-size: 14px;
	background: #ffc3c3;
	background-image: url('/img/site/error.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.warning-com-fixed {
	padding: 55px 40px;
	text-align: center;
	margin: 0;
	background-image: none;
}

.warning-com-fixed2 {
	position: fixed;
	margin: -184px 0 0 0;
	width: 450px;
}

.complete-info {
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	background: #a9ff98;
	margin-bottom: 20px; 
	background-image: url('/img/site/complete.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	border: 1px dashed #6c4700;
}

.part-info {
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	background: #f2e199;
	margin-bottom: 20px; 
	background-image: url('/img/site/part.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	border: 1px dashed #6c4700;
}

.delete-info {
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	background: #ffb3b3;
	margin-bottom: 20px; 
	background-image: url('/img/site/error.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.warning-mini {
	color: red;
	padding: 0 10px 10px 10px;
	font-size: 14px;
	font-weight: bold;
}

a.more {
	font-style: italic;
	font-size: 14px;
	color: #6c4700;
	display: inline-block;
}

.right-block {
	margin: 0 0 100px 15px;
}

.text-status {
	padding: 5px 5px 5px 35px;
	border-radius: 5px;
	font-style: italic;
	color: #606060;
	background-color: #ffe7ba;
	background-image: url('/img/site/ico-status.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 8px 6px;
	word-wrap: break-word;
}

img.avatar-account {
	width: 140px;
	float: left;
	margin: 10px 0;
}

main {
	margin-top: 75px;
}

.table-right-data {
	padding: 3px 8px;
	background: #ffe7ba;
	border-radius: 3px;
	color: #313131;
	font-weight: bold;
	margin: 1px 0;
	display: inline-block;
	font-size: 14px;
	font-style: normal;
}

.table-left {
	text-align: right;
	color: #606060;
	font-size: 14px;
}

.table-right {
	color: #606060;
	font-size: 14px;
	font-style: italic;
}

.table-user-data {
	margin: 25px auto;
}

.user-data-top {
	font-size: 18px;
	font-weight: bold;
	color: #6c4700;
	background: #ffe7ba;
	padding: 10px;
	border-radius: 5px;
}

.user-data-online {
	float: right; 
	font-size: 12px; 
	font-weight: normal; 
	color: gray; 
	margin: 5px 0 0 0;
}

.online {
	margin: 0 4px 1px 0; 
	display: inline-block; 
	width: 6px; 
	height: 6px; 
	border-radius: 3px; 
	background-color: green;
}

.text-news {
	font-size: 14px;
}

.title-news {
	font-size: 20px;
	font-weight: bold;
}

.date-news {
	float: right;
	margin: 6px 0 0 10px;
	color: gray;
	font-size: 12px;
}

.otvet-news {
	text-align: right;
}

.header {
	margin: 0 auto;
	height: 50px;
	width: 100%;
	text-align: center;
	display: flex;
}


.head:nth-child(1) {
 flex: 0 0 130px;
}

.head:nth-child(2) {
 flex: 0 1 100%;
}

.head:nth-child(3) {
 flex: 0 0 270px;
 text-align: right; 
}

.head:nth-child(1) img {
	margin: 5px;
	height: 40px;
}

.head:nth-child(2) img {
height: 30px;
margin: 10px 2px;
}

.head:nth-child(3) img {

}

.head-icon {
display: inline-block;
vertical-align: top;
height: 34px;
width: 34px;
background-image: url('/img/site/sprite-head.png');
background-repeat: no-repeat;
background-size: 258px;
margin: 8px 1px;
}

.head-icon img {
	width: 34px;
	height: 34px;
}



.hico1 {background-position: 0 bottom;} /* чёрный юзер */
.hico2 {background-position: -34px bottom;} /* ЛС */
.hico3 {background-position: -68px bottom;} /* новости */
.hico4 {
		background-position: -102px bottom;
		display: none;
		margin: 8px 0;
		width: 28px;
		} /* рубрики */
.hico5 {background-position: -136px bottom;} /* добавить */
.hico6 {background-position: -170px bottom; width: 54.4px;} /* мобилки */
.hico7 {background: none;} /* аватар пользователя - мем */
.hico8 {background-position: -224px bottom;} /* ключик */

.hico1:hover {background-position: 0 top;}
.hico2:hover {background-position: -34px top;}
.hico3:hover {background-position: -68px top;}
.hico4:hover {background-position: -102px top;}
.hico5:hover {background-position: -136px top;}
.hico6:hover {background-position: -170px top;}
.hico8:hover {background-position: -224px top;}

.footer {
position: fixed;
bottom: 10px;
width: 190px;
}

.nocomments {
	height: 200px;
	padding: 80px;
	background-image: url('/img/site/nocomments.png');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: gray;
}

.content {
	background: white;
	box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	border: 1px solid rgba(147, 184, 189,0.8);
	margin-bottom: 40px;
	box-sizing: border-box;
}

.wrap-header {
	background: #ffa800; 
	border-bottom: 1px solid #d08900;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px gray;
	height: 50px;
	position: fixed;
	width: 100%;
	z-index: 5;
	top: 0;
}
.wrap-footer {
	background-color: #3e3e3e;
	border-top: 1px solid gray;
	box-shadow: inset 0px 8px 7px -3px rgba(33, 31, 36, 0.64);
	color: white;
}

#button-reg, #button-reg-left {
	text-align: center;
}

H1 {
	font-size: 20px;
	font-weight: normal;
}

.footer-red {
background: #ffe0e0;
border-top: 1px solid #ffb4b4;
}

.radio-views {
padding: 5px;
background: #e3e3e3;
border-radius: 4px;
border: 1px solid #b5b2b2;
display: block;
margin-right: 5px;
cursor: pointer;
color: #4d4d4d;
font-size: 14px;
margin-bottom: 5px;
}

.button-red {
background: #ff5b5b !important;
color: #a40000 !important;
}

.button-red:hover {
background: #ff9191 !important;
}

.wrap-title-content {
	border-left: 6px double #5bc800;
	padding: 0 0 0 10px;
	margin: 0 0 30px 0;
	font-size: 16px;
	font-style: italic;
}

.h1-content {
	font-weight: bold;
	font-size: 16px;
}

h2 {
	font-size: 20px;
}

.text-content {
	font-size: 18px;
	margin: 40px 20px;
}

ul{
	list-style:none;
}



ul.warning{
	list-style: circle;
	margin: 0;
	text-align: left;
	color: red;
}

li {
	margin: 0 0 7px 0;
}

li > a {
	text-decoration: none;
	color: #a1a1a1;
}

li > a:hover {
	color: #ffa800;
}
li > a:hover .icon-rating{
	color: #6c4700;
	background: #fff9cf;
	border: 1px solid #6c4700;
}



.icon-edit {
width: 22px;
height: 22px;
display: inline-block;
margin: 0 0 -6px 4px;
padding: 0;
background-image: url('/img/site/edit.png');
background-repeat: no-repeat;
position: absolute;
}

.icon-post-edit {
width: 22px;
height: 22px;
display: inline-block;
margin: 0 0 -6px 4px;
padding: 0;
background-image: url('/img/site/edit.png');
background-repeat: no-repeat;
float: right;
}

.com-admin-go {
	display: inline-block !important;
	padding: 2px 5px !important;
	font-size: 14px !important;
	background: #45ce45 !important;
	color: white !important;
	font-weight: bold !important;
	cursor: pointer !important;
	border: 1px solid #0aac0a !important;
	transition: 0.5s !important;
	border-radius: 3px !important;
	width: auto !important;
	margin-top: 5px !important;
}

.com-admin-del {
	display: inline-block !important;
	padding: 2px 5px !important;
	font-size: 14px !important;
	background: #ff5a5a !important;
	color: white !important;
	font-weight: bold !important;
	cursor: pointer !important;
	border: 1px solid #c80000 !important;
	transition: 0.5s !important;
	border-radius: 3px !important;
	width: auto !important;
	margin-top: 10px !important;
}

.icon-rating {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 2px 6px;
	border-radius: 20px;
	color: #acacac;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #acacac;
}



.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 5px -4px 0;
	padding: 0;
	background-image: url('/img/site/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 16px;

}

a:hover .icon{background-position: 0 top;}

a.link-rubric {
color: #979797;
font-size: 14px;
text-decoration: none;
margin: 0 5px 0 0;
}

a.link-rubric:hover {
color: black;
}


.icon-social {
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 5px;
	padding: 0;
	background-image: url('/img/site/sprite-social.png');
	background-repeat: no-repeat;
	background-size: 320px;
}

.ico-soc1 {background-position: 0 top;}
.ico-soc2 {background-position: -40px top;}
.ico-soc3 {background-position: -80px top;}
.ico-soc4 {background-position: -120px top;}
.ico-soc5 {background-position: -160px top;}
.ico-soc6 {background-position: -200px top;}
.ico-soc7 {background-position: -240px top;}
.ico-soc8 {background-position: -280px top;}


.user-menu {
	width: 20px;
	display: inline-block;
	height: 20px;
	margin: 0 8px -4px 0;
	background-image: url('/img/site/sprite-user-menu.png');
}

.user-menu-exit {
	width: 16px;
	display: inline-block;
	height: 16px;
	margin: 0 3px -2px 0;
	background-image: url('/img/site/sprite-user-menu.png');
	background-size: 180px;
}

.user-menu-mess {
	padding: 0 4px;
	display: inline-block;
	background: #ffa800;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #717171;
	margin: 0 0 0 5px;
	text-align: center;
	border: 1px solid;
}

.tags {
color: #d08900;
background: #ffe7ba;
border: 1px solid #d08900;
margin: 0 8px 10px 0;
border-radius: 3px;
display: inline-block;
font-weight: bold;
font-size: 14px;
}

.tags-del {
float: right;
width: 20px;
height: 20px;
background-image: url(https://pictok.ru/img/site/error.png);
background-size: 14px;
background-repeat: no-repeat;
cursor: pointer;
background-position: 3px;
}

.tags-text {
padding: 2px 4px 1px 6px;
display: inline-block;
}



.user-menu-icon1 {background-position: 0 top;}
.user-menu-icon2 {background-position: -20px top;}
.user-menu-icon3 {background-position: -40px top;}
.user-menu-icon4 {background-position: -60px top;}
.user-menu-icon5 {background-position: -80px top;}
.user-menu-icon6 {background-position: -100px top;}
.user-menu-icon7 {background-position: -120px top;}
.user-menu-icon8 {background-position: -140px top;}
.user-menu-icon11 {background-position: -200px bottom;}

.active-icon1 {background-position: 0 bottom;}
.active-icon2 {background-position: -20px bottom;}
.active-icon3 {background-position: -40px bottom;}
.active-icon4 {background-position: -60px bottom;}
.active-icon5 {background-position: -80px bottom;}
.active-icon6 {background-position: -100px bottom;}
.active-icon7 {background-position: -120px bottom;}
.active-icon8 {background-position: -140px bottom;}

/*
a:hover .user-menu-icon1 {background-position: 0 bottom;}
a:hover .user-menu-icon2 {background-position: -20px bottom;}
a:hover .user-menu-icon3 {background-position: -40px bottom;}
a:hover .user-menu-icon4 {background-position: -60px bottom;}
a:hover .user-menu-icon5 {background-position: -80px bottom;}
a:hover .user-menu-icon6 {background-position: -100px bottom;}
a:hover .user-menu-icon7 {background-position: -120px bottom;}
a:hover .user-menu-icon8 {background-position: -140px bottom;}
a:hover .user-menu-icon11 {background-position: -164px bottom;}
*/

.menu-right {
	color: #3c3c3c;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

ul.account{
	list-style:none;
	margin: 0;
}
li.account{
	margin: 0 0 5px 0;
}



.margin {
	margin: 100px 0;
}

.margin50 {
	margin: 50px 0;
}

.title-mess {
	font-size: 16px;
	font-weight: bold;
}

.text-mess {
	font-size: 14px;
}

.date-mess {
	float: right;
	font-size: 12px;
	color: gray;
}

.wrap-menu {
	padding: 10px;
	position: fixed;
	top: 50px;
	width: 180px;
}

.wrap-left-menu {
	display: none;
}

.change-user {
	padding: 1px 6px;
	background: orange;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

.button-mess-del {
	background-image: url('/img/site/ico-urna.png');
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 6px 0 6px 32px;
	background-color: #ffa800;
	color: #6c4700;
	font-weight: bold;
	margin: 5px 0 0 0;
	text-decoration: none;
	font-size: 14px;
	transition: 0.3s;
	height: 17px;
	float: right;
}

.button-mess-del:hover {
	background-color: #ffc14a;
	color: #5c5000;
}

a.button {
	cursor: pointer;
	background-color: #ffa800;
	padding: 14px 0;
	border-radius: 70px;
	color: #6c4700;
	font-weight: bold;
	border: 1px solid #6c4700;
	transition: 0.5s;
	text-decoration: none;
	display: block;
	text-align: center;
}
a.button:hover {
	background-color: #ffc14a;
	color: #4d3200;
}
a.button-3 {
	padding: 10px 0;
}
a.button-33 {
	padding: 10px 0;
	font-weight: normal;
}
a.button-4 {
	padding: 10px;
	float: right;
	margin-top: 5px;
}
a.button-5 {
	text-align: center;
	box-sizing: border-box;
	width: 230px;
}
a.button-6 {
	padding: 8px 10px;
	float: right;
	margin: -5px;
	font-size: 14px;
}

a.button-comments {
	cursor: pointer;
	background-color: #ffa800;
	padding: 10px 20px;
	border-radius: 3px;
	color: #6c4700;
	font-weight: bold;
	border: 1px solid #6c4700;
	transition: 0.5s;
	text-decoration: none;
}
a.button-comments:hover {
	background-color: #ffe636;
}

.wrap-button-start {
	margin: 0 auto; 
	width: 120px;
}
a.button-start {
	margin: 0 auto;
	width: 120px;
	border-radius: 75px;
	box-shadow: 0pt 0 10px rgba(105, 108, 109, 0.7);
	border: 4px solid #835703;
	padding: 43px 0; 
	font-size: 26px;
}

.help {
	display: table-cell;
	padding: 0 5px 0 0;
	height: 48px;
	vertical-align: middle;
	background: none;
	color: black;
	border: none;
	width: 130px;
}

.wrap-pages {
	text-align: center;
	margin: 50px 0 100px 0;
}


.ajax-but-com {
	float: right;
	width: 157px;
	text-align: center;
}

.ajax-comment {
position: fixed;
bottom: 0;
right: 0;
width: 450px;
height: 151px;
background: white;
border-top: 3px double #e3e3e3;
box-sizing: border-box;
overflow: auto;
scrollbar-width: thin;
}


.wrap-comment {
	background: white;
	margin: 50px 0 0 0;
	height: calc(100% - 197px);
	position: fixed;
	overflow: auto;
	width: 450px;
	scrollbar-width: thin;
	top: 0;
	right: 0;

	/*
	margin: 0 auto 100px auto;
	max-width: 700px;
	width: 100%;
	*/
}

.wrap-comment-height {
	box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7);
}



.comment:last-child {
	border: none;
}

.comment-part:nth-child(1) {
 flex: 0 1 80px;
 padding: 5px;
 text-align: center;
}

.comment-part-update {
 flex: 0 1 60px !important;
}

.comment-part:nth-child(2) {
 flex: 0 1 100%;
padding: 5px 5px 5px 0;
}


.comment2 {
	display: flex;
	line-height: 1.2em;
}


.comment2-part {
	position: relative;
}

.comment2-part:nth-child(1) {
 flex: 0 0 6px;
 padding: 0px;
 text-align: center;
}

.comment2-part:nth-child(1) > img {
	width: 70px;
	height: 70px;
}

.comment2-part:nth-child(2) {
 flex: 0 1 100%;
padding: 0 0 5px 5px;
}

.comment-date {
	float: right;
	margin: 0 0 0 20px;
	font-size: 12px;
	color: #a6a6a6;
}

.comment-user {
	font-weight: bold;
}

.comment-new {
	float: right;
	font-size: 12px;
	color: green;
	font-weight: bold;
}

.comment-user > a{
	text-decoration:none;
	color: black;
}

.comment {
	border-top: 1px solid #e3e3e3;
	line-height: 1.2em;
	display: flex;
}

.comment-update {
	margin: 0 0 0 80px;
}

.comment-add {
	box-sizing: border-box;
	background: white;
	padding: 10px;

	right: 0;
	bottom: 0;
	width: 450px;
}

.comment-add-update {
	box-sizing: border-box;
	padding: 10px;
	margin: 0 0 0 auto;
	background: #d7d7d7;
}


.new-comment {
	
}

.comment-smile {
	width: 30px;
	height: 30px;
	margin: 10px 2px 0 0;
	cursor: pointer;
	background-image: url('/img/site/sprite-smile.png');
	background-repeat: no-repeat;
	display: inline-block;
}

.smile1 {background-position: 0 bottom;}
.smile2 {background-position: -30px bottom;}
.smile3 {background-position: -60px bottom;}
.smile4 {background-position: -90px bottom;}
.smile5 {background-position: -120px bottom;}
.smile6 {background-position: -150px bottom;}

.wrap-balls {
	height: 26px;
	margin: 15px 0 0 0;
}

.wrap-balls-footer {
	margin: 30px 120px 10px 120px;
}


.float-right {
	float: right;
}

/*
.content-info {
	padding: 10px 20px;
	color: #808080;
	background: #ececec;
	border-top: 1px solid #d3d3d3;
}
*/

.content-info-index {
    color: #a6a6a6;
    margin-bottom: 15px;
}

.info-post {
	display: inline-block;
	font-size: 12px;
}

.info-post > a {
	color: #a6a6a6;
	text-decoration: none;
}

.info-post > a:hover {
	color: #404040;
}

.info-user {
	background: url('/img/site/ico-user.png');
	background-size: 16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 3px -3px 0;
}

.info-date {
	background: url('/img/site/ico-date.png');
	background-size: 16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 3px -3px 0;
}

.button-social-add {
	background: #51d951;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	color: white;
	margin: 10px 0;
	display: block;
	text-decoration: none;
	height: 40px;
	position: relative;
	border: 1px solid #6c4700;
}

.button-social-add2 {
	background: #c1c4cb;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	color: white;
	margin: 10px 0;
	display: block;
	text-decoration: none;
	height: 40px;
	position: relative;
	border: 1px solid #8f8f8f;
}

.button-social-text {
	position: absolute;
	top: 12px;
	left: 50px;
}

.button-social-icon {
	background-image: url('/img/site/sprite-social.png');
	background-repeat: no-repeat;
	background-size: 320px;
	height: 40px;
	width: 40px;
	display: inline-block;
}


.footer-add {
background: #e1e1e1;
border-top: 1px solid #c1c1c1;
padding: 20px;
font-size: 14px;
}

.footer-add-part {
padding: 4px 0 0 22px;
background: url(/img/site/krug.png);
background-repeat: no-repeat;
background-position: 0 2px;
}

.footer-add-part-ok {
padding: 4px 0 0 22px;
background: url(/img/site/complete.png);
background-repeat: no-repeat;
background-position: 0 4px;
color: green;
background-size: 16px;
}

.footer-add-part-error {
padding: 4px 0 0 22px;
background: url(/img/site/error.png);
background-repeat: no-repeat;
background-position: 0 4px;
color: red;
background-size: 16px;
}

.footer-add-text {
padding: 0 0 0 21px;
color: gray;
font-style: italic;
}

.wrap-added {
background: white;
box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
border: 1px solid rgba(147, 184, 189,0.8);
box-sizing: border-box;
display: inline-block;
width: 186px;
text-align: center;
margin: 5px;
height: 215px;
vertical-align: top;
}

.wrap-added-no {
background: #fee;
}

.added-mod {
font-size: 12px;
color: #555;
padding: 4px;
text-align: center;
background: #e8e8e8;
border-bottom: 1px solid #d2d2d2;
font-weight: bold;
}

.added-mod-no {
color: #ae0505;
background: #ff9b9b;
}

.wrap-img {
height: 186px;
display: table-cell;
vertical-align: middle;
width: 184px;
}

.wrap-added div > img {
max-height: 160px;
display: block;
margin: 0 auto;
max-width: 176px;
}

a.link-added {
font-size: 12px;
color: #6c4700;
text-decoration: none;
border-bottom: 1px dashed;
}

.button-soc-ico1 {background-position: 0 top;}
.button-soc-ico2 {background-position: -40 top;}
.button-soc-ico3 {background-position: -80 top;}
.button-soc-ico4 {background-position: -120px top;}
.button-soc-ico5 {background-position: -160px top;}
.button-soc-ico6 {background-position: -200px top;}
.button-soc-ico7 {background-position: -240px top;}
.button-soc-ico8 {background-position: -280px top;}

.button-soc-icon1 {background-position: 0 bottom;}
.button-soc-icon2 {background-position: -40 bottom;}
.button-soc-icon3 {background-position: -80 bottom;}
.button-soc-icon4 {background-position: -120px bottom;}
.button-soc-icon5 {background-position: -160px bottom;}
.button-soc-icon6 {background-position: -200px bottom;}
.button-soc-icon7 {background-position: -240px bottom;}
.button-soc-icon8 {background-position: -280px bottom;}

.button-social-add2:hover .button-soc-icon1 {background-position: 0 top;}
.button-social-add2:hover .button-soc-icon2 {background-position: -40 top;}
.button-social-add2:hover .button-soc-icon3 {background-position: -80 top;}
.button-social-add2:hover .button-soc-icon4 {background-position: -120px top;}
.button-social-add2:hover .button-soc-icon5 {background-position: -160px top;}
.button-social-add2:hover .button-soc-icon6 {background-position: -200px top;}
.button-social-add2:hover .button-soc-icon7 {background-position: -240px top;}
.button-social-add2:hover .button-soc-icon8 {background-position: -280px top;}



.text-social-add {
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 10px;
}

.button-social-add:hover .text-social-add, .button-social-add2:hover .text-social-add{
	text-decoration: underline;
}
/*
.balls {
	width: 22px;
	height: 22px;
	margin: 0 0 -4px 0;
	cursor: pointer;
	background-image: url('/img/site/sprite-balls.png');
	background-repeat: no-repeat;
	display: inline-block;
}
*/

.ico-like {
	background-image: url('/img/site/sprite-like.png');
}
.ico-comment {
	background-image: url('/img/site/sprite-comment.png');
}
.ico-repost {
	background-image: url('/img/site/sprite-repost.png');
}

.ball-ico {
	width: 26px;
	height: 26px;
	margin: 0 0 -8px 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 26px;
	display: inline-block;
	background-position: 0 bottom;
}

.ball:hover .ball-ico {background-position: 0 top;}

.ball-ico > img {
	width: 26px; 
	height: 26px; 
	display: block;
}

.ball-com-ico {
	width: 18px;
	height: 18px;
	margin: 0 0 -3px 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 36px;
	display: inline-block;
	background-position: 0 bottom;
	background-image: url('/img/site/sprite-balls.png');
}

.ball:hover .ball-com-ico {background-position: 0 top;}

.ball-com-ico > img {
	width: 18px; 
	height: 18px; 
	display: block;
}


.ball {
border-radius: 3px;
cursor: pointer;
display: inline-block;
margin: 0 10px 0 0;
}

.ball-right {
float: right;
margin: 0 0 0 10px;
}
.ball-ico-right {
width: 18px;
height: 26px;
margin: 0 0 -8px 0;
background-repeat: no-repeat;
background-size: 18px;
display: inline-block;
background-position: 0;
background-image: url('/img/site/view.png');
}
.count-ball-right {
color: #acaeb5;
font-size: 14px;
}



.count-ball {
	font-size: 16px;
	color: #915f00;
}


.count-ball-com {
	font-size: 14px;
	color: #6c4700;
	padding: 0 0 0 20px;
	background-image: url('/img/site/like-gray.png');
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 16px;
	margin-top: 8px;
}


.comment-part:nth-child(1) > img {
	width: 70px;
	height: 70px;
}
	
	
.footer-ajax-com {
	text-align: center;
	padding: 10px;
	font-weight: bold;
	color: #6c4700;
	font-size: 14px;
}

.comment-text {
	margin-bottom: 10px;
	font-size: 14px;
}

.comment-text-index {
	font-size: 14px;
}

.comment-text > img, .comment-text-index > img {
	width: 20px;
	height: 20px;
	margin: 0 0 -5px 0;
}

textarea {
	padding: 10px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	width: 100%;
	height: 80px;
	resize: none;
	box-sizing: content-box;
	box-sizing: border-box;
	border: 1px solid rgb(178, 178, 178);
	margin-bottom: 0px;
	box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	/* transition: all 0.2s linear; */
}

textarea.textarea-update {
	height: 56px;
}

.link-left-top {
display: inline-block;
padding: 8px;
border: 1px solid #aeaeae;
border-radius: 5px;	
background: white;
}
.link-left-top:hover {
border: 1px solid #4f4f4f;
}
.link-left-top-active {
background: #ffa800;
border: 1px solid #4f4f4f;
}
.user-menu-top {
display: block;
width: 20px;
height: 20px;
background-image: url('/img/site/sprite-user-menu.png');	
}


.no-account {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 20px;
	background: white;
}

a.link {
	color: #6c4700;
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px dashed #6c4700;
}

a.link-more {
	color: #6c4700;
	display: inline;
	text-decoration: none;
	border-bottom: 1px dashed #6c4700;
	font-size: 12px;
	font-style: italic;
}

a.link:hover {
	border-bottom: 1px solid transparent;;
}

a.link-otvet {
	background: url('/img/site/ico-otvet2.png');
    background-repeat: repeat;
	background-repeat: no-repeat;
	padding: 0 0 0 24px;
	color: #6c4700;
	display: inline-block;
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
	font-size: 14px;
	margin-right: 10px;
}

a.link-normal{
	font-size: 14px;
	color: #6c4700;
	text-decoration: none;
	font-weight: bold;
}

a.link-left {
	color: #717171;
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 6px 5px 6px 4px;
	box-sizing: border-box;
	border-left: 5px solid transparent;
	border-radius: 5px;
	margin-bottom: 2px;
}

a.link-left-active {
	background: #ffa700 !important;
	color: #fff;
	border-left: 5px solid #6c4700;
}

a.link-left:hover {
	background: #d7d7d7;
}


a.link-big {
	color: #6c4700;
	display: inline-block;
	font-size: 18px;
}

a.link-header {
	color: #fff;
	display: inline-block;
	margin: 16px 4px;
	font-weight: bold;	
	text-decoration: none;
	vertical-align: top;
}

a.link-header:hover {
	text-decoration: underline;
}


a.link-footer {
color: #737373;
display: inline-block;
margin: 3px 5px 0 0;
font-family: PTSansCaptionRegular;
font-size: 13px;
text-decoration: none;
border-bottom: 1px solid transparent;
}

a.link-footer:hover {
    border-bottom: 1px solid #737373;
}

.copyright {
color: #939393;
font-size: 14px;
margin-top: 4px;
}
.copyright > p {
	font-family: PTSansCaptionRegular;
}


.image {
    width: 100%;
    box-sizing: border-box;
	padding: 20px;
}


.image > img {
    display: block;
    margin: 0 auto;
    max-width: 560px;
    max-height: 500px;
}


.hidden {
    opacity: 0;
    transition-duration: .5s;
}




.text-body {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
}

.text-body > img{
	width: 150px;
}






.form_register {
	max-width: 350px;
	margin: 0 auto;
}

input[type="submit"], input[type="button"] {
	cursor: pointer;
	background-color: #ffa800;
	padding: 10px 0;
	border-radius: 5px;
	color: #6c4700;
	font-weight: bold;
	border: 1px solid #6c4700;
	transition: 0.5s;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 16px;
}
input[type="submit"]:hover, input[type="submit"]:hover {
	background-color: #ffc14a;
	color: #4d4300;
}
input[type="submit"]:active, input[type="submit"]:focus {
	background-color: #ffa800 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="file"], select {
margin-bottom: 10px;
padding: 10px;
border: 1px solid rgb(178, 178, 178);
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;	
outline: none;
width: 100%;
box-sizing: border-box;
}
#form_register input[name="captcha"] {
	vertical-align: top; 
	font-size: 24px;
	margin: 0;
}
#form_register input:not([type="checkbox"]):active, #form_register input:not([type="checkbox"]):focus {
    border: 1px solid rgba(91, 90, 90, 0.7);
    background: rgba(238, 236, 240, 0.2);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}

img.captcha {
	vertical-align: top;
}

.title-input {
	color: rgb(64, 92, 96);
	font-size: 13px;
	text-align: left;
}

.title-input-for-right {
	margin-top: -10px;
}

.info-input {
	color: rgb(64, 92, 96);
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}

/*
.reg-header {
	font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}
*/

.reg-header-2 {
	font-size: 30px;
	padding-top: 0;
}

.text-social-left {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
	font-style: italic;
	color: #353535;
}

.align {
	text-align: center;
}

.footer-news-left {
	margin: 20px 0 0 0;
}

.span-otvet-left {
	color: gray;
	font-style: italic;
	margin-top: 5px;
	font-size: 12px;
	float: right;
}

hr.style-volna {
	margin: 20px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}



.wrap-content {
	margin: 30px 20px;
}


.footer-register {
	background: #e1e1e1;
	border-top: 1px solid #c1c1c1;
	padding: 20px;
	text-align: center;
	margin: 40px 0 0 auto;
	font-style: italic;
	font-size: 14px;
}


fieldset.register-for-right {
	box-sizing: border-box;
	padding: 10px 5px;
	text-align: center;
	border: none;
	border-top: 1px solid #c6c6c6;
	font-size: 14px;
	font-style: italic;
}
legend.register {
	margin: 0 auto;
	padding: 0 10px;
	color: gray;
}

.news-text-right {
	font-size: 14px;
	color: #353535;
}

.text-red {
	color: red;
}

.border-red {
	border: 1px solid red !important;
}

.news-header {
	border-bottom: 1px solid #d0d0d0;
	padding: 20px;
	font-size: 20px;
	color: black;
}

.news-header > a.news-h {
float: right;
font-size: 14px;
margin-top: 4px;
color: #919191;
text-decoration: none;
border-bottom: 1px dashed;	
}

.news-header > a.news-h:hover {
color: #424242;
border-bottom: none;
}

.button123{
cursor:pointer;
text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982a5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982a5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
   -webkit-transition: background 1s linear;
 -moz-transition:  background 1s linear;
 -o-transition:  background 1s linear;
 transition:  background 1s linear;
 }
 
 .button123:hover{
 color: #BFF; 
 }
 
 .button123:active{
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#3ba4c7 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4c7', endColorstr='#3ba4c7',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#3ba4c7 100%);   
}
















a.button27 {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #000;
  outline: none;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;
}

a.but27 {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #000;
  outline: none;
  border-radius: 5px;
  background: #dcdcdc linear-gradient(#fff, #dcdcdc);
  box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}

a.button27:hover {
  background: #dcdcdc linear-gradient(#fff, #dcdcdc);
  box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}
a.button27:active {
  background: none;
    box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0,0,0,.5) inset, 0 1px 2px #fff;
}