.rollbar-path-vertical, .rollbar-path-horizontal {
	position: absolute;
	background-color: #eee;
	background-color: rgba(220,220,220,0.5); 
	z-index: 100;
}
.rollbar-path-horizontal {
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 10px;
}

.rollbar-path-vertical {
	right: 0;
	top: 0; 
	height: 100%; 
	width: 13px;
}


/* rollbar paths inner shadow */
.rollbar-path-vertical {
 	box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);
}

.rollbar-path-horizontal {
 	box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.1);
}


/* rollbar handle style */
 
.rollbar-handle{
	position: relative;
	top: 0;
	left: 0;
	background:url(../../../../../bitrix/templates/.default/img/begunok.png) no-repeat;
}
.rollbar2-handle{
	position: relative;
	top: 0;
	left: 0;
	height:47px !important;
	background:url(../../../../../bitrix/templates/.default/img/begunok_mini.png) no-repeat;
}
.rollbar-path-vertical .rollbar-handle {
	height:49px !important;
	width: 100%;
	cursor: pointer;
} 
.rollbar-path-horizontal .rollbar-handle {
	width: 20%;
	height: 100%;
}
/*  examples */
.example {height:100%;width:100%;}
.example .rollbar-path-horizontal {height:3px; background:rgba(255,255,255,0.2); }
.example .rollbar-path-vertical {
	width:14px;
	background: rgba(255,255,255,0.2);
}
.example .rollbar-path-vertical, .example .rollbar-path-horizontal {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
} 
/*  examples */
.example2 {height:100%;width:100%;}
.example2 .rollbar-path-horizontal { height: 3px; background: rgba(255,255,255,0.2); }
.example2 .rollbar-path-vertical {
	width:14px;
	background: rgba(255,255,255,0.2);
}
.example2 .rollbar-path-vertical, .example_2 .rollbar-path-horizontal {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
} 
@media screen and (max-width: 760px){ 
	.resize { display: none; }
}
/* Android, iPhone */
@media screen and (max-width: 320px){
	body > .rollbar-content { width: 320px; }
	body > .rollbar-path-vertical { width: 3px; right: 2px; }
	.center-wrapper { padding:20px 10px 0; }
	.example { width:300px;height:187px; }
	.example .rollbar-content { min-width:100%;min-height:100%; }
	.example img { width:100%; }
	.example2 { width:300px;height:187px; }
	.example2 .rollbar-content { min-width:100%;min-height:100%; }
	.example2 img { width:100%; }
	#example2 img { width:auto; }
	.resize { display:none; }
}