.scrollbar{
	height: 620px;
	width: 100%;
}
/*
.example{
	overflow: auto;
	height:300px;
	width:300px;
}*/

.scrollbar__container {
height: 100%;
width: 100%;
overflow: hidden;
}
.scrollbar__track {
position: absolute;
right: 0;
top: 0;
height: 100%;
	z-index: 9999;
}
.scrollbar__handle {
width: 100%;
min-height: 10px;
position: absolute;
top: 0;
}
/* scrollbar width */
.scrollbar {
padding-right: 5px;
}
.scrollbar__track {
width: 5px;
	
}
/* scrollbar style */
.scrollbar__handle {
background-color: gray;
opacity: 0;
}
.scrollbar:hover .scrollbar__handle {
opacity: 0.3;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.scrollbar .scrollbar__handle:hover,  .scrollbar_state_move .scrollbar__handle {
opacity: 1;
}
.scrollbar__track {
background-color: none;
margin: 60px 0 0;
height:calc(100% - 60px);
}
/* MOBILE */
.scrollbar_mode_mobile .scrollbar__container {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}



@media only screen and (min-device-height: 600px) and (max-device-width:1400px) {
.scrollbar{
	height: 450px;
	width: 100%;
	}


}