/* [161331] Переверстываем отзывы под новый плавающий блок на www */
.recense {
	margin-bottom: 45px;
}
.user-avatar {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.recenses .input_text {
	padding: 10px;
	font-size: 16px;
	line-height: 18px;
	min-width: 280px;
	border-radius: 3px;
}
.recenses .btn_black {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	padding: 0 17px;
}
.recenses__add-recense-link {
	text-decoration: none;
	line-height: 40px;
	display: block;
	position: relative;
	padding: 0 10px 0 35px;
}
.add-recense__edit-text {
	font-size: 16px;
}
.recenses__add-recense-link::before {
	content: "+";
	display: block;
	color: #106edc;
	font-family: "Times New Roman";
	font-size: 30px;
	font-weight: bold;
	padding-right: 5px;
	position: absolute;
	top: -1px;
	left: 11px;
}
.recenses__add-recense-link:hover::before {
	color: #ff4c14;
}
.recenses__add-recense {
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
}
.recenses__title-container {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}
.recenses__title-container .biblio-book__title {
	margin: 0;
}
.recense__info {
	display: flex;
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	margin-bottom: 5px;
}
.recense__info_bottom {
	display: flex;
	width: 100%;
}
.recense__content {
	padding-left: 50px;
}
.recense__date {
	color: #767579;
	font-size: 14px;
	line-height: 18px;
}
.recense__date_shortened {
	display: none;
}
.recense__text,
.comment__text {
	font-size: 16px;
	line-height: 25px;
	color: #000;
	white-space: pre-wrap;
	word-break: break-word;
}
.recense__text .title{
	padding-bottom: 20px;
	font-style: italic;
	color: #757478;
}
.user-name__wrapper {
	display: flex;
}
.user-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	padding-top: 3px;
}
.user-name__link {
	color: #3b393f;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.user-name__link:hover {
	color: #ff4c00;
}
.user-author {
	font-size: 14px;
	line-height: 22px;
	color: #767579;
	position: relative;
	margin-left: 5px;
	padding-left: 26px;
	white-space: nowrap;
	cursor: auto;
}
.user-author__verified {
	width: 22px;
	height: 22px;
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	padding: 0 3px;
	cursor: pointer;
}
.user-author__verified_icon {
	width: 16px;
	height: 22px;
	display: block;
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L9.74341 1.49352L12 1.0718L12.7631 3.23693L14.9282 4L14.5065 6.25659L16 8L14.5065 9.74341L14.9282 12L12.7631 12.7631L12 14.9282L9.74341 14.5065L8 16L6.25659 14.5065L4 14.9282L3.23693 12.7631L1.0718 12L1.49352 9.74341L0 8L1.49352 6.25659L1.0718 4L3.23693 3.23693L4 1.0718L6.25659 1.49352L8 0Z' fill='%230E920E'/%3E%3Crect x='4.70703' y='7.45508' width='3.6483' height='1' rx='0.5' transform='rotate(45 4.70703 7.45508)' fill='white'/%3E%3Crect x='11.7852' y='5.70703' width='7.22475' height='1' rx='0.5' transform='rotate(135 11.7852 5.70703)' fill='white'/%3E%3C/svg%3E%0A") center center no-repeat;
}
.user-author__verified_icon:hover {
	opacity: 0.8;
}
.user-author__verified_popup {
	position: absolute;
	top: -7px;
    left: 25px;
	line-height: 14px;
	display: none;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1), 0 0 5px 0 rgba(0,0,0,0.15);
	color: #767579;
	white-space: nowrap;
	cursor: auto;
	z-index: 1;
}
.user-author__verified_popup:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 14px;
	left: -3px;
	background: #fff;
}
.user-author__verified_popup_inner {
	display: block;
	background: #fff;
	padding: 10px;
	width: 100%;
	height: 36px;
	line-height: 16px;
}
.user-author__verified_popup.active:not(.pinned),
.user-author__verified_popup.pinned {
	display: block;
}
.user-author__verified_popup.reverted {
	left: auto;
	right: 25px;
}
.user-author__verified_popup.reverted:after {
	left: auto;
	right: -3px;
}
.recense__profile-wrap {
	display: flex;
	cursor: pointer;
	max-width: 100%;
}
.recense__info_avatar {
	width: 50px;
	height: 40px;
	flex: 0 0 50px;
}
.recense .recense__info:not(.add-recense__info) > .recense__info_avatar {
	cursor: pointer;
}
.recense .recense__info:not(.add-recense__info) > .recense__info_avatar:hover {
	opacity: 0.8;
}
.recense__profile-info {
	width: 100%;
}
.recense__socials {
	display: flex;
}
.recense__socials .likes__like-container {
	min-width: 65px;
}
.recense__socials .likes__like-container .likes__like-value {
	font-size: 16px;
	margin-right: 5px;
}
.recense__socials .dropdown-container{
	padding-top: 4px;
}
.recense__profile {
	width: calc(100% - 50px);
	padding-right: 21px;
}
#main-page .recense__profile {
	padding-right: 4px;
}
.add-recense__form .recense__profile {
	max-width: 100%;
}
.recense__stars {
	text-align: right;
	flex-grow: 1;
	padding: 1px 2px 0 0;
}
.recense__vote-stars {
	display: inline-flex;
	width: 96px;
	height: 16px;
	justify-content: space-between;
	align-items: center;
}
.recense__vote-stars .vote-star {
	width: 16px;
	height: 16px;
}
.recenses__add-recense-container {
	margin-top: 40px;
}
.recense__bonus {
	padding: 27px 20px 0 75px;
	display: none;
	justify-content: space-between;
	align-items: center;
}
.add-recense_bonus .recense__bonus {
	display: flex;
}
.recense__bonus a {
	text-decoration: none;
}
.recense__litcoin {
	z-index: 2;
}
.recense__litcoin-num {
	color: #ff4c00;
	font-size: 48px;
	font-weight: bold;
	position: relative;
	top: 2px;
}
.recense__litcoin-icon {
	display: inline-block;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	position: relative;
	top: 6px;
	background-image: url("data:image/svg+xml,%3Csvg width='40px' height='40px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='97.3582009%25' x2='50%25' y2='0%25' id='litcoinGradient'%3E%3Cstop stop-color='%23FA9261' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23F76B1C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='litcoin_%7Bgenerate-id()%7D' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard-%7Bgenerate-id()%7D' transform='translate(-642.000000, -250.000000)'%3E%3Cg id='LitCoin-Л' transform='translate(642.000000, 250.000000)'%3E%3Cg id='litcoinGroup-%7Bgenerate-id()%7D' stroke-width='1'%3E%3Cg id='litcoinGroup-%7Bgenerate-id()%7D'%3E%3Ccircle id='Oval' stroke='%23FF4C00' fill='%23FF4C00' cx='10' cy='10' r='9.5'%3E%3C/circle%3E%3Ccircle id='Oval' fill='url(%23litcoinGradient)' cx='10' cy='10' r='8.5'%3E%3C/circle%3E%3Ccircle id='Oval' fill='%23FF4C00' cx='9.25' cy='9.25' r='8.25'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cpath d='M9.02438854,6.48233573 C8.99195178,7.25203819 8.95536896,7.95272106 8.91488398,8.58487213 C8.87415511,9.21677932 8.81952477,9.78625183 8.75099296,10.2923141 C8.68197338,10.7986203 8.59076023,11.246394 8.47735349,11.6351474 C8.36394676,12.0241447 8.21810327,12.3602188 8.03982301,12.6438576 C7.92641628,12.8304299 7.79862031,12.9843217 7.65692286,13.1057766 C7.51522542,13.2269877 7.36718696,13.324298 7.21353913,13.3974636 C7.05940353,13.4703853 6.90746289,13.5208696 6.75771723,13.5494042 C6.60772768,13.5776949 6.46798133,13.5918403 6.33847815,13.5918403 C6.15214968,13.5918403 5.99606299,13.5776949 5.87046199,13.5494042 C5.74486099,13.5208696 5.62169884,13.4784336 5.5,13.4216083 L5.68218243,11.9878057 C5.73071563,12.0041461 5.77924883,12.0160964 5.82802592,12.0241447 C5.87655912,12.0321929 5.92533621,12.0363389 5.97386942,12.0363389 C6.10337259,12.0363389 6.23116856,12.0041461 6.35652568,11.9387848 C6.48212668,11.874399 6.58943628,11.7648944 6.67894223,11.6107588 C6.8001533,11.4329663 6.90551181,11.171765 6.99477388,10.8271549 C7.08379207,10.4827887 7.16281095,10.0433071 7.23158665,9.50846631 C7.30036234,8.97362553 7.35523657,8.3358651 7.39572155,7.59445335 C7.43596265,6.8530416 7.46425336,5.9884677 7.48083757,5 L12.5,5 L12.5,13.5067243 L10.8349941,13.5067243 L10.8349941,6.48233573 L9.02438854,6.48233573 Z' id='litcoinFill-%7Bgenerate-id()%7D' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.recense__bonus-text {
	max-width: 310px;
	line-height: 24px;
}
.recense__litbonus-text{
	max-width:none;
}

.recense__litbonus-text .litbonus {
	font-size: 16px;
	line-height: 24px;
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	padding-left:0;
}
.recense__litbonus-text .litbonus:after{
	content:"";
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:16px;
	background: url(/static/litres/i/header/bonus.svg) no-repeat 0 0;
	margin:3px 2px 0 2px;
}

.add-recense {
	border-radius: 3px;
	position: relative;
	background-color: #f5f5f5;
}
.add-recense_close::before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
	width: 100%;
	height: 100%;
	content: "";
}
.add-recense_bonus {
	background-color: #fde9c4;
}
.add-recense_bonus .add-recense__fake-form,
.add-recense_bonus .add-recense__form {
	padding-top: 15px;
}
.add-recense__info {
	display: flex;
	margin-bottom: 9px;
}
.add-recense__info .recense__profile-info {
	padding-left: 5px;
}
.add-recense_close .user-avatar {
	float: left;
	margin-right: 10px;
}
.add-recense_open .add-recense__fake-form {
	display: none;
}
.add-recense__fake-form {
	padding: 30px 20px;
	border-radius: 3px;
}
.add-recense__fake-textarea {
	padding: 10px;
	border: 1px solid #9d9c9f;
	position: relative;
	border-radius: 3px;
	background: #fff;
	color: #9d9c9f;
	flex-grow: 1;
	margin: 0 10px 0 0;
	line-height: 18px;
}
.add-recense__fake-textarea::before,
.add-recense__fake-textarea::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	border-style: solid;
}
.add-recense__fake-textarea::before {
	top: 9px;
	left: -10px;
	border-width: 0 10px 11px 0;
	border-color: transparent #9d9c9f;
}
.add-recense__fake-textarea::after {
	top: 10px;
	left: -8px;
	border-width: 0 8px 8px 0;
	border-color: transparent #fff;
}
.add-recense_close .add-recense__true-textarea {
	display: none;
}
.add-recense__textarea {
	font-family: "Arial";
	width: 100%;
	outline: none;
	background: #fff;
	resize: none;
	border-radius: 3px;
	border: 1px solid #9d9c9f;
	min-height: 100px;
	transition: height 0.3s ease 0s;
	overflow-y: hidden;
}
.add-recense__user-recense-text {
	font-size: 16px;
	line-height: 25px;
	word-break: break-word;
}
.add-recense__textarea-container {
	margin-bottom: 17px;
}
.add-recense__send {
	cursor: pointer;
	position: relative;
	padding: 10px 0;
	margin: -10px 0;
}
.add-recense__send .progress-bar {
	top: 10px;
}
.add-recense__content {
	padding: 0;
	display: flex;
}
.add-recense_open .add-recense__content {
	display: block;
	padding-left: 55px;
}
.add-recense__text-and-button {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.add-recense_open .add-recense__text-and-button {
	display: block;
}
.add-recense__form {
	display: none;
	padding: 20px 25px;
	border-radius: 3px;
}
.add-recense_open .add-recense__form {
	display: block;
}
.add-recense__raiting {
	display: flex;
	line-height: 24px;
	align-items: center;
	margin-bottom: 14px;
}
.add-recense__user-name {
	line-height: 40px;
	padding-top: 0;
	margin-bottom: 0;
	width: 100%;
}
.recense__raiting-title {
	font-size: 16px;
}
.user-name__edit {
	margin: 0 -28px 0 0;
	position: relative;
	top: 10px;
	float: right;
}
.user-name__login {
	font-weight: bold;
}
.user-name__input-container {
	cursor: auto;
}
.recense__raiting-stars .stars_book .item {
	width: 145px;
	display: flex;
	justify-content: space-around;
	margin-left: 20px;
}
#main-page .recense__raiting-stars .stars_book .item {
	margin-left: 2px;
}
.recense__raiting-stars .star {
	cursor: pointer;
	float: none;
	padding: 0;
}
.recense__raiting-stars .stars_book {
	height: 24px;
	display: block;
}
.recense__raiting-stars .star span {
	width: 24px;
	height: 24px;
	display: block;
}
.recense__raiting-stars .star span,
.recense__raiting-stars .active .star:not(.star-hover) span {
	background: url("data:image/svg+xml,%3Csvg width='24px' height='23px' viewBox='0 0 24 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23C4C4C6' d='M5.72414898,22.3529469 C4.96530061,22.807938 4.0236346,22.1379316 4.22976036,21.2896719 L5.93655764,14.2657693 L0.350295375,9.56840515 C-0.324472022,9.0010082 0.0351244766,7.91717948 0.921282896,7.84744102 L8.25205109,7.27052785 L11.0765993,0.604193529 C11.417931,-0.201397843 12.582069,-0.201397843 12.9234007,0.604193529 L15.7479489,7.27052785 L23.0787171,7.84744102 C23.9648755,7.91717948 24.324472,9.0010082 23.6497046,9.56840515 L18.0634424,14.2657693 L19.7702396,21.2896719 C19.9763654,22.1379316 19.0346994,22.807938 18.275851,22.3529469 L12,18.5900657 L5.72414898,22.3529469 Z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
.recense__raiting-stars .voted span,
.recense__raiting-stars .star.star-hover span {
	background: url("data:image/svg+xml,%3Csvg width='24px' height='23px' viewBox='0 0 24 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%230e920e' d='M5.72414898,22.3529469 C4.96530061,22.807938 4.0236346,22.1379316 4.22976036,21.2896719 L5.93655764,14.2657693 L0.350295375,9.56840515 C-0.324472022,9.0010082 0.0351244766,7.91717948 0.921282896,7.84744102 L8.25205109,7.27052785 L11.0765993,0.604193529 C11.417931,-0.201397843 12.582069,-0.201397843 12.9234007,0.604193529 L15.7479489,7.27052785 L23.0787171,7.84744102 C23.9648755,7.91717948 24.324472,9.0010082 23.6497046,9.56840515 L18.0634424,14.2657693 L19.7702396,21.2896719 C19.9763654,22.1379316 19.0346994,22.807938 18.275851,22.3529469 L12,18.5900657 L5.72414898,22.3529469 Z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
.add-recense__bottom-container {
	display: flex;
	align-items: end;
	flex-wrap: wrap;
}
.recense__rules-link {
	color: #767579;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
.recense__rules-link:hover {
	color: #3b393f;
}
.add-recense__rules {
	flex-grow: 2;
	text-align: right;
	align-self: flex-end;
}
.add-recense__bottom-link {
	display: inline-block;
	line-height: 40px;
	text-decoration: none;
}
.add-recense__edit-icon {
	position: relative;
	margin-right: 10px;
	top: 3px;
	transition: opacity 0.3s ease 0s;
	opacity: 1;
}
.edit-icon {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='edit-icon-1-id_6997ef4b' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='edit_icon_svg-id_6997ef4b' transform='translate(-257.000000, -431.000000)' stroke='%23106EDC' stroke-width='2'%3E%3Cg id='edit-icon-id_6997ef4b' transform='translate(55.000000, 420.000000)'%3E%3Cg id='icons-pencil-pencil-id_6997ef4b' transform='translate(201.000000, 10.000000)'%3E%3Cpath d='M17.71,6.0425 C18.1,5.6525 18.1,5.0025 17.71,4.6325 L15.37,2.2925 C15,1.9025 14.35,1.9025 13.96,2.2925 L12.12,4.1225 L15.87,7.8725 L17.71,6.0425 Z M2.704,13.5475 C2.315,13.9375 2,14.6975 2,15.2575 L2,16.9975 C2,17.5525 2.445,18.0025 3.005,18.0025 L4.745,18.0025 C5.3,18.0025 6.062,17.6905 6.454,17.2975 L15.865,7.8725 L12.115,4.1225 L2.704,13.5475 Z' id='edit-pencil-id_6997ef4b'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.add-recense__bottom-link:hover .edit-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='edit-icon-1-id_6997ef4b' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='edit_icon_svg-id_6997ef4b' transform='translate(-257.000000, -431.000000)' stroke='%23FF4C14' stroke-width='2'%3E%3Cg id='edit-icon-id_6997ef4b' transform='translate(55.000000, 420.000000)'%3E%3Cg id='icons-pencil-pencil-id_6997ef4b' transform='translate(201.000000, 10.000000)'%3E%3Cpath d='M17.71,6.0425 C18.1,5.6525 18.1,5.0025 17.71,4.6325 L15.37,2.2925 C15,1.9025 14.35,1.9025 13.96,2.2925 L12.12,4.1225 L15.87,7.8725 L17.71,6.0425 Z M2.704,13.5475 C2.315,13.9375 2,14.6975 2,15.2575 L2,16.9975 C2,17.5525 2.445,18.0025 3.005,18.0025 L4.745,18.0025 C5.3,18.0025 6.062,17.6905 6.454,17.2975 L15.865,7.8725 L12.115,4.1225 L2.704,13.5475 Z' id='edit-pencil-id_6997ef4b'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.recense-notification {
	border-radius: 3px 3px 0 0;
	padding: 20px 25px;
}
.recense-notification_info {
	background-color: #e6f4e6;
}
.recense-notification_error {
	background-color: #fbeae8;
}
.recense-notification_open + .add-recense__form {
	border-radius: 0 0 3px 3px;
}
.recense-notification__head {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.recense-notification__icon {
	width: 40px;
	height: 40px;
	margin-right: 15px;
	background-position: center;
	background-repeat: no-repeat;
}
.recense-notification_info .recense-notification__icon {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 57.1 (83088) - https://sketch.com --%3E%3Ctitle%3EOK%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Pics-/-uspeh-green-stroke-check' stroke='%230E920E'%3E%3Cg id='Group'%3E%3Cpolyline id='Line' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' transform='translate(20.666667, 20.666667) rotate(-270.000000) translate(-20.666667, -20.666667) ' points='14.6666667 12 26.6666667 24 21.3333333 29.3333333'%3E%3C/polyline%3E%3Ccircle id='Oval' stroke-width='2' cx='20' cy='20' r='19'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.recense-notification_error .recense-notification__icon {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 57.1 (83088) - https://sketch.com --%3E%3Ctitle%3EACHTUNG%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Pics-/-achtung-orange-stroke' transform='translate(0.000000, -3.000000)'%3E%3Cg id='Group-14' transform='translate(-1.000000, 1.000000)'%3E%3Cpath d='M21,16 L21,25' id='Line' stroke='%23FF4C00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23FF4C00' cx='21' cy='30' r='1'%3E%3C/circle%3E%3Cpath d='M21.8686467,3.54687645 C21.7797856,3.39083052 21.6505448,3.26159173 21.4944975,3.17273305 C21.0145683,2.89944491 20.403965,3.06696058 20.1306769,3.54688978 L3.07140585,33.505168 C2.98554416,33.6559522 2.94039453,33.8264831 2.94039453,34 C2.94039453,34.5522847 3.38810978,35 3.94039453,35 L38.0595448,35 C38.2330668,35 38.4036027,34.9548477 38.5543901,34.8689811 C39.0343151,34.5956856 39.2018214,33.9850797 38.9285259,33.5051547 L21.8686467,3.54687645 Z' id='Rectangle-10' stroke='%23FF4C00' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.recense-notification__content {
	padding-left: 55px;
	line-height: 25px;
}
.recense-notification__title {
	font-weight: bold;
}
.recense-notification__text {
	line-height: 25px;
}
.recense-notification__text-elem {
	display: block;
}
.recense-notification__text-elem:not(:last-of-type) {
	margin-bottom: 15px;
}
.recense-notification__text-reason {
	padding-left: 12px;
	border-left: 2px solid #ff4c00;
}
.recense-notification__text-reason-link {
	display: block;
	text-decoration: none;
	color: #ff4c00;
}
.recense-notification__text-elem-link {
	text-decoration: none;
}
.add-recense__email {
	margin-right: 10px;
}
.recense-notification__asking {
	display: flex;
	align-items: unset;
	margin-top: 20px;
}
.recense-notification__asking .btn {
	padding: 0 30px;
}
.recense-notification__asking-container {
	position: relative;
	max-width: 290px;
}
.recense .progress-bar {
	height: 40px;
}
[data-state="close"] .user-name__edit {
	display: none;
}
[data-state="close"] .add-recense__rules {
	display: none;
}
[data-state="close"] .add-recense__send {
	display: none;
}
[data-state="open"] .add-recense__edit {
	display: none;
}
[data-state="open"] .add-recense__share {
	display: none;
}
[data-state="close"] .recense__profile-wrap {
	pointer-events: none;
}
.add-recense__share {
	margin-left: 60px;
}
.add-recense__share .social-share__text {
	display: inline;
}
.add-recense__share .social-share {
	display: inline-block;
	line-height: 40px;
	text-decoration: none;
	position: relative;
	opacity: 1;
	transition: opacity 0.3s ease 0s;
	cursor: pointer;
	color: #106edc;
}
.add-recense__share .social-share:hover {
	color: #FF4C14;
}
.add-recense__share .social-share::before {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 57.1 (83088) - https://sketch.com --%3E%3Ctitle%3Eшара андроид синяя%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icons-/-share-android-/-share-android-4' stroke='%23106EDC' stroke-width='2'%3E%3Ccircle id='Oval-3' cx='16' cy='4' r='3'%3E%3C/circle%3E%3Ccircle id='Oval-3' cx='16' cy='16' r='3'%3E%3C/circle%3E%3Ccircle id='Oval-3' cx='4' cy='10' r='3'%3E%3C/circle%3E%3Cpath d='M13,6 L7,9' id='Line' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M13,12 L7,15' id='Line' stroke-linecap='square' transform='translate(10.000000, 13.500000) scale(1, -1) translate(-10.000000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	content: "";
	position: relative;
	top: 4px;
	opacity: 1;
	margin-right: 5px;
}
.add-recense__share .social-share:hover::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 57.1 (83088) - https://sketch.com --%3E%3Ctitle%3Eшара андроид синяя%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icons-/-share-android-/-share-android-4' stroke='%23FF4C14' stroke-width='2'%3E%3Ccircle id='Oval-3' cx='16' cy='4' r='3'%3E%3C/circle%3E%3Ccircle id='Oval-3' cx='16' cy='16' r='3'%3E%3C/circle%3E%3Ccircle id='Oval-3' cx='4' cy='10' r='3'%3E%3C/circle%3E%3Cpath d='M13,6 L7,9' id='Line' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M13,12 L7,15' id='Line' stroke-linecap='square' transform='translate(10.000000, 13.500000) scale(1, -1) translate(-10.000000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.user-name__login-container {
	overflow: hidden;
	font-size: 16px;
	text-overflow: ellipsis;
	padding-right: 28px;
	white-space: nowrap;
	width: calc(100% - 18px);
	box-sizing: content-box;
}
.recense__raiting-stars {
	position: relative;
}
.recense__raiting-stars .progress-bar {
	width: 160px;
	right: 0;
	left: auto;
	background: #f5f5f5;
	height: 25px;
}
#main-page .recense__raiting-stars .progress-bar {
	width: 147px;
}
.add-recense_bonus .recense__raiting-stars .progress-bar {
	background: #fde9c4;
}
.recense__raiting-stars .progress-bar__spinner {
	background-color: #b1b0b2;
	height: 6px;
}
.recense__raiting-stars .progress-bar__spinner::before {
	background-color: #3B393F;
}
/* [168389] [WWW] Прикручиваем возможность комментирования отзыва */
.recense__socials .dropdown-list {
	min-width: 300px;
}
.comment {
	margin: 30px 0 0 40px;
}
.recense__comments-collapse:not(.expand) + .comment {
	margin-top: 10px;
}
.recense_wrapper {
	margin: -10px 0 0 -10px;
}
#main-page .recense_wrapper {
	margin-right: -10px;
}
.recense_wrapper,
.comment_wrapper {
	padding: 10px 5px 0 10px;
}
.recense_self-author,
.comment_self-author {
	background: #FEF4E1;
}
.recense_self-author .likes__like_loading::before,
.comment_self-author .likes__like_loading::before {
	background-color: #FEF4E1;
}
.recense_bad-verdict {
	background: #F5F5F5;
	padding: 20px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 20px;
}
.recense ~ .recense_bad-verdict {
	margin-top: -12px;
}
#main-page .recense ~ .recense_bad-verdict {
	margin-top: -20px;
}
.recense_bad-verdict a {
	text-decoration: none;
}
.comment-reply {
	color: #3B393F;
	text-decoration: none;
	font-size: 16px;
	padding-right: 5px;
	cursor: pointer;
}

.comment-reply:hover {
	color: #FF4C14;
}

.add-comment {
	padding-left: 50px;
	background-color: #fff;
}
.comment .add-comment {
	padding: 0;
}
.comment .add-recense__form,
.add-comment .add-recense__form {
	padding: 20px 0;
}
/* [168452] [WWW/PDA] Прикрутить сортировку к отзывам */
.recenses__sorting {
	position: relative;
	margin: 0 10px 0 40px;
}
.recenses__sorting-title {
	text-decoration: none;
	color: #767579;
	position: relative;
}
.recenses__sorting-title::after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: -18px;
	width: 10px;
	height: 6px;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23D5D5D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.recenses__sorting-title.dropdown-opener_open::after {
	transform: rotate(180deg);
}
.recenses__sorting .dropdown-item__link {
	padding: 0 22px;
}
.recenses__sorting .dropdown-list {
	top: 20px;
	right: -5px;
	white-space: nowrap;
}
.complain-popup {
	background: #fff;
	width: 100%;
	max-width: 430px;
	border-radius: 3px;
	padding: 45px 30px;
}
.complain-popup.popup .close {
	top: 23px;
	right: 23px;
	width: 15px;
	height: 15px;
	background-size: contain;
}
.complain-popup.popup .close:hover {
	background-size: contain;
}
.complain-popup__title {
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 25px;
}
.complain-popup__button {
	line-height: 40px;
	font-size: 14px;
	padding: 0 20px;
	margin-top: 10px;
}
.complain-popup__label-wrapp {
	margin-bottom: 20px;
}
.complain-popup__textarea {
	width: 100%;
	font-family: "Arial";
	outline: none;
	background: #fff;
	resize: none;
	border-radius: 3px;
	height: 80px;
	padding: 10px;
	font-size: 16px;
	line-height: 18px;
}
.complain-popup__textarea-wrapp .info {
	text-align: right;
	font-size: 16px;
	line-height: 20px;
}
.complain-popup .input_label {
	font-size: 16px;
}
.complain-popup__button-container {
	text-align: center;
}
.recense__comments-expand {
	position: relative;
	margin: 10px 0 0 54px;
}
.recense__comments-expand-link {
	text-decoration: none;
	position: relative;
	padding-left: 27px;
	display: inline-block;
	line-height: 20px;
}
.recense__comments-expand-link::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: -4px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 14L17 10L13 6' stroke='%239D9C9F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 1.00328L3 6C3 8.20914 4.79086 10 7 10L17 10' stroke='%239D9C9F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.recense__comments-collapse {
	display: none;
}
.recense__comments-collapse.expand {
	display: block;
}
.recense_popup-bonus {
	position: fixed;
	width: 460px;
	background:#fff;
	padding:30px 30px 0;
	z-index: 10100;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	font-size: 16px;
	line-height: 25px;
	color: #000;
}
.recense_popup-bonus a{
	text-decoration:none;
}


.recense_popup-bonus .close{
	position: absolute;
	top: 12px;
	right: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.recense_popup-bonus .close:before, .recense_popup-bonus .close:after {
	position: absolute;
	content: "";
	height: 18px;
	width: 2px;
	left: 19px;
	top: 10px;
	background: #9d9c9f;
}
.recense_popup-bonus .close:hover:before, .recense_popup-bonus .close:hover:after {
	background: #3b393f;
}
.recense_popup-bonus .close:before {
	transform: rotate(45deg);
}
.recense_popup-bonus .close:after {
	transform: rotate(-45deg);
}
.recense_popup-bonus_title{
	padding:0 20px 20px 0;
}
.recense_popup-bonus_txt{
	padding:0 20px 15px 0;
}
.recense_popup-bonus_txt > strong{
	display:inline-block;
}
.recense_popup-bonus_rules{
	padding:0 0 35px 0;
}
.recense_popup-bonus__btn{
	padding:0 0 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align:left;
}

.recense_popup-bonus__append{
	display:block;
	flex: 1 0 140px;
	vertical-align:middle;
	font-size:14px;
	max-width:140px;
	height:40px;
	line-height:18px;
	padding:3px;
	overflow:hidden;
	margin:0 20px 0 0;

}
.recense_popup-bonus__publish{
	display:block;
	flex: 1 1 auto;
	vertical-align:middle;
	cursor:pointer;
	color:#106edc;
	line-height:20px;
}
.recense_popup-bonus__publish:hover{
	color:#ff3c14;
}


/* pda */
@media screen and (max-width: 740px) {
	.recense__content {
		padding-left: 0;
	}
	.comment {
		padding-left: 30px;
	}
	.recenses_pda .add-recense_open .add-recense__content {
		padding-left: 0;
	}
	.recenses_pda .recense-notification__content {
		padding-left: 0;
	}
	.add-recense__fake-textarea {
		margin: 0;
	}
	.recense__profile {
		max-width: 100%;
	}
	.recense__profile-wrap {
		width: 100%;
	}
	.recense__comments-expand {
		margin: 10px 0 0 4px;
	}
}
.recenses_pda .add-recense__textarea,
.recenses_pda .input_text {
	min-width: 100%;
}
.recenses_pda .comment-reply {
	line-height: 18px;
}
.recenses_pda .dropdown-container {
	align-items: center;
}
.recenses_pda .recense__comments {
	position: relative;
}
.recenses_pda .truncate__read-more {
	text-decoration: none;
}
.recenses_pda .recenses__title-container {
	margin-bottom: 10px;
	font-size: 16px;
	flex-wrap: wrap;
}
.recenses_pda .complain-popup {
	max-width: 300px;
}
.recenses_pda .complain-popup__textarea-wrapp .info {
	font-size: 14px;
}
.recenses_pda .complain-popup .input_label {
	padding-left: 40px;
}
.recenses_pda .recense__litcoin-num {
	font-size: 20px;
	line-height: 23px;
}
.recenses_pda .recense__litcoin-icon {
	width: 20px;
	height: 20px;
	background-size: contain;
}

.recenses_pda .recense__bonus {
	align-items: flex-start;
	padding-left: 20px;
}
.recenses_pda .recense__bonus-text {
	font-size: 14px;
	line-height: 20px;
}
.recenses_pda .recense__litbonus-text .litbonus {
	font-size: 14px;
	line-height: 20px;
}
.recenses_pda .recense__litbonus-text .litbonus:after {
	margin-top: 1px;
}

.recenses_pda .recense__litcoin {
	white-space: nowrap;
}
.recenses_pda .add-recense__email {
	max-width: 95%;
}
.recenses_pda .add-recense .add-recense__edit {
	margin-right: 60px;
}
.recenses_pda .add-recense .addthis_toolbox {
	margin: 0;
	font-size: 16px;
}