.breadcrumbs {
    margin-bottom: 0px;
}

.about-credit__tittle{
	margin-bottom: 7px;
}

.main-content__sidebar{
	margin-top: 8px;
}

.otzivy-top__wrap{
	background-color: #fff;
	padding: 14px 16px 16px;
	margin-bottom: 16px;
	width: 100%;
}

.otzivy__numb{
	font-weight: 500;
	font-size: 18px;
	line-height: 17px;
	color: #000000;
	margin-right: 4px;
}

.raiting__wrap{
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 10px;
    padding-left: 3px;
}

/*****----
RAITING
--------*/
.rating__button {width:16px;height:16px;display:inline-block}
.rating__star {width:100%;height:100%;fill:#fff; stroke: #979797}

/*intial hover state*/
.rating:hover .rating__star ,
/*preserve state after rating the first time*/
.rating.has--rating .rating__star {fill:#F59D22; stroke: #F59D22}

/*intial hover state*/
.rating__button:hover ~ .rating__button .rating__star,
/*preserve state after rating the first time*/
.rating__button.is--active ~ .rating__button .rating__star {fill:#fff; stroke: #979797}

/*SUBSEQUENT RATING ATTEMPTS LOGIC*/

/*
  lightgray signifies that you're giving a lower rating than before.
	we're gonna make lightgray all the stars that the user takes away.
*/
.rating.has--rating:hover .rating__button:hover ~ .rating__button .rating__star {fill:lightgray}

/*make everything after the current active star orange*/
.rating.has--rating .rating__button.is--active ~ .rating__button:hover .rating__star {fill:#F59D22};
/*make everything after the currently hovered star white*/
.rating.has--rating:hover .rating__button:hover ~ .rating__button.is--active ~ .rating__button .rating__star,
.rating.has--rating:hover .rating__button.is--active:hover ~ .rating__button .rating__star,
.rating.has--rating:hover .rating__button.is--active ~ .rating__button:hover ~ .rating__button .rating__star {fill:#fff}

.otzivy__info{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	padding: 9px 0 9px;
	margin-bottom: 16px;
}

.otzivy__info__img{
	width: 48px; 
	height: 48px;
	margin-right: 14px;
}

.otzivy__info__txt{
	line-height: 23px;
	color: #5F5F5F;
	width: 92%;
}

.otzivy__info__btn .button_green{
	width: 151px;
	font-size: 12px;
    line-height: 14px;
    padding: 11px;
	text-align: center;
	margin-left: auto;
	display: block;
}

.otzivy__info__btn .button_green{
	display: none;
}

.otzivy__info__btn .button_green.collapsed{
	display: block;
}

.raiting__wrap__no-pad{
	padding-bottom: 0;
}

.article__comments__wrap > .article__comments__item{
	padding: 10px 0 0;
}

.article__comments__wrap > .article__comments__item:first-of-type{
	padding: 13px 0 0;
}

.comment__answer > .article__comments__item{
	padding: 6px 0;
}

.comment__news{
	line-height: 17px;
	color: #A1A1A1;
	margin-left: 9px;
	margin-right: auto;
}

.comment__news__name{
	color: #4A90E2;
}

.comment__answer{
	background-color: #FBFBFB;
	position: relative;
}

.comment__answer::before{
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -16px;
	width: 16px;
	background-color: #FBFBFB;
}

.comment__answer::after{
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -16px;
	width: 16px;
	background-color: #FBFBFB;
}

.comment__foot{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: baseline;
	margin-bottom: 8px;
}

.otzivy__ask__y-n{
	line-height: 14px;
	margin-left: 14px;
}

.otzivy__answ{
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	margin-left: 6px;
}

.otzivy__slash{
	font-size: 12px;
	font-weight: 500;
	color: #A1A1A1;
}

.yes{
	color: #66BB6A;
}

.no{
	color: #F56363;
}

.otzivy__comments{
	margin-left: auto;
	font-size: 12px;
	line-height: 14px;
}

/*-----------------------------------------------
## SEARCH RESULT
----------------------------------------------------*/
#review_page .search-credit__result__header{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	width: 100%;
}

#review_page .result__tittle{
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #5F5F5F;
}

.result__number{
	color: #4A90E2;
	margin-left: 4px;
}

.result__sort{
	text-align: right;
	font-weight: 700;
	line-height: 17px;
	text-align: right;
	color: #3A3A3A;
}

.arr_down{
	width: 13px;
    height: 16px;
    display: inline-block;
}

.result__sort__item{
	border-bottom: 1px solid #4A90E2;
	color: #4A90E2;
	margin: 0 0 0 7px;
}

.result__sort__wrap:hover,
.result__sort__wrap:active,
.result__sort__wrap:focus{
	text-decoration: none;
}

/**--------------------------------
ABOUT BANK
-------------------------------------*/
.about-bank{
	background-color: #fff;
	padding: 16px 0 5px;
}

.about-bank__title{
	padding: 0 13px 14px;
	font-weight: 700;
	font-size: 18px;
	line-height: 19px;
	color: #5F5F5F;
	border-bottom: 1px solid #e2e2e2;
}

.about-bank__list{
	list-style-type: none;
	padding: 10px 13px 0;
	margin: 0;
}

.about-bank__item{
	margin-bottom: 15px;
	line-height: 14px;
}

.about-bank__item:last-of-type{
	margin-bottom: 0;
}

.about__key{
	margin-top: 4px;
	display: inline-block;
}

.about-bank__item__comment .raiting__wrap{
	margin-top: 4px;
}

.kont__numb{
	font-weight: 700;
}

.l__numb{
	font-weight: bold;
}

.l__numb,
.about-bank__item__comment{
	color: #4A90E2;
}

/*----------------------------------------
BANK RAITING
---------------------------------------------*/
.bank-raiting{
	background-color: #fff;
	padding: 17px 0 8px;
	margin-top: 24px;
}

.bank-raiting__list{
	padding: 6px 13px 0;
	margin: 0;
	list-style-type: none;
}

.bank-raiting__item{
	margin-bottom: 8px;
}

.rait__numb{
	color: #4A90E2;
	font-weight: 700;
}

.raiting__info{
	display: block;
	color: #434343;
    line-height: 18px;
}

.bank__raiting__wrap{
	padding-bottom: 0;
}

.raiting__info_normal{
	display: block;
	font-weight: 400;
	color: #4A90E2;
}

.article__comments__wrap{
	padding-bottom: 7px;
	padding-top: 0;
}

/*.article__comments__wrap__main{
	padding-left: 0;
	padding-right: 0;
}*/

/*.comment__avatar__main{
	margin-left: 16px;
}*/

/*.comment__body {
    padding-right: 16px;
}

.comment__avatar {
    width: auto; 
    height: 40px;
    border-radius: 100%;
    margin-right: 0;
}*/

/*---------------------------------------
FORM
---------------------------------------*/
.form__tittle{
	margin-bottom: 8px;
	font-size: 18px;
}

.otziv__input{
	border: 1px solid #E2E2E2;
	box-sizing: border-box;
	border-radius: 21px;
	padding: 0 15px;
	line-height: 30px;
	width: 500px;
	margin-bottom: 8px;
}

.otziv__input::placeholder,
.disable{
	color: #B4B4B4;
	font-weight: 400;
}

.select__wrap{
	position: relative;
	display: inline-block;
}

.otziv__select{
	/*padding: 6px 15px;*/
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.select__arr{
	pointer-events: none;
}

.select__arr::before{
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.46146 8.55452L0.430223 2.52364C-0.143408 1.9486 -0.143408 1.01808 0.430223 0.444795C1.00385 -0.127432 1.93438 -0.127432 2.50766 0.444795L7.50018 5.43696L12.4913 0.4462C13.0649 -0.127432 13.9951 -0.127432 14.5687 0.4462C15.1438 1.01948 15.1438 1.95001 14.5687 2.52364L8.53749 8.55452C8.25085 8.84151 7.87604 8.98413 7.50018 8.98413C7.12431 8.98413 6.74669 8.84151 6.46146 8.55452Z' fill='%23A1A1A1'/%3E%3C/svg%3E ");
    content : "";
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 12px;
    bottom  : 4px;
    height  : 100%;
    width: 16px;
}

.raiting__wrap__tittle{
	line-height: 24px;
    margin-right: 10px;
}

.otziv__textarea{
	resize: none;
	height: 130px;
	margin-bottom: 12px;
    padding-top: 7px;
}

/*--------------------------------------------
FORM RAITING
-----------------------------------------------*/
.raiting__mark{
	line-height: 25px;
	margin-right: 19px;
	font-size: 28px;
}

.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
  display: flex;
}
.star-cb-group * {
  font-size: 1rem;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  width: 21px;
  white-space: nowrap;
  cursor: pointer;
  margin-right: 11px;
  margin-bottom: 0;
  font-size: 0;
}
.star-cb-group > input + label:before {
  	display: inline-block;
  	content: " ";
  	width: 24px;
    height: 24px;
    background: url(../img/star.svg) center/cover no-repeat;
    display: inline-block;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  	content: " ";
 	width: 24px;
    height: 24px;
    background: url(../img/or-star.svg) center/cover no-repeat;
    display: inline-block;
}
.star-cb-group > .star-cb-clear + label {
  width: 0.5em;
  margin-left: -0.5em;
}
.star-cb-group > .star-cb-clear + label:before {
  width: 0.5em;
}
.star-cb-group:hover > input + label:before {
 	display: inline-block;
  	content: " ";
  	width: 24px;
    height: 24px;
    background: url(../img/star.svg) center/cover no-repeat;
    display: inline-block;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  	content: " ";
  	width: 24px;
    height: 24px;
    background: url(../img/or-star.svg) center/cover no-repeat;
    display: inline-block;
}

#char-num{
	color: #B4B4B4;
	font-weight: 400;
	font-size: 12px;
	display: none;
}


.select-selected {
	    width: 50px;
	}

	.result__sort__wrap:last-of-type .select-selected {
	    width: 67px;
	}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .otziv__input{
		height: 30px;
    }

	*::-ms-backdrop, .otziv__textarea{
		height: 130px;
    }

 }

@media (max-width: 1024px){
	.otzivy__info__txt {
	    width: 91%;
	}
}

@media (max-width: 991px){
	/*.main-content__sidebar {
	    width: 164px;
	}*/

	.otzivy__info__txt {
	    width: 87%;
	}

	.blue_select {
	    margin-left: 0px;
	}
	
	.about-credit__tittle__link {
    	font-size: 16px;
	}
	
	.about-credit__tittle {
    	font-size: 18px;
	}
	/*.main-content__sidebar {
	    margin-left: 12px!important; 
	}*/
	
}

@media (max-width: 768px){
	.otzivy__info__txt {
	    width: 100%;
	}
}

@media (max-width: 767px){

	.search-credit__result__header {
	    align-items: baseline;
	}
	
	.otzivy__info__txt {
	    width: 100%;
	}
	
	.otziv__input {
    	width: 100%;
	}
	.otziv__select{
		width: 380px;
	}
	.comment__date {
	    font-size: 12px;
	    margin-left: 0px;
	}
	
	.form__tittle {
	    font-size: 18px;
	}
	
	.otzivy__ask__y-n,
	.comment__news{
		margin-left: 0;
	}

	.main-content .row .main-content__sidebar {
	    padding-right: 12px!important;
	    padding-left: 12px!important;
	}

	.bank-raiting {
	    margin-top: 12px;
	}
}

@media (max-width: 375px){
	.otziv__select{
		width: 343px;
	}
	
	.comment__answer {
    	padding-left: 20px;
	}

	.comment__answer::after {
    	right: -7px;
    }

	.result__sort__wrap:last-of-type .select-selected {
	    width: 67px;
	}
}


@media (max-width: 320px){
	.otziv__select{
		width: 286px;
	}
	
	.comment__answer::after {
    	right: -7px;
	}

	.about-credit__tittle {
	    font-size: 17px;
	    line-height: 18px;
	}

	.search-credit__result__header {
	    padding: 0 12px;
	}
}