.red-body{
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	font-size: 1rem;
}

/* 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(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(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(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(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-bar{
	box-sizing: border-box;
	padding: 20px 2px;
	min-width: 450px;
	display: flex;
	flex-direction: row;
	border-top : 1px solid #e5e5e5;
	border-bottom : 1px solid #e5e5e5;
}

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

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

}

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

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


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


.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(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: 15px;
	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: #FFBE4A;
	background-size: contain;
}

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


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

.red-review{
	background: #f5f5f5;
	padding: 30px 45px 30px 45px;
	margin-bottom: 35px;
}


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

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



.red-review-header-right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 50%;
}

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

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

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


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

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

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


.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(images/like.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #44904B;
}

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

.red-review-like-tap{
	background-color: #44904B;
	background-image: url(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(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;
	color: #0053b0;
	text-decoration: none;
	border-bottom: 1px dashed #0053b0;
}

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


.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{
	border-radius: 5px;
	padding: 15px 25px;
	margin-top: 25px;
	margin-bottom: 10px;
	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;
}

.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(images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}


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



.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(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(images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-comments-unrecommend{
	width: 140px;
	height: 39px;
	background: url(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(images/star-narrow-0.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.red-comments-stars .star-active{
	background-image: url(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(images/reply.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #777777;
}

.red-comments-reply:hover{
	background-color: #fff;
	background-image: url(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{
	box-sizing: border-box;
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	width: 535px;
	min-width: 535px;
	min-height: 450px;
	background: #F8F8F8;
	padding: 40px 45px 35px 45px;
	border-radius: 10px;
	overflow-y: auto;

	color: #595959;
	font-size: 0.9rem;
}


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

.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{
	display: flex;
	flex-direction: row;
	width: 100%;
	padding-bottom: 20px;
}


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

.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 textarea{
	box-sizing: border-box;

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

	width: 100%;
	height: 100px;
	border: 1px solid #e3e3e3;
	padding: 6px 8px;
	color : #555;
	margin: 0px 0 0px 0;
}

.red-modality .button{
	background: #187AB7;
	text-align : center;
	color : #fff;
	font-size: 0.85rem;
	border: none;
	border-radius: 3px;
	padding: 12px 18px;
	cursor: pointer;
	text-transform: uppercase;
}

.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(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(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(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{
	width: 80%;
}

.red-modality .red-modality-close{
	width: 20%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: center;
}


.red-modality .red-modality-left{
	width: 45%;
}

.red-modality .red-modality-right{
	width: 55%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: center;
}

.red-modality .close-button{
	width: 24px;
	height: 24px;
	background: url(images/close.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{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 30px 0 30px 0;
	padding: 0 0 0 0;
}

ul.red-pagination li{
	margin: 0 5px;
	padding: 4px 8px;
	list-style: none;
}

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(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-stars .star{
		width: 24px;
		height: 23px;
		background-image: url(images/star-narrow-0.png);
		background-repeat: no-repeat;
		background-size: contain;
	}




	.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(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(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(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(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-bar{
	box-sizing: border-box;
	padding: 20px 2px;
	min-width: 450px;
	display: flex;
	flex-direction: row;
	border-top : 1px solid #e5e5e5;
	border-bottom : 1px solid #e5e5e5;
}

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

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

}

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

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


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


.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(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: 15px;
	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: #FFBE4A;
	background-size: contain;
}

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


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

.red-review{
	background: #f5f5f5;
	padding: 30px 45px 30px 45px;
	margin-bottom: 35px;
}


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

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



.red-review-header-right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 50%;
}

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

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

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


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

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

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


.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(images/like.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #44904B;
}

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

.red-review-like-tap{
	background-color: #44904B;
	background-image: url(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(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;
	color: #0053b0;
	text-decoration: none;
	border-bottom: 1px dashed #0053b0;
}

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


.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{
	border-radius: 5px;
	padding: 15px 25px;
	margin-top: 25px;
	margin-bottom: 10px;
	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;
}

.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(images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}


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



.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(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(images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-comments-unrecommend{
	width: 140px;
	height: 39px;
	background: url(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(images/star-narrow-0.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.red-comments-stars .star-active{
	background-image: url(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(images/reply.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #777777;
}

.red-comments-reply:hover{
	background-color: #fff;
	background-image: url(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{
	box-sizing: border-box;
	font-family:  Arial, "HelveticaNeue-Light", Helvetica, sans-serif;
	width: 535px;
	min-width: 535px;
	min-height: 450px;
	background: #F8F8F8;
	padding: 40px 45px 35px 45px;
	border-radius: 10px;
	overflow-y: auto;

	color: #595959;
	font-size: 0.9rem;
}


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

.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{
	display: flex;
	flex-direction: row;
	width: 100%;
	padding-bottom: 20px;
}


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

.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 textarea{
	box-sizing: border-box;

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

	width: 100%;
	height: 100px;
	border: 1px solid #e3e3e3;
	padding: 6px 8px;
	color : #555;
	margin: 0px 0 0px 0;
}

.red-modality .button{
	background: #187AB7;
	box-shadow: none;
	text-align : center;
	color : #fff;
	font-size: 0.85rem;
	border: none;
	border-radius: 3px;
	padding: 12px 18px;
	cursor: pointer;
	text-transform: uppercase;
}

.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(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(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(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{
	width: 80%;
}

.red-modality .red-modality-close{
	width: 20%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: center;
}


.red-modality .red-modality-left{
	width: 45%;
}

.red-modality .red-modality-right{
	width: 55%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: center;
}

.red-modality .close-button{
	width: 24px;
	height: 24px;
	background: url(images/close.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{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 30px 0 30px 0;
	padding: 0 0 0 0;
}

ul.red-pagination li{
	margin: 0 5px;
	padding: 4px 8px;
	list-style: none;
}

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: 15px;
}
.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;
	padding: 20px 2px;
	min-width: 450px;
	display: flex;
	flex-direction: row;
	border-top : 1px solid #e5e5e5;
	border-bottom : 1px solid #e5e5e5;
}
.red-reviews-info{
	display: flex;
	flex-direction: column;
}
.red-reviews-info div.reviews-overall{
	display: flex;
	flex-direction: row;
	font-weight: bold;
	font-size: 1.20rem;

}
.red-reviews-info big{
	font-size: 1.7rem;
}
.red-reviews-info .star{
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-left: 2px;
	margin-top: 4px;
	background-image: url(images/star-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.red-reviews-info div.reviews-stat{
	font-size: 0.85rem;
	padding: 10px 0 10px 0;
	color: #6A6A6A;
}
.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(images/quote.png) no-repeat left center #FFBE4A;
	background-size: contain;
}
.red-reviews-button:hover{
	background-color: #fbae2a;
}
.red-reviews-sortbar{
	padding: 30px 0;
	font-size: 0.90rem;
}
.red-review{
	background: #f5f5f5;
	padding: 30px 45px 30px 45px;
	margin-bottom: 35px;
}
.red-review-header{
	display: flex;
	flex-direction: row;
	padding: 0 0 15px 0;
	color: #444;
}
.red-review-header-left{
	width: 50%;
}
.red-review-header-right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 50%;
}
.red-review-recommend{
	width: 120px;
	height: 39px;
	background: url(images/recommend.png) right no-repeat;
	background-size: contain;
}
.red-review-unrecommend{
	width: 140px;
	height: 39px;
	background: url(images/unrecommend.png) right no-repeat;
	background-size: contain;
}

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

.red-review-stars{
	display: flex;
	flex-direction: row;
	margin-left: -1px;
}
.red-review-stars .star{
	width: 21px;
	height: 20px;
	background-image: url(images/star-narrow-0.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.red-review-stars .star-active{
	background-image: url(images/star-narrow-1.png);
}
.red-review-name{
	font-size: 0.87rem;
	font-weight: bold;
	padding-top: 12px;
}
.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(images/like.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #44904B;
}
.red-review-unlike{
	background-image: url(images/unlike.png);
	background-repeat: no-repeat;
	background-size: contain;
	color : #C65F5F;
}
.red-review-like-tap{
	background-color: #44904B;
	background-image: url(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(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;
	color: #0053b0;
	text-decoration: none;
	border-bottom: 1px dashed #0053b0;
}

.red-link-dotted:hover{
	opacity: 0.9;
	border: none;
}
.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{
	border-radius: 5px;
	padding: 15px 25px;
	margin-top: 25px;
	margin-bottom: 10px;
	background: #fff;
	font-size: 0.9rem;
	line-height: 1.5;
}
.red-review-answer p.text{
	padding: 0;
	margin: 0;
	font-size: 0.93rem;
}
.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: 75px;
		left: 50%;
		width: 190px;
		margin-left: -95px;
		font-size: 18px;
		text-align: left;
		padding: 10px 0px 10px 42px;
		background: url(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-stars .star{
		width: 24px;
		height: 23px;
		background-image: url(images/star-narrow-0.png);
		background-repeat: no-repeat;
		background-size: contain;
	}




	.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;
	}
}

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