.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(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(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(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(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(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(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(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(sprite2x.png);
        background-position: -222px 0px;
        background-size: 289px 272px
    }
}
.rating-control__link {
    border-bottom-style: dotted;
    white-space: nowrap
}
.rating-control span {
    color: #888;
    font-weight: 700
}
.rating-control span,
.rating-control b {
/*
    margin-top: 2px;
    display: block
*/
}
.rating {
    display: inline-block;
    line-height: 1
}
.rating i {
    background-image: url(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(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(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(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(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(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;
    position: relative;
    float: left;
    height: 100%;
    width: 1.61538em;
    /*
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to top, #f5f5f5 0%, #fff 80%, #fff 100%);
    border-right: 1px solid #E8E8E8;
    */
    background:none;
    border:none;
}
.counter__btn:active,
.meter__btn:active {
   /*
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 20%, #f5f5f5 100%);
    background-image: linear-gradient(to top, #fff 0%, #fff 20%, #f5f5f5 100%)
  */
}
.counter__btn:after,
.meter__btn:after {
/*
    background-image: url(sprite.png);
    background-position: -271px -255px;
*/
    background-image: url(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(sprite2x.png);
        background-position: -271px -256px;
        background-size: 289px 272px;
        */
        background-image: url(plus.png);
    }
}
.counter__btn:hover:after,
.meter__btn:hover:after,
.counter__btn:active:after,
.meter__btn:active:after {
    /*
    background-position: -271px -257px
    */
}
@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 {
        /*
        background-position: -258px -235px
       */
    }
}
.counter__btn--plus,
.meter__btn {
    /*border: 1px solid #e8e8e8*/
}
.counter__btn--plus:after,
.meter__btn:after {
/*
    background-image: url(sprite.png);
    background-position: -212px -184px;
*/
    background-image: url(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(sprite2x.png);
*/
        background-image: url(plus.png);
/*
        background-position: -212px -184px;
        background-size: 289px 272px
*/
    }
}
.counter__btn--plus:hover:after,
.meter__btn:hover:after,
.counter__btn--plus:active:after,
.meter__btn:active:after {
  /*
    background-position: -141px -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) {
    .counter__btn--plus:hover:after,
    .meter__btn:hover:after,
    .counter__btn--plus:active:after,
    .meter__btn:active:after {
      /*
        background-position: -15px -259px
       */
    }
}


		.meter { 
			height: 15px;  /* Can be anything */
			position: relative;
			overflow:hidden;
			margin: 0px 0 0px 0; /* Just for demo spacing */
			background: #fff;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			border-radius: 15px;
			/*padding: 2px;*/
			
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
/*
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 8px;
			 -webkit-border-bottom-left-radius: 8px;
			        -moz-border-radius-topleft: 8px;
			     -moz-border-radius-bottomleft: 8px;
			            border-top-left-radius: 8px;
			         border-bottom-left-radius: 8px;
*/
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}

		.mblue > span {
			background-color: #78d6f0;
			background-image: -moz-linear-gradient(top, #78d6f0, #21c0ec);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #78d6f0),color-stop(1, #21c0ec));
			background-image: -webkit-linear-gradient(#78d6f0, #21c0ec); 
		}
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.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{
  padding:5px 0px 5px 5px;
  display:block;
  color:#8DC63F;
  font-size:1.7em;
}
.oprosnik_block_grad{
  background:#F9F5F0;
  border-radius:4px;
  min-height:170px;
}
.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; }