Carousel Problem with Mac computer

I have a carousel at the top of my webpage. http://www.costaricababyboomers.com  It works fine on windows and chrome but does not "slide" on Mac computers. I can select the different photos by clicking on the 3 buttons, but it does not slide.   Anyone else have this problem?  Here is the code.

<div class="container">

    <div class="row">

      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-xs">

        <div id="carousel-299058" class="carousel slide">

          <ol class="carousel-indicators">

            <li data-target="#carousel-299058" data-slide-to="0" class=""> </li>

            <li data-target="#carousel-299058" data-slide-to="1" class="active"> </li>

            <li data-target="#carousel-299058" data-slide-to="2" class=""> </li>

          </ol>

          <div class="carousel-inner">

            <div class="item"> <img class="img-responsive" src="images/condorheights.jpg" alt="thumb">

              <div class="carousel-caption">Condor Heights Condominium</div>

            </div>

            <div class="item active"> <img class="img-responsive" src="images/maggie-landscape-2.jpg" alt="baby boomers costa rica real estate">

              <div class="carousel-caption">Hidden Valley, Lot 5, Home and Pool on 2,400m Lot</div>

            </div>

    <div class="item"> <img class="img-responsive" src="images/condorheightspool.jpg" alt="thumb">

              <div class="carousel-caption">Condor Heights Pool</div>

            </div>

          </div>

          <a class="left carousel-control" href="#carousel-299058" data-slide="prev"><span class="icon-prev"></span></a> <a class="right carousel-control" href="#carousel-299058" data-slide="next"><span class="icon-next"></span></a></div>

      </div>

    </div></div>

    <hr>