.askaron-reviews-new  {
	font-family: Arial,​Helvetica,​sans-serif;
	font-size: 14px;
	color: #000;
}

.askaron-reviews-new.show
{
	display: block;
}

.askaron-reviews-new h3{
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 10px 0;
	color: #000;
}

.askaron-reviews-new .ask-error
{
    color:red; 
	margin-bottom: 10px;
}

.askaron-reviews-new .ask-ok
{
    color:green;
	margin-bottom: 10px;
}

.askaron-reviews-new .ask-note
{
    color:#333;
	font-size: 12px;
	margin-bottom: 10px;
}

.askaron-reviews-new .ask-grade
{	
	margin-bottom: 15px;
}

.askaron-reviews-new .ask-grade input
{
	margin-left: 5px;
	margin-right: 3px;
}

.askaron-reviews-new .ask-field
{	
	margin-bottom: 15px;
}

.askaron-reviews-new .ask-field div
{	
	margin-bottom: 2px;
}

.askaron-reviews-new .ask-field textarea
{
	width: 350px;
	height: 55px;
}

.askaron-reviews-new .ask-field textarea.ask-textarea-big
{
	width: calc(100% - 14px);
	height: 100px;
	padding: 6px;
	border: 1px solid #B3B3B3;
}


.askaron-reviews-new .ask-field input[type="text"], input[type="email"]
{
	width: calc(100% - 14px);
	padding: 6px;
	height: 20px;
	border: 1px solid #B3B3B3;
}


.askaron-reviews-new .ask-captcha
{
	margin-bottom: 15px;
}

.askaron-reviews-new .ask-captcha div
{
	margin-bottom: 5px;
}

.askaron-reviews-new .ask-captcha img 
{
	margin-right: 5px;	
	float: left;
}


.askaron-reviews-new .ask-captcha input[type="text"]
{
	height: 36px;
	width: 165px;
	font-size: 28px;
}



.askaron-reviews-new .ask-button
{
	margin-bottom: 10px;
}

.askaron-reviews-new .ask-button input[type="submit"]
{
	width: 100%;
	padding: 18px 20px;
	background: #D10000;
	color: #fff;
	border: none;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
}


.ask-grade.stars {
/*    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;*/
  }
  .ask-grade-stars {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;

margin-top: 10px;
    margin-left: -7px;

  }
  .ask-grade.stars input[type=radio] {
    display: none;
  }
  .ask-grade.stars input[type=radio]:checked ~ label:before {
	background-image: url(/bitrix/templates/design2024/img/star_red.svg);
//    content: '\2605';
    color: #FD4;
  }
  .ask-grade.stars label {
    font-size: 0;
    transition: transform .33s
  }
  .ask-grade.stars label:before {
//    content: '\2605';
	content:'';
	display: block;
    font-size: 30px;
    color: #ccc;
    cursor: pointer;

	width: 24px;
	height: 24px;
	background-image: url(/bitrix/templates/design2024/img/star_black.svg);

  }
  .ask-grade.stars label:hover {
    transform: scale(1.3);
  }


.required
{
	color: #D10000;
}