.testimonials-ex1 { display:flex; flex-wrap:wrap; float:left; justify-content:space-between; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
	.testimonials-ex1 > div { width:26%; margin-bottom:50px; padding:10px 70px; position:relative; }
		.testimonials-ex1 > div:before { content:''; height:24px; width:31px; background:url(https://dev.seedtechnologies.com/STEM_Resources/Images/testimonialQuotesgrey.png); background-size:cover; display:block; position:absolute; top:10px; left:24px; }
		.testimonials-ex1 > div:after { content:''; height:24px; width:31px; background:url(https://dev.seedtechnologies.com/STEM_Resources/Images/testimonialQuotesgrey.png); background-size:cover; transform:rotate(180deg); display:block; position:absolute; top:10px; right:24px; }
		.testimonials-ex1 h3 { width:100%; text-align:center; font-size:48px; margin-bottom:50px; color:#333; }
		.testimonials-ex1 p { color:#333; text-align:justify; }
			.testimonials-ex1 p strong { width:100%; border-top:2px solid #fff; display:block; margin-top:10px; padding-top:10px; font-size:20px; font-style:italic; }
		.testimonials-ex1 .full { width:100%; margin-bottom:0; }
			.testimonials-ex1 .full:before { content:""; background:none; }
			.testimonials-ex1 .full:after { content:""; background:none; }
			.testimonials-ex1 .full .btn { margin:0 auto; }










@media only screen and (max-width: 1679px) {
    .testimonials-ex1 > div { padding:10px 40px; }
		.testimonials-ex1 > div:before { left:4px; }
		.testimonials-ex1 > div:after { right:4px; }
}

@media only screen and (max-width: 1279px) {
	.testimonials-ex1 > div { width:45%; }
}

@media only screen and (max-width: 768px) {
	.testimonials-ex1 > div { width:95%; }
	.testimonials-ex1 h3 { font-size:30px; }
}














/*-- testimonials-ex2 --*/
.testimonials-ex2.stBanner { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
    .testimonials-ex2.stBanner .stBanner-group { display: none; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 708px; background: transparent center center no-repeat; background-size: cover; }

        .testimonials-ex2.stBanner .stBanner-group.active { display: flex; /*animation: activeFade 2s;*/ }

        .testimonials-ex2.stBanner .stBanner-group img { width: 100%; }
		
		.testimonials-ex2.stBanner .col-2 > div { height:708px; background:#ddd; }
			.testimonials-ex2.stBanner .col-2 > div h4 { text-align:center; font-size:48px; line-height:25px; margin-top:140px; }
			.testimonials-ex2.stBanner .col-2 > div h4 span { font-size:18px; }
			
			.testimonials-ex2.stBanner .col-2 > div h5 { margin:0 auto; margin-top:50px; font-size:24px; font-weight:500; padding-bottom:10px; width:560px; border-bottom:3px solid #ccc; }
			.testimonials-ex2.stBanner .col-2 > div h5 span { font-size:16px; }
		

.testimonials-ex2.stBanner .caption { width:100%; }
    .testimonials-ex2.stBanner .caption h1 { font-size:105px; color:#fff; width:100%; text-align:center; font-family:Haettenschweiler; }
    .testimonials-ex2.stBanner .caption p { text-align:left; color:#000; font-size:16px; margin:30px auto; width:560px; }
        .testimonials-ex2.stBanner .caption p span { border-right:3px solid #000; padding:0 10px 0 5px; }
            .testimonials-ex2.stBanner .caption p span:last-of-type { border:none; }
    .testimonials-ex2.stBanner .caption .btn { display:table; margin-left:180px; font-size:18px; }
	.testimonials-ex2.stBanner .caption .col-2 > div { position:relative; }


.testimonials-ex2.stBanner .stBanner-Navigation { position: absolute; left:410px; bottom:110px; height: 15%; display: flex; justify-content: center; align-items: center; }

    .testimonials-ex2.stBanner .stBanner-Navigation .left,
    .testimonials-ex2.stBanner .stBanner-Navigation .right { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; font-family: Prompt; cursor: pointer; }

        .testimonials-ex2.stBanner .stBanner-Navigation .right::before { content:''; height:30px; width:30px; background:url(../Images/whiteArrow.png); background-size:cover; background-repeat:repeat; }
		.testimonials-ex2.stBanner .stBanner-Navigation .left::before { content:''; height:30px; width:30px; background:url(../Images/whiteArrow.png); background-size:cover; background-repeat:repeat; transform:rotate(180deg); }

        .testimonials-ex2.stBanner .stBanner-Navigation .left:hover::before,
        .testimonials-ex2.stBanner .stBanner-Navigation .right:hover::before { color: blue; }




    .testimonials-ex2.stBanner .stBanner-Navigation .thumb { width: 20px; height: 20px; filter: grayscale(0); cursor: pointer; background-color: #000; margin: 0 5px; user-select: none; }
		.testimonials-ex2.stBanner.dots .stBanner-Navigation .thumb:hover { opacity: 1; filter: grayscale(0); }
		.testimonials-ex2.stBanner.dots .stBanner-Navigation .thumb.active { border: 3px solid #fff; opacity: 1; filter: grayscale(0); }
		
	.testimonials-ex2.stBanner.title .stBanner-Navigation .thumb { color: #000; display:flex; justify-content:center; align-items:center; width:25%; background:transparent; }
	.testimonials-ex2.stBanner.numbers .stBanner-Navigation .thumb { color: #000;  display:flex; justify-content:center; align-items:center; background:transparent; }
		.testimonials-ex2.stBanner.numbers .stBanner-Navigation .thumb.active { text-decoration:underline; color:#fff; }
	.testimonials-ex2.stBanner.dots .stBanner-Navigation .thumb { border-radius: 50px; }
	
@media only screen and (max-width: 1279px) {
	.testimonials-ex2.stBanner .caption .col-2 { position:relative; }
	.testimonials-ex2.stBanner .col-2 > div:first-of-type { position:absolute; background:rgba(255,255,255,0.5); z-index:1; }
	.testimonials-ex2.stBanner .stBanner-Navigation { left:0; right:0; z-index:1; }
	
	.testimonials-ex2.stBanner .caption>div p.ribbon { display:none; }
}

@media only screen and (max-width: 767px) {
	.testimonials-ex2.stBanner .col-2 > div h4 { width:90%; margin:0 auto; margin-top:140px; }
	.testimonials-ex2.stBanner .col-2>div h5 { width:90%; }
	.testimonials-ex2.stBanner .col-2>div p { width:90%; }
	.testimonials-ex2.stBanner .col-2 > div { padding:0; }
}

@media only screen and (max-width: 499px) {
	.testimonials-ex2.stBanner .stBanner-Navigation { bottom:50px; }
}


@keyframes activeFade {
    from { opacity: 0; }
    to { opacity: 1; }
}






/*-- testimonials-ex3 --*/

@keyframes tonext {
  75% { left: 0; }
  95% { left: 100%; }
  98% { left: 100%; }
  99% { left: 0; }
}

@keyframes tostart {
  75% { left: 0; }
  95% { left: -300%; }
  98% { left: -300%; }
  99% { left: 0; }
}

@keyframes snap {
  96% { scroll-snap-align: center; }
  97% { scroll-snap-align: none; }
  99% { scroll-snap-align: none; }
  100% { scroll-snap-align: center; }
}




/*Main Div*/
.testimonials-ex3 .rotator { position: relative; width:65%; margin:0 auto; }
    .testimonials-ex3 > h4 { text-align:center; font-weight:400; font-size:40px; margin-bottom:50px; }
    .testimonials-ex3 .rotator_viewport { display: flex; overflow: hidden; counter-reset: item; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding-bottom:40px; padding-left:0 !important; }
    
    /*Individual slide styles*/
    .testimonials-ex3 .rotator_slide { position: relative; flex: 0 0 100%; width:100%; margin-left:20px; }
        .testimonials-ex3 .rotator_slide::marker { display:none; font-size:0; }
      
    /*Testimonials content  */
    .testimonials-ex3 .rotator_slide .testimonial { margin-bottom:40px; }
    .testimonials-ex3 .rotator_slide .testimonial > p { font-size:20px; }
    .testimonials-ex3 .rotator_slide .testimonial > p > span { font-size:40px; font-weight:200; } 
    .testimonials-ex3 .rotator_slide .testimonial > .name { color:#000; font-size:33px; font-weight:600; }
        .testimonials-ex3 .rotator_slide .testimonial > .name span { font-size:21px; font-weight:400; }
        
        /*Stars Styles*/
        .testimonials-ex3 .rotator_slide .testimonial .stars { width:243px; position:relative; }
            
            /*4 Stars*/
            .testimonials-ex3 .rotator_slide .testimonial .stars.four:before { content:''; position:absolute; display:block; z-index:1; right:0; top:0; height:38px; width:50px; background:#fff; }
            
            /*3 Stars*/
            .testimonials-ex3 .rotator_slide .testimonial .stars.three:before { content:''; position:absolute; display:block; z-index:1; right:0; top:0; height:38px; width:100px; background:#fff; }
            
            /*2 Stars*/
            .testimonials-ex3 .rotator_slide .testimonial .stars.two:before { content:''; position:absolute; display:block; z-index:1; right:0; top:0; height:38px; width:145px; background:#fff; }

    
    
    
    
    /*Button Container    */
    .testimonials-ex3 .rotator_snapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; scroll-snap-align: center; }
        .testimonials-ex3 .rotator_snapper .btn { position: absolute; right:0; top:190px; }
        .testimonials-ex3 .rotator_snapper .rotator_prev { position: absolute; right:120px; top:120px; }
        .testimonials-ex3 .rotator_snapper .rotator_next { position: absolute; right:0px; top:120px; }



@media only screen and (max-width: 1919px) {
    .testimonials-ex3 .rotator_slide .testimonial>p>span { font-size:36px; }
    
    .testimonials-ex3 .rotator_snapper .btn { top:210px; }
    .testimonials-ex3 .rotator_snapper .rotator_prev { top:140px; }
    .testimonials-ex3 .rotator_snapper .rotator_next { top:140px; }
    
}

@media only screen and (max-width: 1419px) {
    .testimonials-ex3 .rotator { width:85%; }
}

@media only screen and (max-width: 992px) {
	.testimonials-ex3 > h4 { font-size:30px; }
	.testimonials-ex3 .rotator_snapper .btn { top:240px; }
	.testimonials-ex3 .rotator_snapper .rotator_prev { top:180px; }
	.testimonials-ex3 .rotator_snapper .rotator_next { top:180px; }
	
}

@media only screen and (max-width: 587px) {
	.testimonials-ex3 > h4 { font-size:23px; }
	.testimonials-ex3 .rotator { width:100%; }
	.testimonials-ex3 .rotator_slide .testimonial { margin-bottom:110px; }
	.testimonials-ex3 .rotator_snapper .btn { top:410px; }
	.testimonials-ex3 .rotator_snapper .rotator_prev { top:340px; }
	.testimonials-ex3 .rotator_snapper .rotator_next { top:340px; }
}