/* Start:/bitrix/templates/bella/r-style.css?177425038145181*/
.red-body{
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
}
.reviews-header {
	font-size: 24px;
	font-weight: 700;
	line-height: 32.78px;
	text-align: left;
	color: #192421;
}
.chili-review-form {
	width:100%;
}
.reviews-yandex {
	padding-right: 50px;
}
/* Rating */

.red-rating-stars{
	display: flex;
	flex-direction: row;
}


/*shows the stars side by side, centered, and in reverse order than the HMTL*/
.red-rating-stars {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

/*hides the radio buttons*/
.js-chili-review-star > input{ display:none;}

/*style the empty stars, sets position:relative as base for pseudo-elements*/
.js-chili-review-star > label {
	position: relative;
	/*   width: 40px; */
	font-size: 1.5rem;
	margin-left: 5px;
	color: #FFBE4A;
	cursor: pointer;
}

/* sets filled star pseudo-elements */
.js-chili-review-star > label::before{
	content: "\2605";
	position: absolute;
	color: #D7D7D7;
	/*   opacity: 0; */
}
/*overlays a filled start character to the hovered element and all previous siblings*/
.js-chili-review-star > label:hover:before,
.js-chili-review-star.chosen > label:before,
.js-chili-review-star > label:hover ~ label:before {
	opacity: 1 !important;
	color: #FFBE4A;
}

/*overlays a filled start character on the selected element and all previous siblings*/
.js-chili-review-star > input:checked ~ label:before{
	opacity:1;
	color: #FFBE4A;
}

/*when an element is selected and pointer re-enters the rating container, selected rate and siblings get semi transparent, as reminder of current selection*/
.js-chili-review-star:hover > input:checked ~ label:before{ opacity: 0.4; }


.red-modality-success .header-line {
	display: flex;
}
.red-modality-files {
	padding:0 !important;
}
.red-modality-files .file-selectdialog {
	margin-bottom:0;
}

.red-review-short {
	flex-direction: row !important;
	cursor:pointer;
	width: 220px;
}
.red-review-short .reviews-stars {
	display: flex;
    padding-top: 4px;
}
.red-review-short .reviews-overall {
	font-family: Manrope;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 19.12px !important;
	text-align: center !important;
	color: #192421 !important;
	margin:0 5px;
}
.red-review-short .reviews-stat {
	padding-top: 2px;
}
.one-capacity.top-fixing-10.priceblock {
    max-width: 460px;
}


/* Reviews */

.red-reviews{
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	color : #333;
}
.red-reviews-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.red-review{
	width:49%;
	border: 1px solid #E7E4E1;
	border-radius:14px;
	padding: 30px;
}

.red-reviews h1{
	font-size: 1.8rem;
}


.red-reviews-info{
	display: flex;
	flex-direction: column;
}


.red-reviews-info big{
	font-size: 1.7rem;
}


.red-reviews-info div.reviews-stat{
	font-size: 12px;
	font-weight: 500;
	line-height: 16.39px;
	text-align: left;
    color: #D9D6DF;
}


.red-reviews-button-wrap{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 15px;
	font-weight: bold;
}

.red-reviews-button{
	font-size: 16px;
	padding: 10px 15px 10px 40px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 400;
	border: none;
	cursor: pointer;
	background: url(/bitrix/templates/bella/images/quote.png) no-repeat left center #FFBE4A;
	background-size: contain;
}

.red-show-more-button-wrap{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 5px;
	font-weight: bold;
}

.red-show-more-button{
	font-size: 16px;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 400;
	border: none;
	cursor: pointer;
	background: #F9F6F2;
	background-size: contain;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.86px;
	text-align: center;
    color: #7F867B;
}

.red-reviews-button:hover{
	background-color: #f5f5f5;
}


.red-reviews-sortbar{
	padding: 30px 0;
	font-size: 0.90rem;
}



.red-review-header{
	display: block;
}

.red-review-header-left{
	width: 100%;
	display: flex;
    gap: 18px;
}

.red-review-header-right{
	width: 100%;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 21.29px;
	text-align: left;
    color: #C2BDB7;
}

.red-review-recommend{
	width: 120px;
	height: 40px;
	background: url(/bitrix/templates/bella/images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-review-unrecommend{
	width: 140px;
	height: 40px;
	background: url(/bitrix/templates/bella/images/unrecommend.png) right no-repeat;
	background-size: contain;
}

.red-review-body{
	font-size: 0.93rem;
	line-height: 1.4;
	width: 100%;
}

.red-review-stars{
	display: flex;
	flex-direction: row;
	margin-left: -1px;
	padding-top: 3px;
}


.red-review-stars .star{
	width: 13px;
	height: 13px;
	background-image: url(/bitrix/templates/bella/images/star-0.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px
}

.red-review-stars .star-active{
	background-image: url(/bitrix/templates/bella/images/star-1.svg);
}

.red-review-name{
	font-family: Manrope;
	font-size: 16px;
	font-weight: 700;
	line-height: 21.86px;
	text-align: left;
    color: #192421;
}


.red-review-footer{
	border-top : 1px solid #e5e5e5;
	padding-top: 20px;
	margin-top: 15px;
}

.red-review-button{
	background: #FAFAFA;
	border-radius: 5px;
	padding: 5px 10px 5px 27px;
	margin-right: 5px;
	cursor: pointer;
	border : 1px solid #dadada;
	font-size: 0.8rem;
}

.red-review-like:hover, .red-review-unlike:hover{
	background-color: #fff;
	opacity: 0.9;
}

.red-review-like{
	background-image: url(/bitrix/templates/bella/images/like.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #44904B;
}

.red-review-unlike{
	background-image: url(/bitrix/templates/bella/images/unlike.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #C65F5F;
}

.red-review-like-tap{
	background-color: #44904B;
	background-image: url(/bitrix/templates/bella/images/like-tap.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	border: none;
	border-radius: 3px;
}

.red-review-unlike-tap{
	background-color: #C65F5F;
	background-image: url(/bitrix/templates/bella/images/unlike-tap.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	border: none;
	border-radius: 3px;
}

.red-review-like-tap:hover, .red-review-unlike-tap:hover{
	opacity: 0.9;
}



.red-link{
	cursor: pointer;
	color: #0053b0;
	text-decoration: none;
}

.red-link:hover{
	opacity: 0.9;
	border: none;
}

.red-link-bold{
	color: #555;
	font-weight: bold;
}


.red-review-body p {
	max-width: none !important;
    padding: 10px 0 0 !important;
	margin-bottom: 0;
}
.red-review-body p:before, .red-review-answer p:before {
	display:none;
}

.red-review-answer span {
	font-weight: 700;
}

.red-review-answer{
	border-radius: 5px;
	padding: 15px 25px 0;
	background: #fff;
	font-size: 0.9rem;
	line-height: 1.5;
}

.red-review-answer p.text{
	padding: 0;
	margin: 0;
	font-size: 0.93rem;
}




/* Модуль комментариев */


.red-comments-module{
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	color : #333;
	padding-bottom: 40px;
	/* 		min-width: 600px; */
}


.red-comments-bar{
	box-sizing: border-box;
	padding: 0 2px 10px 2px;
	min-width: 450px;
	display: flex;
	flex-direction: row;
}

.red-comments-list{
	display: flex;
	flex-direction: column;
}

.red-comments-info{
	display: flex;
	flex-direction: column;
	padding:20px 0;
}

.red-comments-info h1{
	font-size: 1.8rem;
}

.red-comments-info h1 span{
	color : #9A9A9A;
	font-weight: normal;
}


.red-comments-info div.reviews-overall{
	display: flex;
	flex-direction: row;
	font-weight: bold;
	font-size: 1.20rem;

}

.red-comments-info big{
	font-size: 1.7rem;
}

.red-comments-info .star{
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-left: 2px;
	margin-top: 4px;
	background-image: url(/bitrix/templates/bella/images/star-1.svg);
	background-repeat: no-repeat;
	background-size: contain;
}




.red-comments-button-wrap{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 15px;
	font-weight: bold;
}


.red-comments-button{
	font-size: 16px;
	padding: 10px 15px 10px 40px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 400;
	border: none;
	cursor: pointer;
	background: url(/bitrix/templates/bella/images/plus.png) no-repeat left center #FFBE4A;
	background-size: contain;
}


.red-comments-button:hover{
	background-color: #fbae2a;
}


.red-comment{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.red-comment p{
	padding: 0;
	margin: 0 0 20px 0;
}

.red-comment-wrap{
	box-sizing: border-box;
	background: #f5f5f5;
	padding: 30px 40px 10px 40px;
	margin-bottom: 15px;
}


.red-comments-header{
	display: flex;
	flex-direction: row;
	padding: 0 0 15px 0;
	color: #444;
	font-size: 0.9rem;
}

.red-comments-header-left{
	width: 70%;
	color: #848484;
}

.red-comments-header-left strong{
	color: #333;
}

.red-comments-header-left .user-icon{
	width: 12px;
}


.red-comments-header-right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 30%;
	color: #7E7E7E;
}

.red-comments-recommend{
	width: 120px;
	height: 39px;
	background: url(/bitrix/templates/bella/images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-comments-unrecommend{
	width: 140px;
	height: 39px;
	background: url(/bitrix/templates/bella/images/unrecommend.png) right no-repeat;
	background-size: contain;
}

.red-comments-body{
	font-size: 0.93rem;
	line-height: 1.4;
	width: 100%;
}

.red-comments-stars{
	display: flex;
	flex-direction: row;
	margin-left: -1px;
}


.red-comments-stars .star{
	width: 21px;
	height: 20px;
	background-image: url(/bitrix/templates/bella/images/star-0.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.red-comments-stars .star-active{
	background-image: url(/bitrix/templates/bella/images/star-1.svg);
}

.red-comments-name{
	font-size: 0.87rem;
	font-weight: bold;
	padding-top: 12px;
}



.red-comments-reply{
	background: #FAFAFA;
	border-radius: 5px;
	padding: 5px 10px 5px 27px;
	margin-right: 5px;
	cursor: pointer;
	border : 1px solid #dadada;
	font-size: 0.8rem;

	background-image: url(/bitrix/templates/bella/images/reply.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #777777;
}

.red-comments-reply:hover{
	background-color: #fff;
	background-image: url(/bitrix/templates/bella/images/reply-hover.png);
	opacity: 0.9;
	color: #3778AA;
}

.red-comments-module .step-0 .red-comment-wrap{
	width: 100%;
}

.red-comments-module .step-1 .red-comment-wrap{
	width: 97%;
}

.red-comments-module .step-2 .red-comment-wrap{
	width: 94%;
}

.red-comments-module .step-3 .red-comment-wrap{
	width: 91%;
}

.red-comments-module .step-4 .red-comment-wrap{
	width: 88%;
}

.red-comments-module .step-5 .red-comment-wrap{
	width: 85%;
}

.red-reviews-page-header {
	display:flex;
	width:100%;
}








/* Модалка */


.red-fade-overlay{
	display: flex;
	justify-content: center;
	align-items: center;

	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	overflow: auto;
	width: 100%;
	height: 100%;
	z-index: 1000;
}


.red-modality{
	box-sizing: border-box;
	background: #F9F6F2;
	background-image: url(/bitrix/templates/bella/images/review-bg.png);
	background-repeat: no-repeat;
	padding: 50px 65px 20px 65px;
	border-radius: 14px;
	overflow-y: auto;
	color: #595959;
	font-size: 0.9rem;
}


.red-modality .line{
	width: 100%;
	padding-bottom: 5px;
}

.red-modality .red-notice{
	color: #8A8A8A;
	font-size: 0.85rem;
	padding-bottom: 20px;
}

.red-modality .red-captcha{
	padding-bottom: 15px;
}

.red-modality .red-captcha img{
	height: 70px;
}

.red-modality .text-review{
	padding: 0 0 15px 0;
}

.red-modality .header-line{
	max-width:560px;
}


.red-modality .name-line{
	display: block;
	padding-bottom:5px;
}
.red-form-label {
	font-family: Manrope;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.86px;
	text-align: left;
    color: #192421;
	padding-left:20px;
}

.red-modality .modal-title{
	font-size: 20px;
	margin: 0 0 5px 0;
}


.red-modality input.text{
	box-sizing: border-box;
	width: 100%;
	font-size: 0.9rem;
	border: 1px solid #e3e3e3;
	padding: 8px 19px !important;
	color : #555;
	margin: 5px 0 5px 0;
}
.red-modality input.modality-name{
	width: 100%;
}

.red-modality textarea{
	box-sizing: border-box;

	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9rem;

	width: 100%;
	height: 147px;
	border: 1px solid #e3e3e3;
	padding: 10px 19px !important;
	color : #555;
	margin: 0px 0 0px 0;
}
.red-review-images {
	font-size:0;
	margin: 15px 0 10px;
}
.red-review-images a {
	display:inline-block !important;
	width:52px;
	height:56px;
	border-radius:4px;
	margin-right:8px;
	background-size: cover;
    background-repeat: no-repeat;
	border: 1px solid #F1F1F1;

}
.red-review-images a img{
	display:none;	
}
.red-review-big-images {
	font-size:0;
	margin: 25px 0 20px;
}
.red-review-big-images a {
	display:inline-block !important;
	width:146px;
	height:160px;
	border-radius:12px;
	margin-right:14px;
	background-size: cover;
    background-repeat: no-repeat;
	border: 1px solid #F1F1F1;

}
.red-review-big-images a:last-of-type {
	margin-right:0;
}
.red-review-big-images a img{
	display:none;	
}

.red-modality .button{
	border-radius: 14px;
	padding: 12px 38px;
	cursor: pointer;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 700;
	line-height: 21.86px;
	text-align: center;
	background: #79DB3E;
	color:#fff;
	border: none;
}

.red-modality .button:hover{
	background: #106da7;
}

.red-modality-notice{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	padding-right: 5px;
}

.red-modality-stars{
	display: flex;
	flex-direction: row;
}


.red-modality-stars .star-inactive{
	width: 30px;
	height: 30px;
	background-image: url(/bitrix/templates/bella/images/star-0.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}


.red-modality-stars .star-active{
	width: 30px;
	height: 30px;
	background-image: url(/bitrix/templates/bella/images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.red-modality-stars .star-active:hover, .red-modality-stars .star-inactive:hover{
	background-image: url(/bitrix/templates/bella/images/star-1.png);
	opacity: 0.7;
}



.red-modality .recommend-line{
}

.red-modality .recommend-line label{
	margin-top: -10px;
	cursor: pointer;
}

.red-modality .recommend-line label:hover{
	color: #333;
}

.red-modality .red-modality-title{
	display:flex;
	margin-bottom: 30px;
}
.red-modality-h1 {
	font-family: Manrope;
	font-size: 28px;
	font-weight: 700;
	line-height: 38.25px;
	text-align: left;
}
.red-modality .red-modality-close{
	width: 20%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: start;
    padding-top: 7px;
}
.red-rating-stars .jq-radio{
	display:none !important;
}


.red-modality .red-modality-right{
	padding-left:40px;
	padding-top: 10px;
}

.red-modality .close-button{
	width: 24px;
	height: 24px;
	background: url(/bitrix/templates/bella/images/close-rev.png) no-repeat right top;
	background-size: contain;
	cursor: pointer;
	opacity: 0.6;
}

.red-modality .close-button:hover{
	opacity: 1;
}

.red-form_wrap #addfoto, .red-form_wrap #addfoto-styler {
	display:none !important;
}
.red-form-addphoto {
	font-family: Manrope;
	font-size: 12px;
	font-weight: 400;
	line-height: 16.39px;
	text-align: left;
	color: #7F867B;
	padding-left:23px;
	background: url(/bitrix/templates/bella/images/icon-attach.svg) no-repeat 2px 2px;
}
.red-form-addphoto span {
	border-bottom:1px dotted #7F867B;
	position:static !important;
}
.red-form-body #file_input_mfiFILE-styler {
	display:none !important;
}
.red-form-body .webform-field-upload-list {
    margin: 0 0 11px 2.8em;
}
.red-form-body .webform-field-upload {
	height:auto;
}
.red-form-body .webform-field-upload-list del {
	display:none;
}
.red-form-body {
	display:flex;
	gap:40px;
}
.red-form-left {
	width:45%;
}
.red-form-right {
	width:60%;
}
.conf-info {
    padding-top: 38px;
}

/* 	Пагинация */

ul.red-bottom{
}

ul.red-pagination{
	display: flex;
	flex-direction: row;
	justify-content: start;
	margin: 10px 0 30px 0 !important;
	padding: 0 0 0 0;
    list-style-type: none;
}

ul.red-pagination li{
	margin: 0 5px;
	padding: 11px 4px 4px;
	width: 42px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.86px;
	text-align: center;
	background: #F9F6F2;
	border-radius:7px;
	color: #7F867B;
}
ul.red-pagination li.red-pagination-active {
	font-weight: 700;
}

ul.red-pagination li.red-page-number{
	list-style: none;
	border-radius: 5px;
	cursor: pointer;
}

ul.red-pagination li.red-page-number:hover{
	background-color: #f5f5f5;
	border-radius: 5px;
}

ul.red-pagination li.red-page-number a{
	text-decoration: none;
	color : #9a9a9a;
}

ul.red-pagination li.red-page-number:hover a{
	color : #2d2d2d;
}















.mobile-only
{
	display: none;
}

/* Mobile */


@media (max-width: 450px) {

	textarea,
	select,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
		-webkit-appearance: none;
	}

	body{padding: 0;}

	.desktop-only
	{
		display: none;
	}


	.mobile-only
	{
		display: block;
	}

	.red-body{
		width: 100%
	}

	.footer{
		border-radius: 0;
		margin-bottom: 0;
	}

	.red-modality{
		font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
		width: 95%;
		min-width: 100px;

		padding: 35px 30px 25px 30px;
		border-radius: 5px;
		font-size: 1rem;
	}
	.red-modality .red-modality-close{
		align-content: flex-start;
	}

	.red-modality .close-button{
		margin-top: 5px;
	}

	.red-modality .red-modality-left, .red-modality .red-modality-right{
		width: 100%;
	}


	.red-modality input.text, .red-modality textarea{
		font-size: 1.1rem;
		padding: 10px;
	}
	.red-modality textarea{
		height: 120px;
	}

	.red-modality .name-line{
		flex-direction: column;
	}

	.red-modality .red-modality-right{
		justify-content: flex-start;
		padding: 10px 0 0 0;
	}

	.red-modality .button{
		width: 100%;
		font-size: 0.9rem;
		padding: 16px 15px;
	}

	.red-modality .button:hover{
		background: #106da7;
	}


	.red-modality .red-captcha img{
		height: auto;
		width: 85%;
	}




	/* Comments */

	.red-comments-module{
		width: 92%;
		min-width: 100px;
		padding-top: 20px;
	}

	.red-comments-bar{
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		min-width: 100px;
		width: 100%;
	}

	.red-comments-button-wrap{
		justify-content: flex-start;
		padding-left: 0;
	}

	.red-comments-list{
		display: flex;
		flex-direction: column;
	}

	.red-comment{
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}


	.red-comment-wrap{
		box-sizing: border-box;
		background: #f5f5f5;
		padding: 30px 30px 10px 30px;
		margin-bottom: 15px;
	}

	.red-comments-header{
		font-size: 1.1rem;
		flex-direction: column;
		padding-bottom: 0;
	}
	.red-comments-header-left,
	.red-comments-header-right{
		width: 100%;
		justify-content: flex-start;
		line-height: 1.5;
	}

	.red-comments-body{
		font-size: 1.1rem;
		padding-top: 10px;
	}
	.red-comments-reply{
		font-size: 1rem;
		padding-left: 30px;
	}

	.red-comments-module .step-1 .red-comment-wrap{
		width: 100%;
	}

	.red-comments-module .step-2 .red-comment-wrap,
	.red-comments-module .step-3 .red-comment-wrap,
	.red-comments-module .step-4 .red-comment-wrap,
	.red-comments-module .step-5 .red-comment-wrap{
		width: 95%;
	}

	.red-comments-info h1{
		font-size: 2rem;
	}
	.red-reviews-button{
		position: fixed;
		bottom: 35px;
		left: 50%;
		width: 190px;
		margin-left: -95px;
		font-size: 18px;
		text-align: left;
		padding: 10px 0px 10px 42px;
		background: url(/bitrix/templates/bella/images/quote.png) no-repeat left center #FFBE4A;
		background-size: contain;
		box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 10px 10px rgba(0,0,0,0.1);
	}



	.red-comments-button{
		display: block;
		position: fixed;
		bottom: 25px;
		left: 50%;
		width: 175px;
		margin-left: -88px;
		font-size: 18px;
		text-align: left;
		padding: 10px 0px 10px 44px;
		box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 10px 10px rgba(0,0,0,0.1);

	}



	/* 	review  */


	.red-reviews{
		width: 92%;
		padding-top: 20px;
	}

	.red-review p {
		padding: 0;
		margin: 0 0 20px 0;
	}

	.red-review-header{
		display: flex;
		flex-direction: column;
		padding: 10px 0 0 0;
		color: #444;
	}

	.red-review-header-left{
		width: 100%;
	}



	.red-review-header-right{
		display: block;
		width: 100%;
		padding: 3px 0 10px 0;

	}

	.red-review-recommend {
		width: 100%;
		height: 43px;
		background-position-x: left;
	}

	.red-review-unrecommend {
		width: 100%;
		height: 43px;
		background-position-x: left;
	}

	.red-reviews-bar{
		width: 100%;
		min-width: 100px;
	}

	.red-review{
		padding: 30px 30px;
		margin-bottom: 18px;
	}





	.red-review-body, .red-reviews-sortbar, .red-review-answer, .red-review-name, .red-review-answer p.text{
		font-size: 1.1rem;
	}

	.red-reviews-bar{
		padding: 15px 0 15px 5px;
	}
	.red-reviews-info div.reviews-stat{
		font-size: 1.1rem;
	}

	.red-review-answer{
		padding: 15px 20px;
	}

	.red-reviews-sortbar{
		padding: 30px 0 20px 0;
	}



	/* 	Рейтинг */


	.red-rating-info{

	}


	.red-rating {
		min-width: 100px;
		flex-direction: column;
		width: 92%;
		padding: 20px 20px;
		margin-top: 20px;

	}

	.red-rating-info div.rating-overall{
		font-size: 1.4rem;
	}

	.red-rating-info div.rating-stat{
		font-size: 1rem;

	}

	.red-rating-grade{
		justify-content: flex-start;
		padding: 10px 0 0 0;
		margin-top: 10px;

		border-top : 1px solid #dcdcdc;
	}

	.red-rating-title{

		font-size: 1.1rem;
	}

	.red-bottom{
		font-size: 1.2rem;
		margin: 0 0 75px 0;
	}
}

/* Rating */

.red-rating{
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
	box-sizing: border-box;
	padding: 20px 30px;
	background: #f5f5f5;
	min-width: 450px;
	color : #333;
	display: flex;
	flex-direction: row;
	width: 100%;
	border-radius: 5px;
}

.red-rating-info{
	display: flex;
	flex-direction: column;
}

.red-rating-info div.rating-overall{
	display: flex;
	flex-direction: row;
	font-weight: bold;
	font-size: 1.15rem;
}

.red-rating-info big{
	font-size: 1.7rem;
}

.red-rating-info .star{
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-left: 2px;
	margin-top: 4px;
	background-image: url(/bitrix/templates/bella/images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}


.red-rating-info div.rating-stat{
	font-size: 0.85rem;
	padding: 5px 0 6px 0;
	color: #6A6A6A;
}



.red-rating-grade{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 15px;
	font-weight: bold;
}

.red-rating-title{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	padding-right: 5px;
}

.red-rating-stars{
	display: flex;
	flex-direction: row;
}


/*

	.red-rating-stars .star-inactive{
		width: 30px;
		height: 30px;
		background-image: url(/bitrix/templates/bella/images/star-0.png);
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
	}


	.red-rating-stars .star-active{
		width: 30px;
		height: 30px;
		background-image: url(/bitrix/templates/bella/images/star-1.png);
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
	}

	.red-rating-stars .star-active:hover, .red-rating-stars .star-inactive:hover{
		background-image: url(/bitrix/templates/bella/images/star-1.png);
		opacity: 0.7;
	}
*/


/*shows the stars side by side, centered, and in reverse order than the HMTL*/
.red-rating-stars {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

/*hides the radio buttons*/
.red-rating-stars > input{ display:none;}

/*style the empty stars, sets position:relative as base for pseudo-elements*/
.red-rating-stars > label {
	position: relative;
	/*   width: 40px; */
	font-size: 1.5rem;
	margin-left: 5px;
	color: #FFBE4A;
	cursor: pointer;
}

/* sets filled star pseudo-elements */
.red-rating-stars > label::before{
	content: "\2605";
	position: absolute;
	color: #D7D7D7;
	/*   opacity: 0; */
}
/*overlays a filled start character to the hovered element and all previous siblings*/
.red-rating-stars > label:hover:before,
.red-rating-stars > label:hover ~ label:before {
	opacity: 1 !important;
	color: #FFBE4A;
}

/*overlays a filled start character on the selected element and all previous siblings*/
.red-rating-stars > input:checked ~ label:before{
	opacity:1;
	color: #FFBE4A;
}

/*when an element is selected and pointer re-enters the rating container, selected rate and siblings get semi transparent, as reminder of current selection*/
.red-rating-stars:hover > input:checked ~ label:before{ opacity: 0.4; }




/* Reviews */

.red-reviews{
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	color : #333;
}

.red-reviews h1{
	font-size: 1.8rem;
}


.red-reviews-info{
	display: flex;
	flex-direction: column;
}

.red-reviews-info div.reviews-overall{
	display: flex;
	flex-direction: row;
	font-size: 36px;
	font-weight: 700;
	line-height: 49.18px;
	text-align: left;
	color: #192421;
}

.red-reviews-info big{
	font-size: 1.7rem;
}




.red-reviews-button-wrap{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 15px;
	font-weight: bold;
}

.red-reviews-button{
	font-size: 16px;
	padding: 10px 15px 10px 40px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 400;
	border: none;
	cursor: pointer;
	background: url(/bitrix/templates/bella/images/quote.png) no-repeat left center #FFBE4A;
	background-size: contain;
}



.red-reviews-sortbar{
	padding: 30px 0;
	font-size: 0.90rem;
}





.red-review-recommend{
	width: 120px;
	height: 40px;
	background: url(/bitrix/templates/bella/images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-review-unrecommend{
	width: 140px;
	height: 40px;
	background: url(/bitrix/templates/bella/images/unrecommend.png) right no-repeat;
	background-size: contain;
}


.red-review-footer{
	border-top : 1px solid #e5e5e5;
	padding-top: 20px;
	margin-top: 15px;
}

.red-review-button{
	background: #FAFAFA;
	border-radius: 5px;
	padding: 5px 10px 5px 27px;
	margin-right: 5px;
	cursor: pointer;
	border : 1px solid #dadada;
	font-size: 0.8rem;
}

.red-review-like:hover, .red-review-unlike:hover{
	background-color: #fff;
	opacity: 0.9;
}

.red-review-like{
	background-image: url(/bitrix/templates/bella/images/like.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #44904B;
}

.red-review-unlike{
	background-image: url(/bitrix/templates/bella/images/unlike.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #C65F5F;
}

.red-review-like-tap{
	background-color: #44904B;
	background-image: url(/bitrix/templates/bella/images/like-tap.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	border: none;
	border-radius: 3px;
}

.red-review-unlike-tap{
	background-color: #C65F5F;
	background-image: url(/bitrix/templates/bella/images/unlike-tap.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	border: none;
	border-radius: 3px;
}

.red-review-like-tap:hover, .red-review-unlike-tap:hover{
	opacity: 0.9;
}




.red-link{
	cursor: pointer;
	color: #0053b0;
	text-decoration: none;
}

.red-link:hover{
	opacity: 0.9;
	border: none;
}

.red-link-bold{
	color: #555;
	font-weight: bold;
}







.red-review-answer p.text{
	padding: 0;
	margin: 0;
	font-size: 0.93rem;
}




/* Модуль комментариев */


.red-comments-module{
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	color : #333;
	padding-bottom: 40px;
	/* 		min-width: 600px; */
}


.red-comments-bar{
	box-sizing: border-box;
	padding: 0 2px 10px 2px;
	min-width: 450px;
	display: flex;
	flex-direction: row;
}

.red-comments-list{
	display: flex;
	flex-direction: column;
}

.red-comments-info{
	display: flex;
	flex-direction: column;
}

.red-comments-info h1{
	font-size: 1.8rem;
}

.red-comments-info h1 span{
	color : #9A9A9A;
	font-weight: normal;
}


.red-comments-info div.reviews-overall{
	display: flex;
	flex-direction: row;
	font-weight: bold;
	font-size: 1.20rem;

}

.red-comments-info big{
	font-size: 1.7rem;
}

.red-comments-info .star{
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-left: 2px;
	margin-top: 4px;
	background-image: url(/bitrix/templates/bella/images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}





.red-comments-button-wrap{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 15px;
	font-weight: bold;
}


.red-comments-button{
	font-size: 16px;
	padding: 10px 15px 10px 40px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 400;
	border: none;
	cursor: pointer;
	background: url(/bitrix/templates/bella/images/plus.png) no-repeat left center #FFBE4A;
	background-size: contain;
}


.red-comments-button:hover{
	background-color: #fbae2a;
}


.red-comment{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.red-comment p{
	padding: 0;
	margin: 0 0 20px 0;
}

.red-comment-wrap{
	box-sizing: border-box;
	background: #f5f5f5;
	padding: 30px 40px 10px 40px;
	margin-bottom: 15px;
}


.red-comments-header{
	display: flex;
	flex-direction: row;
	padding: 0 0 15px 0;
	color: #444;
	font-size: 0.9rem;
}

.red-comments-header-left{
	width: 70%;
	color: #848484;
}

.red-comments-header-left strong{
	color: #333;
}

.red-comments-header-left .user-icon{
	width: 12px;
}


.red-comments-header-right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 30%;
	color: #7E7E7E;
}

.red-comments-recommend{
	width: 120px;
	height: 39px;
	background: url(/bitrix/templates/bella/images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-comments-unrecommend{
	width: 140px;
	height: 39px;
	background: url(/bitrix/templates/bella/images/unrecommend.png) right no-repeat;
	background-size: contain;
}

.red-comments-body{
	font-size: 0.93rem;
	line-height: 1.4;
	width: 100%;
}

.red-comments-stars{
	display: flex;
	flex-direction: row;
	margin-left: -1px;
}


.red-comments-stars .star{
	width: 21px;
	height: 20px;
	background-image: url(/bitrix/templates/bella/images/star-narrow-0.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.red-comments-stars .star-active{
	background-image: url(/bitrix/templates/bella/images/star-narrow-1.png);
}

.red-comments-name{
	font-size: 0.87rem;
	font-weight: bold;
	padding-top: 12px;
}



.red-comments-reply{
	background: #FAFAFA;
	border-radius: 5px;
	padding: 5px 10px 5px 27px;
	margin-right: 5px;
	cursor: pointer;
	border : 1px solid #dadada;
	font-size: 0.8rem;

	background-image: url(/bitrix/templates/bella/images/reply.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #777777;
}

.red-comments-reply:hover{
	background-color: #fff;
	background-image: url(/bitrix/templates/bella/images/reply-hover.png);
	opacity: 0.9;
	color: #3778AA;
}

.red-comments-module .step-0 .red-comment-wrap{
	width: 100%;
}

.red-comments-module .step-1 .red-comment-wrap{
	width: 97%;
}

.red-comments-module .step-2 .red-comment-wrap{
	width: 94%;
}

.red-comments-module .step-3 .red-comment-wrap{
	width: 91%;
}

.red-comments-module .step-4 .red-comment-wrap{
	width: 88%;
}

.red-comments-module .step-5 .red-comment-wrap{
	width: 85%;
}










/* Модалка */


.red-fade-overlay{
	display: flex;
	justify-content: center;
	align-items: center;

	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	overflow: auto;
	width: 100%;
	height: 100%;
	z-index: 1000;
}



.red-modality-success {
	max-width:533px;
}

.red-modality .red-notice{
	color: #8A8A8A;
	font-size: 0.85rem;
	padding-bottom: 20px;
}

.red-modality .red-captcha{
	padding-bottom: 15px;
}

.red-modality .red-captcha img{
	height: 70px;
}

.red-modality .text-review{
	padding: 0 0 15px 0;
}



.red-modality h1{
	font-size: 1.9rem;
	margin: 0 0 5px 0;
}


.red-modality input.text{
	box-sizing: border-box;
	width: 100%;
	font-size: 0.9rem;
	border: 1px solid #e3e3e3;
	padding: 8px 8px;
	color : #555;
	margin: 5px 0 5px 0;
}
.red-modality input.modality-name{
	width: 100%;
}


.red-modality .button:hover{
	background: #106da7;
}

.red-modality-notice{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	padding-right: 5px;
}

.red-modality-stars{
	display: flex;
	flex-direction: row;
}


.red-modality-stars .star-inactive{
	width: 30px;
	height: 30px;
	background-image: url(/bitrix/templates/bella/images/star-0.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}


.red-modality-stars .star-active{
	width: 30px;
	height: 30px;
	background-image: url(/bitrix/templates/bella/images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.red-modality-stars .star-active:hover, .red-modality-stars .star-inactive:hover{
	background-image: url(/bitrix/templates/bella/images/star-1.png);
	opacity: 0.7;
}



.red-modality .recommend-line{
}

.red-modality .recommend-line label{
	margin-top: -10px;
	cursor: pointer;
}

.red-modality .recommend-line label:hover{
	color: #333;
}


.red-form-left .red-modality-left {
	margin-bottom:15px;
}


.red-modality .close-button{
	width: 24px;
	height: 24px;
	background: url(/bitrix/templates/bella/images/close-rev.png) no-repeat right top;
	background-size: contain;
	cursor: pointer;
	opacity: 0.6;
}

.red-modality .close-button:hover{
	opacity: 1;
}






/* 	Пагинация */

ul.red-bottom{
}



ul.red-pagination li.red-page-number{
	list-style: none;
	border-radius: 5px;
	cursor: pointer;
}

ul.red-pagination li.red-page-number:hover{
	background-color: #f5f5f5;
	border-radius: 5px;
}

ul.red-pagination li.red-page-number a{
	text-decoration: none;
	color : #9a9a9a;
}

ul.red-pagination li.red-page-number:hover a{
	color : #2d2d2d;
}
/*===*/
.red-modality.red-modality-success {
	min-height: inherit;
}
.red-modality-success .red-modality-title h1 {
	text-align: center;
}
.chili-comment-form .success-message {
	display: none;
}
.success-message {
	text-align: center;
	font-size: 22px;
	color: #44904B;
	padding-top: 50px;
}
.chili-comment-form .form-field .error-message {
	display: none;
}
.chili-comment-form .form-field.error .error-message {
	display: block;
	color: #C65F5F;
	font-size: 12px;
}
.red-modality .auth-line {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.chili-review-form .success-message {
	display: none;
}
.success-message {
	text-align: center;
	font-size: 22px;
	color: #44904B;
	padding-top: 50px;
}
.chili-review-form .form-field .error-message {
	display: none;
}
.chili-review-form .form-field.error .error-message {
	display: block;
	color: #C65F5F;
	font-size: 12px;
}
.red-modality .auth-line {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.chili-page-reviews-item {
	margin-bottom: 25px;
}
.red-reviews{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	color : #333;
}
.red-reviews h1{
	font-size: 1.8rem;
}
.red-reviews-bar{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
}
.red-reviews-info{
	display: flex;
	flex-direction: column;
	width: 220px;
}
.red-reviews-info big{
	font-size: 1.7rem;
}
.red-reviews-info .star, .red-reviews-counts-stars .star{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	background-image: url(/bitrix/templates/bella/images/star-1.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.red-reviews-info .star.inactive, .red-reviews-counts-stars .star.inactive{
	background-image: url(/bitrix/templates/bella/images/star-0.svg);
}
.red-reviews-info .star.demiactive{
	background-image: url(/bitrix/templates/bella/images/star-05.svg);
}
.red-reviews-button-wrap{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	padding-left: 15px;
	font-weight: bold;
}
.red-reviews-button{
	font-size: 16px;
	padding: 10px 15px 10px 40px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 400;
	border: none;
	cursor: pointer;
	background: url(/bitrix/templates/bella/images/quote.png) no-repeat left center #FFBE4A;
	background-size: contain;
}
.red-reviews-button:hover{
	background-color: #fbae2a;
}
.reviews-stars{
	font-size: 0;
    margin-bottom: 8px;
}
.red-reviews-counts {
	width:600px;
	padding-top: 13px;
}
.red-reviews-counts-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 5px;
}
.red-reviews-counts-stars {
	width: 19%;
    text-align: right;
    padding-right: 1%;
	padding-top: 2px;
}
.red-reviews-counts-num {
	width:4%;
	font-size: 16px;
	font-weight: 700;
	line-height: 21.86px;
	text-align: center;
	color: #192421;
}
.red-reviews-counts-bar {
	width:69%;
	margin-top: 7px;
	padding: 0 10px;
}
.red-reviews-counts-bar-gray {
	width:100%;
	height:5px;
	border-radius:5px;
	background: #F0F0F0;
	position:relative;	
    display: block;
    overflow: hidden;
}
.red-reviews-counts-bar-yellow {
	position:absolute;
	top:0;
	left:0;
	height:5px;
	border-radius:5px;
	background: #FEDC51;
    display: block;
    overflow: hidden;
}
.red-reviews-counts-count {
	width:9%;
    padding-left: 1%;
	font-size: 14px;
	font-weight: 400;
	line-height: 21.29px;
	text-align: left;
	color: #959595;
}
.red-reviews-sortbar{
	padding: 30px 0;
	font-size: 0.90rem;
}
.red-review-recommend{
	width: 120px;
	height: 39px;
	background: url(/bitrix/templates/bella/images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-review-unrecommend{
	width: 140px;
	height: 39px;
	background: url(/bitrix/templates/bella/images/unrecommend.png) right no-repeat;
	background-size: contain;
}

.red-review-footer{
	border-top : 1px solid #e5e5e5;
	padding-top: 20px;
	margin-top: 15px;
}

.red-review-button{
	background: #FAFAFA;
	border-radius: 5px;
	padding: 5px 10px 5px 27px;
	margin-right: 5px;
	cursor: pointer;
	border : 1px solid #dadada;
	font-size: 0.8rem;
}
.red-review-like:hover, .red-review-unlike:hover{
	background-color: #fff;
	opacity: 0.9;
}
.red-review-like{
	background-image: url(/bitrix/templates/bella/images/like.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #44904B;
}
.red-review-unlike{
	background-image: url(/bitrix/templates/bella/images/unlike.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #C65F5F;
}
.red-review-like-tap{
	background-color: #44904B;
	background-image: url(/bitrix/templates/bella/images/like-tap.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	border: none;
	border-radius: 3px;
}
.red-review-unlike-tap{
	background-color: #C65F5F;
	background-image: url(/bitrix/templates/bella/images/unlike-tap.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	border: none;
	border-radius: 3px;
}
.red-review-like-tap:hover, .red-review-unlike-tap:hover{
	opacity: 0.9;
}
.red-link-dotted{
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.12px;
	text-align: left;
	color: #192421;
	text-decoration: none;
	padding:10px 20px 10px 36px;
	border-radius:4px;
	background: #F1F1F1 url(/bitrix/templates/bella/images/sort-arrows.svg) 11px 11px no-repeat;
}

.red-link-dotted:hover{
	background-color: #F6F6F6;
}
.red-link{
	cursor: pointer;
	color: #0053b0;
	text-decoration: none;
}

.red-link:hover{
	opacity: 0.9;
	border: none;
}

.red-link-bold{
	color: #555;
	font-weight: bold;
}
.red-review-answer p.text{
	padding: 0;
	margin: 0;
	font-size: 0.93rem;
}
.mobile-only
{
	display: none;
}
.red-form-right-sec {
	padding-top:0;
}
.red-form-right-sec .conf-info {
	padding-top:0;
}

/* Mobile */
@media (max-width: 1320px) {
.red-review-big-images {
	display:none;
}
}
@media (max-width: 1200px) {
.one-capacity.top-fixing-10.priceblock{
	flex-wrap: wrap;
}
}

@media (max-width: 980px) {
.red-reviews-page-header {
    display: block;
}
}
@media (max-width: 660px) {
.red-reviews-info div.reviews-overall {
	font-size: 16px;
	font-weight: 700;
	line-height: 21.86px;
}
.red-reviews-counts-stars .star {
	display:none;
}
.red-reviews-counts-stars .star:first-of-type {
	display:inline-block;
}
.red-reviews-counts {
    width: calc(100% - 110px);
}
.red-review {
    width: 100%;
}
.red-form-body {
	display:block;
}
.red-form-left {
	width:100%;
}
.red-form-right {
	width:100%;
	padding-top:0;
}
.red-modality .red-modality-title {
	display:block;
}
.red-rating-stars {
    justify-content: start;
}
}

@media (max-width: 450px) {

	textarea,
	select,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
		-webkit-appearance: none;
	}

	body{padding: 0;}

	.desktop-only
	{
		display: none;
	}


	.mobile-only
	{
		display: block;
	}

	.red-body{
		width: 100%
	}

	.footer{
		border-radius: 0;
		margin-bottom: 0;
	}

	.red-modality{
		font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
		width: 95%;
		min-width: 100px;

		padding: 35px 30px 25px 30px;
		border-radius: 5px;
		font-size: 1rem;
	}
	.red-modality .red-modality-close{
		align-content: flex-start;
	}

	.red-modality .close-button{
		margin-top: 5px;
	}

	.red-modality .red-modality-left, .red-modality .red-modality-right{
		width: 100%;
	}


	.red-modality input.text, .red-modality textarea{
		font-size: 1.1rem;
		padding: 10px;
	}
	.red-modality textarea{
		height: 120px;
	}

	.red-modality .name-line{
		flex-direction: column;
	}

	.red-modality .red-modality-right{
		justify-content: flex-start;
		padding: 10px 0 0 0;
	}

	.red-modality .button{
		width: 100%;
		font-size: 0.9rem;
		padding: 16px 15px;
	}

	.red-modality .button:hover{
		background: #106da7;
	}


	.red-modality .red-captcha img{
		height: auto;
		width: 85%;
	}




	/* Comments */

	.red-comments-module{
		width: 92%;
		min-width: 100px;
		padding-top: 20px;
	}

	.red-comments-bar{
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		min-width: 100px;
		width: 100%;
	}

	.red-comments-button-wrap{
		justify-content: flex-start;
		padding-left: 0;
	}

	.red-comments-list{
		display: flex;
		flex-direction: column;
	}

	.red-comment{
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}


	.red-comment-wrap{
		box-sizing: border-box;
		background: #f5f5f5;
		padding: 30px 30px 10px 30px;
		margin-bottom: 15px;
	}

	.red-comments-header{
		font-size: 1.1rem;
		flex-direction: column;
		padding-bottom: 0;
	}
	.red-comments-header-left,
	.red-comments-header-right{
		width: 100%;
		justify-content: flex-start;
		line-height: 1.5;
	}

	.red-comments-body{
		font-size: 1.1rem;
		padding-top: 10px;
	}
	.red-comments-reply{
		font-size: 1rem;
		padding-left: 30px;
	}

	.red-comments-module .step-1 .red-comment-wrap{
		width: 100%;
	}

	.red-comments-module .step-2 .red-comment-wrap,
	.red-comments-module .step-3 .red-comment-wrap,
	.red-comments-module .step-4 .red-comment-wrap,
	.red-comments-module .step-5 .red-comment-wrap{
		width: 95%;
	}

	.red-comments-info h1{
		font-size: 2rem;
	}
	.red-reviews-button{
		position: fixed;
		bottom: 75px;
		left: 50%;
		width: 190px;
		margin-left: -95px;
		font-size: 18px;
		text-align: left;
		padding: 10px 0px 10px 42px;
		background: url(/bitrix/templates/bella/images/quote.png) no-repeat left center #FFBE4A;
		background-size: contain;
		box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 10px 10px rgba(0,0,0,0.1);
	}



	.red-comments-button{
		display: block;
		position: fixed;
		bottom: 25px;
		left: 50%;
		width: 175px;
		margin-left: -88px;
		font-size: 18px;
		text-align: left;
		padding: 10px 0px 10px 44px;
		box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 10px 10px rgba(0,0,0,0.1);

	}



	/* 	review  */


	.red-reviews{
		width: 92%;
		padding-top: 20px;
	}

	.red-review p {
		padding: 0;
		margin: 0 0 20px 0;
	}

	.red-review-header{
		display: flex;
		flex-direction: column;
		padding: 10px 0 0 0;
		color: #444;
	}

	.red-review-header-left{
		width: 100%;
	}



	.red-review-header-right{
		display: block;
		width: 100%;
		padding: 3px 0 10px 0;

	}

	.red-review-recommend {
		width: 100%;
		height: 43px;
		background-position-x: left;
	}

	.red-review-unrecommend {
		width: 100%;
		height: 43px;
		background-position-x: left;
	}

	.red-reviews-bar{
		width: 100%;
		min-width: 100px;
	}

	.red-review{
		padding: 30px 30px;
		margin-bottom: 18px;
	}





	.red-review-body, .red-reviews-sortbar, .red-review-answer, .red-review-name, .red-review-answer p.text{
		font-size: 1.1rem;
	}

	.red-reviews-bar{
		padding: 15px 0 15px 5px;
	}

	.red-review-answer{
		padding: 15px 20px;
	}

	.red-reviews-sortbar{
		padding: 30px 0 20px 0;
	}



	/* 	Рейтинг */


	.red-rating-info{

	}


	.red-rating {
		min-width: 100px;
		flex-direction: column;
		width: 92%;
		padding: 20px 20px;
		margin-top: 20px;

	}

	.red-rating-info div.rating-overall{
		font-size: 1.4rem;
	}

	.red-rating-info div.rating-stat{
		font-size: 1rem;

	}

	.red-rating-grade{
		justify-content: flex-start;
		padding: 10px 0 0 0;
		margin-top: 10px;

		border-top : 1px solid #dcdcdc;
	}

	.red-rating-title{

		font-size: 1.1rem;
	}

	.red-bottom{
		font-size: 1.2rem;
		margin: 0 0 75px 0;
	}
}

@media (max-width: 450px) {
	.mobile-only
	{
		display: block;
	}
}
/* End */


/* Start:/bitrix/templates/bella/components/bitrix/main.file.input/review/style.min.css?17742503804387*/
.webform-field-upload-list del{display:inline-block;margin:0 3px 0 6px;width:16px;height:16px;border-radius:30px;font-size:16px;line-height:16px;text-align:center;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s;text-decoration:none;outline:0;cursor:pointer}.webform-field-upload-list del:hover{background:#e00101;color:#fff}.webform-field-upload-list .error-text{color:#e00101}.webform-field-upload-list i{vertical-align:top;display:none;width:15px;height:15px;background:url(/bitrix/js/main/core/images/popup/upload-waiting.gif) no-repeat 0 2px;margin:0 0 0 8px}.hidden-caption{display:none}.webform-field-upload-list{margin:0 0 11px 2.8em;padding:0}.webform-field-upload-list a.upload-file-name{margin:0 0 0 -4px;color:#0069c4;text-decoration:underline}.webform-field-upload-list a.upload-file-name:hover{color:#1c91e7}.webform-field-upload-list li{white-space:nowrap;width:100%}.webform-field-upload-list li div.webform-field-item-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 3px 0;color:#888;white-space:nowrap}.webform-field-upload-list li.uploading{color:#bbb}.webform-field-upload-list li.uploading a.upload-file-name{cursor:default;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.webform-field-upload-list li.uploading i{display:inline-block}.webform-field-upload-list li .upload-file-name{padding:0 5px 0 0}.webform-field-upload{overflow:hidden;width:250px;max-width:100%;height:39px;line-height:39px;cursor:pointer;display:block;position:relative;padding:0;margin:0}.file-input .webform-field-upload input[type=file],.file-input .webform-field-upload input[type=button]{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;font-size:150px;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:1px solid transparent}.webform-field-upload .webform-small-button{padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center}.webform-field-upload-list ~ .webform-field-upload .webform-button-replace{display:none}.webform-field-upload-list.webform-field-upload-list-single{list-style:none;margin:0 0 11px 10px}.webform-field-upload-list.webform-field-upload-list-single ~ .webform-field-upload .webform-button-upload{display:none}.webform-field-upload-list.webform-field-upload-list-single ~ .webform-field-upload .webform-button-replace{display:inline-block}.webform-field-upload-list.webform-field-upload-list-single:empty ~ .webform-field-upload .webform-button-upload{display:inline-block}.webform-field-upload-list.webform-field-upload-list-single:empty ~ .webform-field-upload .webform-button-replace{display:none}.webform-field-upload-icon{display:none;margin:0 10px 0 0;width:39px;height:39px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#535c6a no-repeat center;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny4xODgiIGhlaWdodD0iNTQuMDYzIiB2aWV3Qm94PSIwIDAgNDcuMTg4IDU0LjA2MyI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7IGZpbGw6ICNmZmY7IGZpbGwtcnVsZTogZXZlbm9kZDsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJTaGFwZV8yX2NvcHlfNCIgZGF0YS1uYW1lPSJTaGFwZSAyIGNvcHkgNCIgY2xhc3M9ImNscy0xIiBkPSJNNDcuMTggNTQuMDYyYzAtMy4yMTctMy42MS0xNi44MjYtMy42MS0xNi44MjYgMC0xLjk5LTIuNi00LjI2LTcuNzItNS41ODVhMTcuMzk0IDE3LjM5NCAwIDAgMS00Ljg4Ny0yLjIyM2MtLjMzLS4xODgtLjI4LTEuOTI1LS4yOC0xLjkyNWwtMS42NDgtLjI1YzAtLjE0Mi0uMTQtMi4yMjUtLjE0LTIuMjI1IDEuOTcyLS42NjMgMS43Ny00LjU3NCAxLjc3LTQuNTc0IDEuMjUyLjY5NSAyLjA2OC0yLjQgMi4wNjgtMi40IDEuNDgyLTQuMy0uNzM4LTQuMDQtLjczOC00LjA0YTI3LjA1IDI3LjA1IDAgMCAwIDAtNy45MThjLS45ODctOC43MDgtMTUuODQ3LTYuMzQ0LTE0LjA4NS0zLjUtNC4zNDMtLjgtMy4zNTIgOS4wODItMy4zNTIgOS4wODJsLjk0MiAyLjU2Yy0xLjg1IDEuMi0uNTY0IDIuNjUtLjUgNC4zMi4wOSAyLjQ2NiAxLjYgMS45NTUgMS42IDEuOTU1LjA5MyA0LjA3IDIuMSA0LjYgMi4xIDQuNi4zNzcgMi41NTYuMTQyIDIuMTIuMTQyIDIuMTJsLTEuNzg2LjIxN2E3LjEgNy4xIDAgMCAxLS4xNCAxLjczMmMtMi4xLjkzNi0yLjU1MyAxLjQ4NS00LjY0IDIuNC00LjAzMiAxLjc2Ny04LjQxNCA0LjA2NS05LjE5MyA3LjE2Uy0uMDEyIDU0LjA2LS4wMTIgNTQuMDZoNDcuMTl6Ii8+PC9zdmc+);vertical-align:top;background-size:50%;overflow:hidden}.webform-field-upload-icon canvas,.webform-field-upload-icon img{width:100%}.webform-field-upload-list.webform-field-upload-icon-view .webform-field-upload-icon{display:inline-block}.webform-field-upload-notice{font-size:11px;font-style:italic}
/* End */
/* /bitrix/templates/bella/r-style.css?177425038145181 */
/* /bitrix/templates/bella/components/bitrix/main.file.input/review/style.min.css?17742503804387 */