.zroller { width: 100%; }
.zroller ::selection { background-color: transparent; }
.zroller ::-moz-selection { background-color: transparent; }
.zroller {
	/* Для Mozilla FireFox */
	-moz-user-select: none;
	/* Для Safari, Chrome */
	-khtml-user-select: none;
	-webkit-user-select: none;
	/* Для IE */
	-ms-user-select: none;
	/* Общее свойство */
	user-select: none;
}
.zroller .zroller-balloon-wrap { position: relative; height: 75px; margin: 0 25px; }
.zroller .zroller-balloon { position: absolute; display: inline-block; bottom: 5px; height: 100%; width: 50px; margin-left: -25px; background: url('../images/zroller-balloon.png') no-repeat center bottom; box-sizing: border-box; -moz-box-sizing: border-box; line-height: 30px; text-align: center; padding: 27px 0 18px; cursor: pointer; }

.zroller .zroller-captions { position: relative; height: 20px; line-height: 20px; }
.zroller .zroller-captions > div { position: absolute; display: inline-block; top: 0; height: 20px; }
.zroller .zroller-captions > div.zroller-active { color: #fff; }
.zroller .zroller-captions { font-family: 'Open Sans'; font-weight: normal; font-size: 12px; color: #808080; }


.zroller .zroller-bar-wrap { position: relative; height: 21px; background: url('../images/zroller-bar-left.png') no-repeat; padding: 3px 5px 4px; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; }
.zroller .zroller-bar-wrap:before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 10px; right: 10px; background: url('../images/zroller-bar.png') repeat-x; height: 21px; }
.zroller .zroller-bar-wrap:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; right: 0px; background: url('../images/zroller-bar-right.png') no-repeat; width: 10px; height: 21px; }
.zroller .zroller-bar { position: relative; z-index: 3; background: url('../images/zroller-bar-fill.png') repeat-x; height: 14px; border-radius: 7px; min-width: 40px; }


.zroller .zroller-roller-wrap { height: 0; margin: 0 30px; position: relative; z-index: 4; }
.zroller .zroller-roller { position: absolute; top: -23px; background: url('../images/zroller-roller.png') no-repeat; width: 60px; height: 25px; margin-left: -30px; cursor: pointer; }

.discount { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px 10px 15px; background-color: #22292e; border: 1px solid #252e33; }

/*
.zroller .zroller-balloon { left: 33.33%; }
.zroller .zroller-bar { width: 33.33%; }
.zroller .zroller-roller { left: 33.33%; }

.zroller .zroller-balloon { left: 66.66%; }
.zroller .zroller-bar { width: 66.66%; }
.zroller .zroller-roller { left: 66.66%; }

.zroller .zroller-balloon { left: 100%; }
.zroller .zroller-bar { width: 100%; }
.zroller .zroller-roller { left: 100%; }*/