.rating-control .rating-control__btn i,
.rating-control .rating-control__btn--pos i,
.rating-control .rating-control__btn--ng i,
.rating-control .rating-control__btn--fav i
 {
    display: inline-block;
    vertical-align: middle;
    position: relative
}


.rating-control {
/*
    margin-left: -7px;
*/
    /*font-size: 0.92308em*/
}
.rating-control li {
    margin-right: 1px;
    float: left;
    width: 74px;
    text-align: center
}
.rating-control .rating-control__btn {
    cursor:pointer !important;
    display: block;
    height: 56px;
    width: 60px;
    margin: 0 auto 0.5em auto;
    line-height: 52px;
    background-image: -webkit-linear-gradient(bottom, #FFFDF7 0%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #FFFDF7 0%, #fff 80%, #fff 100%);
    border: 1px solid #F8B860;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}
.rating-control .rating-control__btn:hover,
.rating-control .rating-control__btn:active {
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #FFF9EB 10%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #fff 0%, #FFF9EB 10%, #fff 80%, #fff 100%);
    border-color: #F79A16
}
.rating-control .rating-control__btn i {
    background-image: url('../images/sprite.png');
    background-position: 0px -165px;
    width: 38px;
    height: 38px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating-control .rating-control__btn i {
        background-image: url('../images/sprite2x.png');
        background-position: 0px -165px;
        background-size: 289px 272px
    }
}
.rating-control .rating-control__btn--pos {
    background-image: -webkit-linear-gradient(bottom, #F7FFFA 0%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #F7FFFA 0%, #fff 80%, #fff 100%);
    border: 1px solid #7BD4B5
}
.rating-control .rating-control__btn--pos:hover,
.rating-control .rating-control__btn--pos:active {
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #EBFFF1 10%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #fff 0%, #EBFFF1 10%, #fff 80%, #fff 100%);
    border-color: #37C794
}
.rating-control .rating-control__btn--pos i {
    background-image: url('../images/sprite.png');
    background-position: -100px -203px;
    width: 32px;
    height: 32px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating-control .rating-control__btn--pos i {
        background-image: url('../images/sprite2x.png');
        background-position: -100px -203px;
        background-size: 289px 272px
    }
}
.rating-control .rating-control__btn--ng {
    background-image: -webkit-linear-gradient(bottom, #FBF7FF 0%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #FBF7FF 0%, #fff 80%, #fff 100%);
    border: 1px solid #AEA4F1;
    line-height: 56px
}
.rating-control .rating-control__btn--ng:hover,
.rating-control .rating-control__btn--ng:active {
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #F3EBFF 10%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #fff 0%, #F3EBFF 10%, #fff 80%, #fff 100%);
    border-color: #8574F2
}
.rating-control .rating-control__btn--ng i {
    background-image: url('../images/sprite.png');
    background-position: -68px -203px;
    width: 32px;
    height: 32px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating-control .rating-control__btn--ng i {
        background-image: url('../images/sprite2x.png');
        background-position: -68px -203px;
        background-size: 289px 272px
    }
}
.rating-control .rating-control__btn--fav {
    background-image: -webkit-linear-gradient(bottom, #FFF7FD 0%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #FFF7FD 0%, #fff 80%, #fff 100%);
    border: 1px solid #F57DC7
}
.rating-control .rating-control__btn--fav:hover,
.rating-control .rating-control__btn--fav:active {
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #FFEBF9 10%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #fff 0%, #FFEBF9 10%, #fff 80%, #fff 100%);
    border-color: #F54CB4
}
.rating-control .rating-control__btn--fav i {
    background-image: url('../images/sprite.png');
    background-position: -222px 0px;
    width: 36px;
    height: 32px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating-control .rating-control__btn--fav i {
        background-image: url('../images/sprite2x.png');
        background-position: -222px 0px;
        background-size: 289px 272px
    }
}
.rating-control__link {
    border-bottom-style: dotted;
    white-space: nowrap
}
.rating-control span {
}
.rating-control span,
.rating-control b {
}
.rating {
    display: inline-block;
    line-height: 1
}
.rating i {
    background-image: url('../images/sprite.png');
    background-position: -32px -259px;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 1px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating i {
        background-image: url('../images/sprite2x.png');
        background-position: -165px -237px;
        background-size: 289px 272px
    }
}
.rating--1 i:first-child {
    background-position: -64px -259px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--1 i:first-child {
        background-position: -197px -237px
    }
}
.rating--2 i:first-child,
.rating--2 i:nth-child(2) {
    background-position: -64px -259px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--2 i:first-child,
    .rating--2 i:nth-child(2) {
        background-position: -197px -237px
    }
}
.rating--3 i:first-child,
.rating--3 i:nth-child(2),
.rating--3 i:nth-child(3) {
    background-position: -64px -259px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--3 i:first-child,
    .rating--3 i:nth-child(2),
    .rating--3 i:nth-child(3) {
        background-position: -197px -237px
    }
}
.rating--4 i {
    background-position: -64px -259px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--4 i {
        background-position: -197px -237px
    }
}
.rating--4 i:last-child {
    background-position: -32px -259px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--4 i:last-child {
        background-position: -165px -237px
    }
}
.rating--5 i {
    background-position: -64px -259px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--5 i {
        background-position: -197px -237px
    }
}
.rating--medium.rating i {
    background-image: url('../images/sprite.png');
    background-position: -271px -87px;
    width: 18px;
    height: 17px;
    float: left;
    margin-right: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating i {
        background-image: url('../images/sprite2x.png');
        background-position: -271px -88px;
        background-size: 289px 272px
    }
}
.rating--medium.rating--1 i:first-child {
    background-position: -271px -104px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating--1 i:first-child {
        background-position: -271px -105px
    }
}
.rating--medium.rating--2 i:first-child,
.rating--medium.rating--2 i:nth-child(2) {
    background-position: -271px -104px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating--2 i:first-child,
    .rating--medium.rating--2 i:nth-child(2) {
        background-position: -271px -105px
    }
}
.rating--medium.rating--3 i:first-child,
.rating--medium.rating--3 i:nth-child(2),
.rating--medium.rating--3 i:nth-child(3) {
    background-position: -271px -104px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating--3 i:first-child,
    .rating--medium.rating--3 i:nth-child(2),
    .rating--medium.rating--3 i:nth-child(3) {
        background-position: -271px -105px
    }
}
.rating--medium.rating--4 i {
    background-position: -271px -104px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating--4 i {
        background-position: -271px -105px
    }
}
.rating--medium.rating--4 i:last-child {
    background-position: -271px -87px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating--4 i:last-child {
        background-position: -271px -88px
    }
}
.rating--medium.rating--5 i {
    background-position: -271px -104px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--medium.rating--5 i {
        background-position: -271px -105px
    }
}
.rating--large.rating i {
    background-image: url('../images/sprite.png');
    background-position: -196px -203px;
    width: 23px;
    height: 22px;
    float: left
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating i {
        background-image: url('../images/sprite2x.png');
        background-position: -196px -203px;
        background-size: 289px 272px
    }
}
.rating--large.rating--1 i:first-child {
    background-position: -219px -203px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating--1 i:first-child {
        background-position: -219px -203px
    }
}
.rating--large.rating--2 i:first-child,
.rating--large.rating--2 i:nth-child(2) {
    background-position: -219px -203px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating--2 i:first-child,
    .rating--large.rating--2 i:nth-child(2) {
        background-position: -219px -203px
    }
}
.rating--large.rating--3 i:first-child,
.rating--large.rating--3 i:nth-child(2),
.rating--large.rating--3 i:nth-child(3) {
    background-position: -219px -203px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating--3 i:first-child,
    .rating--large.rating--3 i:nth-child(2),
    .rating--large.rating--3 i:nth-child(3) {
        background-position: -219px -203px
    }
}
.rating--large.rating--4 i {
    background-position: -219px -203px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating--4 i {
        background-position: -219px -203px
    }
}
.rating--large.rating--4 i:last-child {
    background-position: -196px -203px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating--4 i:last-child {
        background-position: -196px -203px
    }
}
.rating--large.rating--5 i {
    background-position: -219px -203px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .rating--large.rating--5 i {
        background-position: -219px -203px
    }
}



.counter__btn,
.meter__btn {
    cursor:pointer !important;
}
.counter__btn:active,
.meter__btn:active {
}
.counter__btn:after,
.meter__btn:after {
    /*background-image: url('../images/plus.png');*/
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
    content: ''
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .counter__btn:after,
    .meter__btn:after {
        /*background-image: url('../images/plus.png');*/
    }
}
.counter__btn:hover:after,
.meter__btn:hover:after,
.counter__btn:active:after,
.meter__btn:active:after {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .counter__btn:hover:after,
    .meter__btn:hover:after,
    .counter__btn:active:after,
    .meter__btn:active:after {
    }
}
.counter__btn--plus,
.meter__btn {
			height: 20px;
			line-height: 12px;
			position:relative;
			top:-1px;
			margin-left:2px;
		                      cursor:pointer !important;
			color:#A640E2;
			text-align:center;
			font-size:0.8em;
			background: #F6F7FB;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			border:1px solid #DDE4EC;
}
.meter__btn i { font-size:0.8em; position:relative; top:-1px;}

.counter__btn--plus:after,
.meter__btn:after {
    /*background-image: url('../images/plus.png');*/
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    content: ''
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .counter__btn--plus:after,
    .meter__btn:after {
        /*background-image: url('../images/plus.png');*/
    }
}
.counter__btn--plus:hover:after,
.meter__btn:hover:after,
.counter__btn--plus:active:after,
.meter__btn:active:after {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.30208),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .counter__btn--plus:hover:after,
    .meter__btn:hover:after,
    .counter__btn--plus:active:after,
    .meter__btn:active:after {
    }
}


		.meter { 
			height: 20px;  /* Can be anything */
			position: relative;
			overflow:hidden;
			margin: 0px 0 0px 0; /* Just for demo spacing */
			background: #F6F7FB;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			border:1px solid #DDE4EC;

		}
		.meter > span {
			display: block;
			height: 100%;
			background:#FD6FB8;
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}

		.mblue > span {
			background: #81E2F2;
		}
		
		.orange > span {
			background:#FEDF8C;
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}


.headline{
  color:#8DC63F;
  font-size:1.2em;
}
.oprosnik_block_grad{
}
.rating-control__btn_n { display:block; margin:0 auto; width:65px; height:65px; text-align:center; line-height:65px; color:#fff; background:#8DC63F; border-radius:10px; font-size:3em;}
.rating-control__btn_n:hover { display:block; margin:0 auto; width:65px; height:65px; text-align:center; line-height:65px; color:#8DC63F; background:#fff; }

.meter_block { width:35%;}
.oprosnik_text { font-size:0.75em; font-weight:700; }
.oprosnik_text_count  { font-size:0.65em;margin-right:3px;  font-weight:700; }
.mb5 { margin-bottom:5px; }

.headline_oprosnik { font-weight:bold; font-size:1.6em; text-align:left; text-transform:uppercase;display:block;}
.headline_oprosnik:after{ content:'';  display:flex;  width:20%; height:1px; border-bottom:3px solid #A640E2; text-align:left; margin:5px 0px 10px 0px;}

.oprosnik_t_b_1 { background:#FFFAEC; border:1px solid #FF9530; border-radius:2px; color:#FF9530; padding: 9px 9px 5px 9px; text-align:center; display:inline-block;}
.oprosnik_t_b_1 i { font-size:2em; }
.oprosnik_t_b_2 { background:#D9FDF1; border:1px solid #2EA27C; border-radius:2px; color:#2EA27C; padding: 9px 9px 5px 9px; text-align:center; display:inline-block; }
.oprosnik_t_b_2 i { font-size:2em; }
.oprosnik_t_b_3 { background:#D9F8FA; border:1px solid #2F91A2; border-radius:2px; color:#2F91A2; padding: 9px 9px 5px 9px; text-align:center; display:inline-block; }
.oprosnik_t_b_3 i { font-size:2em; }
.oprosnik_t_b_4 { background:#FEEAF3; border:1px solid #E7307A; border-radius:2px; color:#E7307A; padding: 9px 9px 5px 9px; text-align:center; display:inline-block; }
.oprosnik_t_b_4 i { font-size:2em; }