.scrollWrap {
    overflow : hidden;
    height : 100%;
    position : relative;
    z-index : 1;
}
.scrollContent {
    height : 100%;
    width : 100%;
    position : relative;
    right : -18px;
    overflow : auto;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}
.scrollBar {
    position : absolute;
    background :rgba(19, 57, 147, 0.4)none repeat scroll 0 0;
    width : 9px;
    border-radius : 4px;
    right : -15px;
    top : 0;
    z-index : 0;
    cursor : -moz-grab;
    cursor : -webkit-grab;
}
.scrollContainer:hover .scrollBar.scrollHover {
    cursor : -moz-grabbing;
    cursor : -webkit-grabbing;
    background : rgba(19, 42, 98, 0.7);
}
body.scrollHover {
    cursor : -moz-grabbing;
    cursor : -webkit-grabbing;
}



html, body {
    height: 100%;
}

.scrollContainer {
    float: left;
    height: 95%;
    min-height: 95%;
    top: 0;
    width: 100%;
}

.scrollContainer {
    float: left;
    height: 95%;
    min-height: 95%;
    top: 0;
    width: 100%;
}

.scrollContent {
    padding-bottom: 1em;
    padding-right: 1em;
    padding-top: 1em;
}
.scrollWrap {
	
	
}

.scrollWrap::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 5%;
}
.scrollWrap::after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5%;
}








/*SLİDER2*/








.scrollWrap2 {
    overflow : hidden;
    height : 100%;
    position : relative;
    z-index : 1;
}
.scrollContent2 {
    height : 100%;
    width : 100%;
    position : relative;
    right : -18px;
    overflow : auto;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
	
}
.scrollBar2 {
    position : absolute;
    background :rgba(212, 26, 13, 0.4)none repeat scroll 0 0;
    width : 9px;
	margin-top:300px;
	max-height:100px;


	
    border-radius : 4px;
   	left :300px;

    z-index : 0;
    cursor : -moz-grab;
    cursor : -webkit-grab;
}
.scrollContainer2:hover .scrollBar2.scrollHover2 {
    cursor : -moz-grabbing;
    cursor : -webkit-grabbing;
    background : rgba(189, 28, 28, 0.7);
}
body.scrollHover2 {
    cursor : -moz-grabbing;
    cursor : -webkit-grabbing;
}





.scrollContainer2 {
    float: left;
    height: 95%;
    min-height: 95%;
 
    width: 100%;
}

.scrollContainer2 {
    float: left;
    height: 95%;
    min-height: 95%;
    top: 0;
    width: 100%;
	
}

.scrollContent2 {
    padding-bottom: 1em;
    padding-right: 1em;
    padding-top: 1em;
}
.scrollWrap2 {
	
	
}

.scrollWrap2::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 5%;
	
}
.scrollWrap2::after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5%;
}