#loading {
position: absolute;
height: calc( 100% - 40px);
width: 100%;
z-index: 10;
align-items: center;
justify-content: center;
display: flex;
color: white;
opacity: 1;
}
.testimonial-slider-wrapper {
padding: 20px 0px;
position: relative;
}
.testimonial-slider  {
position: relative;
width: 850px;
max-width: 100%;
display: flex;
justify-content: space-between;
height: 450px;
align-items: center;
margin: auto;
}
.previous > .slide-content{
opacity: 0;
transition-property: opacity;
transition-duration: .6s;
transition-timing-function: cubic-bezier(.165,.84,.44,1);
transition-delay: 0s;
}
.pre-previous > .slide-content{
opacity: 0;
}
.slide-title{
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}
.slide-text{
margin-bottom: 30px;
letter-spacing: 1px;
margin-top: 10px;
}
.slide-image img{
height: 100px;
width: 100px;
border-radius: 50%;
}
.testimonial-slider:before{
content: '';
background: url(//www.pangea.global/wp-content/themes/pangea_landing/images/quote-top.svg) no-repeat center/contain;
position: absolute;
top: 0;
left: 20%;
z-index: 9;
width: 101px;
height: 70px;
transform: translateY(-20%);
}
.testimonial-slider:after {
content: '';
background: url(//www.pangea.global/wp-content/themes/pangea_landing/images/quote-top.svg) no-repeat center/contain;
position: absolute;
bottom: 0;
right: 15%;
z-index: 9;
width: 101px;
height: 70px;
transform: translateY(20%);
}
.testimonial-slider .item {
padding: 44px;
box-sizing: border-box;
border-radius: 32px;
width:73%;
height: 410px;
position: absolute;
top: 50%;
right: 80px;
transform: translateX(-31%) translateY(-50%) scale(.7);
opacity: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
transition-property: opacity,-webkit-transform;
transition-property: transform, opacity;
transition-property: transform,opacity,-webkit-transform;
transition-duration: .6s;
transition-timing-function: cubic-bezier(.165,.84,.44,1);
transition-delay: 0s;
z-index: 1;
background: #f8f8f9;
}
.testimonial-slider .current {
z-index: 4;
opacity: 1;
transform: translateX(0) translateY(-50%) scale(1);
}
.testimonial-slider .previous {
opacity: .9;
transform: translateX(-11%) translateY(-50%) scale(.9);
z-index: 3;
}
@media (min-width: 768px) {
.testimonial-slider .next {
opacity: 0;
transform: translateX(calc(100% + 30vw)) translateY(-50%) scale(1);
transition-duration: 2s;
transition-delay: 0s, .4s;
z-index: 5;
}
.testimonial-slider .pre-previous {
opacity: .8;
transform: translateX(-21%) translateY(-50%) scale(.8);
z-index: 2;
}
}
.testimonial-slider .slide-text {
font-size: 17px;
font-style: normal;
width: 100%;
line-height: normal;
color: #66563d;
}
.testimonial-slider .slide-position,
.testimonial-slider .slide-title {
font-size: 17px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
margin-bottom: 10px;
text-shadow: none;
color: #66563d;
text-align: left;
}
.testimonial-slider .slide-title {
font-weight: 600;
}
.testimonial-slider .slide-image {
margin: 10px 0;
text-align: left;
}
#button-next,
#button-prev{
transition-property: background,-webkit-transform;
transition-property: background,transform;
transition-property: background,transform,-webkit-transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.165,.84,.44,1);
transition-delay: 0s;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 9;
flex-shrink: 0;
position: relative;
top: 0;
bottom: 0;
color:  #48a3a5;
background-color: #fff;
border-radius: 50%;
box-shadow: 2px 2px 6px rgba(90,83,62,.3);
transition: .1s;
}
@media (max-width:767px) {
.testimonial-slider .item{
height: auto;
min-height: 435px;
padding: 30px 35px;
width: 95%;
top: 0;
transform: none;
z-index: 1;
}
.testimonial-slider .item.pre-previous,
.testimonial-slider .item.previous,
.testimonial-slider .item.current {
transform: none;
top: 0;
left: 0;
}
.testimonial-slider .item.current{
z-index: 3;
}
.testimonial-slider .next {
opacity: 1;
transform: translateX(120%) translateY(0%) scale(1);
z-index: 4!important;
top:0;
}
.testimonial-slider:before{
top: -40px;
left: 20px;
transform: none;
}
.testimonial-slider:after {
right: 10%;
bottom: -7%;
transform: none;
}
#button-prev{
position: absolute;
top: -80px;
left: 40%;
transform: translateX(-50%);
}
#button-next{
top: -80px;
position: absolute;
right: 40%;
transform: translateX(50%);
}
}
@media (max-width:375px) {
#stories .col-lg-8 .site-multicontent__section-cta-container {
margin-top: 55px!important;
}
.testimonial-slider:after {
bottom: -15%;
}
}