<style>
.testimonials { background:url(/static/images/Hero3.jpg) no-repeat center center fixed; background-size: cover; }
.testimonialcircle { height:150px; width:150px; border-radius:50%; overflow:hidden; margin: 0 auto; border:7px solid rgba(255,255,255,.1); }
.lefty { height:75px; width:75px; display: inline-block; margin: 5px; border:4px solid rgba(255,255,255,.1); }
.testimonialimg { height:150px; width:auto; }
.smlt { height:75px; width:auto; }

.fancybox-next span {
  right: 5px;
  position:fixed;
}
.fancybox-prev span {
  left: 5px;
  position:fixed;
}
.fancybox-nav span {
    visibility:visible;
}
a.fancybox-nav.fancybox-next { 
    position:fixed;
    right:0px;  
    width:25px;
}
a.fancybox-nav.fancybox-prev { 
    position:fixed;
    left:0px;   
    width:25px;
}

/* ######################### */
/*          iPads            */
/* ######################### */

@media (max-width: 1024px) {
    .logoimages img { height:30px; }
    .testimonials { background:url(/static/images/Hero3.jpg) no-repeat center center; background-size: cover; } 
}

/* ######################### */
/* Landscape phones and down */
/* ######################### */

@media (max-width: 480px) {
    .logoimages img { height:20px; }
    .testimonials { background:url(/static/images/Hero3.jpg) no-repeat center center; background-size: cover; } 
}

</style>

    <div class="fwc testimonials" style=""> 
        <div class="container_12">
            <!--<div class="grid_2">&nbsp;</div>-->
            <div class="grid_12">
                <h2 style="font-family: DINOT-Medium, acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;
                text-align:center; text-transform:uppercase;">
                    What Our Members Are Saying...
                </h2>           
                <br />    
                <ul style="list-style:none;">
                <?php
                foreach ($testimonials as $tes) { 
                ?>
                    <li class="quotes" style="width:auto; overflow:hidden"> 
                        <div class="testimonialcircle"><img src="<?= $tes['image'] ?>" class="testimonialimg" /></div>
                        <br /><br />        
                        <strong style="color:#19a9f4; font-size:24px;"><?= $tes['title'] ?></strong>
                        <br /><br />
                        <span style="font-family:Times,serif; font-size:24px;">&ldquo;</span> 
                        <span style="font-family: GillSans, DINOT-Medium, acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;">
                        <?= $tes['content'] ?></span><span style="font-family:Times,serif; font-size:24px;">&rdquo;</span>
                        <br /><br />
                        <center>
                            <? 
                                if($tes['img1'] !='' && $tes['img1'] != 'static/uploads/testimonials/placeholder.jpg'){ 
                            ?>
							<div class="testimonialcircle lefty"><a class="loginpop" rel="group" href="<?= $tes['img1'] ?>" title="Img"><img src="<?= $tes['img1'] ?>" onerror="this.src='/static/uploads/testimonials/placeholder.jpg'"
								  class="testimonialimg smlt" /></a></div>
                            <? } ?>
                            <? 
                                if($tes['img2'] !='' && $tes['img1'] != 'static/uploads/testimonials/placeholder.jpg'){ 
                            ?>                       
							<div class="testimonialcircle lefty"><a class="loginpop" rel="group" href="<?= $tes['img2'] ?>" title="Img"><img src="<?= $tes['img2'] ?>" onerror="this.src='/static/uploads/testimonials/placeholder.jpg'"
                                class="testimonialimg smlt" /></a></div>
                            <? } ?>                                
                            <? 
                                if($tes['img3'] !='' && $tes['img1'] != 'static/uploads/testimonials/placeholder.jpg'){ 
                            ?>                            
							<div class="testimonialcircle lefty"><a class="loginpop" rel="group" href="<?= $tes['img3'] ?>" title="Img"><img src="<?= $tes['img3'] ?>" onerror="this.src='/static/uploads/testimonials/placeholder.jpg'"
                                class="testimonialimg smlt" /></a></div>
                            <? } ?>                                
                        </center>
                        <div class="clear"></div>
                        
                        <span style="font-size:15px; color:#ddd;"><i>~ <?= $tes['author'] ?></i></span>
                    </li>
                <?php
                }
                ?>          
                </ul>     
                <br /><br />
                <a href="/testimonials" style="color:#fff; font-size:14px; background:rgba(255,255,255,.2); padding:10px 25px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;">Leave a Testimonial &raquo;</a>          
            </div>
            <!--<div class="grid_2">&nbsp;</div>-->
            <div class="clear"></div>           
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>