/* Slider */

.slider{background-color: #14529d; padding: 50px 5vw; position: relative; overflow: hidden;}
.slider .controls{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 100px 1fr 100px; color: #fff; font-size: 8em; align-items: center; justify-items: center; pointer-events: none; z-index: 10;}
.slider .controls div{pointer-events: initial; cursor: pointer; user-select: none; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.slider .controls div[data-slide="left"]{grid-column: 1; background: -moz-linear-gradient(left, rgba(20,82,157,1) 0%, rgba(20,82,157,1) 50%, rgba(20,82,157,0) 100%); background: -webkit-linear-gradient(left, rgba(20,82,157,1) 0%,rgba(20,82,157,1) 50%,rgba(20,82,157,0) 100%); background: linear-gradient(to right, rgba(20,82,157,1) 0%,rgba(20,82,157,1) 50%,rgba(20,82,157,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14529d', endColorstr='#0014529d',GradientType=1 );}
.slider .controls div[data-slide="right"]{grid-column: 3; background: -moz-linear-gradient(left, rgba(20,82,157,0) 0%, rgba(20,82,157,1) 50%, rgba(20,82,157,1) 100%); background: -webkit-linear-gradient(left, rgba(20,82,157,0) 0%,rgba(20,82,157,1) 50%,rgba(20,82,157,1) 100%); background: linear-gradient(to right, rgba(20,82,157,0) 0%,rgba(20,82,157,1) 50%,rgba(20,82,157,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0014529d', endColorstr='#14529d',GradientType=1 );;}
.slider .mat{display: flex; align-items: center; transition: all .5s ease;}
.slider .mat .card{background-color: #fff; flex: 0 0 calc(100%/3 - 50px); border-radius: 10px; overflow: hidden; margin: 0 25px; box-shadow: 0 0 15px -1px rgb(0 0 0 / 50%);}
.slider .mat .card p{text-align: justify; text-indent: 50px; position: relative; line-height: 1.8em; margin: 20px;}
.slider .mat .card p:before, .slider .mat .card p:after{content: '"';font-size: 5em;line-height: 70px;position: absolute;text-indent: 0;color: #ee870e;}
.slider .mat .card p:before{left: 0;}
.slider .mat .card .heading{display: flex; align-items: center; background-color: #ee870e; padding: 10px 20px;}
.slider .mat .card .heading .image{width: 80px; margin-right: 30px;}
.slider .mat .card .heading .name{font-size: 2em; font-weight: bold; color: #fff;}

/* Infini Slider */

.infiniSlider{overflow: hidden; position: relative; transition: height .5s ease;}
.infiniSlider img{position: absolute; left: 0; top: 0; right: 0; transform: translateX(100%); width: 100%;}
.infiniSlider picture:first-child img{transform: translateX(0); transition: transform .5s ease;}
.infiniSlider picture:last-child img{animation: slideLeft .5s ease forwards;}

@keyframes slideLeft{
	
	0%{transform: translateX(0);}
	100%{transform: translateX(-100%);}
	
}

/* Responsive */

@media(max-width: 1200px){
	
	.slider .controls{grid-template-columns: 50px 1fr 50px;}
	.slider .mat .card{flex: 0 0 calc(50% - 50px);}
	
}
	
@media(max-width: 768px){

	.slider .mat .card{flex: 0 0 calc(100% - 50px);}

}