@keyframes load {0% {width:0%;} 100% {width:100%;}}
.container{ margin-top: 0;width: 100%;padding: 0;}
.trent-slider {width:100%;position:relative;overflow:hidden;height: 330px !important;}
.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;width: 100%;height: 330px;}
.t-slide img {width: 100%;height: 100%;}
.t-slider-controls {position:absolute;bottom:0;left:0;right:0;} 
.t-slider-controls .arrow {min-height:100%;width:50px;position:relative;transition:.25s;}
.t-slider-controls .arrow:hover {cursor:pointer;}
.t-slider-controls .right-arrow {float:right;} .t-slider-controls .left-arrow {float:left;}
.t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
.t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.t-slider-controls .t-load-bar {width:100%;height:5px;}
.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
.t-slider-controls .t-dots-container {z-index: 8;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:12px;height:12px;margin:10px;float:left;border-radius:50%;transition:.65s;} 
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {cursor:pointer;background: #3385ff;}
.trent-slider .t-slide:nth-child(1){
    z-index: 7;
}
.trent-slider .t-slide:nth-child(2){
    z-index: 6;
}
.trent-slider .t-slide:nth-child(3){
    z-index: 5;
}
.trent-slider .t-slide:nth-child(4){
    z-index: 4;
}
.trent-slider .t-slide:nth-child(5){
    z-index: 3;
}
.trent-slider .t-slide:nth-child(6){
    z-index: 2;
}
/*close slider css*/
@media screen and (max-width:768px) {
    .container{
        height: 155px;
    }
    .trent-slider{
        height: 155px!important;
    }
    .t-slide{
        height: 155px;
    }
    .t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}
}