body {
    background-image: url('../images/3.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
}

.container { height: 95vh; margin: 0 auto; }
.fullscreen { background-color: #333; }
.left-slider { position: relative; background-color: rgba(0,131,143,0.5); padding-right: 0; padding-left: 0; transition: 1s;}
.slide-btn  {
    /*position: absolute;
    right: -46px;*/
    z-index: 10;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 0;
    background: rgba(250,88,115,1);
    background: -moz-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(250,88,115,1)),color-stop(100%,rgba(254,148,50,1)));
    background: -webkit-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -o-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -ms-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: linear-gradient(to right,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5873',endColorstr='#fe9432',GradientType=1);
}
.slide-btn:hover, .slide-btn:active, .slide-btn:focus,
.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active
 {
    box-shadow: none;
    background: rgba(250,88,115,1);
    background: -moz-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(250,88,115,1)),color-stop(100%,rgba(254,148,50,1)));
    background: -webkit-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -o-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -ms-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: linear-gradient(to right,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5873',endColorstr='#fe9432',GradientType=1); 
}

.left-slider h2 { color: #fff; text-align: center; padding: 15px 0; border-bottom: 5px solid; margin: 0; text-transform: capitalize; }
.left-slider a { color: #fff; border-bottom: 2px solid; transition: 0.5s; font-weight: 600; padding: 10px 15px; float: left; width: 100%; }
.left-slider a:hover { 
    color: #fff; 
    text-decoration: none;   
    background: rgba(250,88,115,1);
    background: -moz-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(250,88,115,1)),color-stop(100%,rgba(254,148,50,1)));
    background: -webkit-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -o-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -ms-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: linear-gradient(to right,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5873',endColorstr='#fe9432',GradientType=1);
}

.left-slider a.active { 
    background: rgba(250,88,115,1);
    background: -moz-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(250,88,115,1)),color-stop(100%,rgba(254,148,50,1)));
    background: -webkit-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -o-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: -ms-linear-gradient(left,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    background: linear-gradient(to right,rgba(250,88,115,1) 0,rgba(254,148,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5873',endColorstr='#fe9432',GradientType=1);
}

.force-overflow { min-height: 450px; }
.scrollbar { float: left; height: 650px; width: 100%; overflow-y: scroll; }
#style-6::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
#style-6::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
#style-6::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-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)
}
.pre-loader { position: absolute; top: 35%; left: 20%; width: 60%; }
.pre-loader img {width: 100%;}
.left-slider.leftopen { position: absolute; z-index: 1; height: 100%; }

@media (min-width: 959px) and (max-width: 1200px) {
    .left-slider { background-color: rgba(0,131,143,0.8); }
    .pre-loader { position: absolute; top: 18%; left: 20%; width: 60%; }
    .scrollbar { height: 100%; }
}

@media (min-width: 768px) and (max-width: 959px) {
    .left-slider { background-color: rgba(0,131,143,0.8); }
    .pre-loader { top: 45%; left: 20%; width: 60%; }
    .scrollbar { height: 100%; }
}

@media (min-width: 720px) and (max-width: 768px) {
    .left-slider { background-color: rgba(0,131,143,0.8); }
    .pre-loader { top: 45%; left: 20%; width: 60%; }
    .scrollbar { height: 100%; }
}

@media (min-width: 480px) and (max-width: 720px) {
    .left-slider { background-color: rgba(0,131,143,0.8); }
    .pre-loader { top: 17%; left: 20%; width: 60%; }
    .scrollbar { height: 100%; }
}

@media (min-width: 300px) and (max-width: 480px) {
    .left-slider { background-color: rgba(0,131,143,0.8); }
    .pre-loader { top: 36%; left: 20%; width: 60%; }
    .scrollbar { height: 100%; }
}