@keyframes load {0% {width:0%;} 100% {width:100%;}}
.trent-slider {width:100%;position:relative;overflow:hidden; width: 600px; margin-bottom: 1.5rem;}

.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
.t-slide h6{position:absolute;bottom:50px;left:0;z-index: 2; width: 100px; background: rgba(0,0,0,.8); color: #fff; font-size: 1.25rem;font-weight: 500; line-height: 2; text-align: center;}

.t-slide img {width:100%;height:100%;}

.t-slider-controls {position:absolute;top:0;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%);font-size: 2rem;}

/*.t-slider-controls .t-load-bar {width:100%;height:5px; display: none;}

.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}*/

.t-slider-controls .t-dots-container {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:36px;min-width:600px;}

.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:8px;height:8px;margin:5px;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 {transform:scale(1.65);cursor:pointer;}


.trfc > .container img{background: rgba(215,213,213,0);padding: 0;margin: 0;border-radius: 0px;}
.container{display: block; margin: 0 auto; width: 600px; }

/*close slider css*/
@media screen and (min-width:768px) {.t-slider-controls .arrow:hover {background:none;}}

@media screen and (max-width: 500px) {
	.container {
  display: block;
  margin: 0 auto;
  width: 360px;
}
.trent-slider {
  width: 400px;
  position: relative;
  overflow: hidden;
	margin-bottom: 1.5rem;
	}
.t-slider-controls .right-arrow {
  float: right;
  margin-right: 2.53rem;
}
.t-slider-controls .t-dots-container {
	left: 46%;
  min-width: 580px;
}
}

@media screen and (max-width: 430px) {
	.container {
  display: block;
  margin: 0 auto;
  width: 320px;
}
	.trent-slider {
		width: 350px;}
.t-slide h6 {
  position: absolute;
  bottom: 40px;
  left: 0;
  z-index: 2;
  width: 90px;
	font-size: 1.1rem;}
.t-slider-controls .right-arrow {
    margin-right: 1.75rem;
  }
}
@media screen and (max-width: 415px) {
 .t-slider-controls .right-arrow {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 390px) {
 .t-slider-controls .right-arrow {
    margin-right: 1.55rem;
  }
}