/********************

 * FEATURE CAROUSEL *

 ********************/

 .carouselDiv{

  float: left;

 }

.carousel-container {

  position:relative;

  width:400px;

}

#team-carousel{

  height:280px;

  width:400px;

  background-color:#f5f5f5;

  position:relative;

  margin-bottom:0.5em;

  font-size:12px;

  font-family: Arial;

}

.carousel-image {

  border:0;

  display:block;

  border-radius: 50%;

}

.carousel-feature {

  position:absolute;

  top:-1000px;

  left:-1000px;

  cursor:pointer;

  width: 165px;

  height: 165px;

  overflow: hidden;

  border-radius: 50%; 

  border: solid 10px #fff;

  -webkit-transition: border-color ease .5s;

  -moz-transition: border-color ease .5s;

  transition: border-color ease .5s;

}

.managementTextDiv{

  -webkit-transition: opacity ease .5s;

  -moz-transition: opacity ease .5s;

  transition: opacity ease .5s;

}

.carousel-feature.active{

  border-color: #0f9c90;



}



.carousel-feature .carousel-caption {

  position:absolute;

  bottom:-50px;

  width:100%;

  background-color:#000;

  display: none !important;

}

.carousel-feature a{

  display: block;    

}

.carousel-feature .carousel-caption p {

  margin:0;

  padding:5px;

  font-weight:bold;

  font-size:12px;

  color:white;

}

.tracker-summation-container {

  position:absolute;

  color:white;

  right:48px;

  top:230px;

  padding:3px;

  margin:3px;

  background-color:#000;

}

.tracker-individual-container {

  position:absolute;

  color:white;

  right:48px;

  top:210px;

  padding:0;

  margin:0;

}

.tracker-individual-container li {

  list-style:none;

}

.tracker-individual-container .tracker-individual-blip {

  margin:0 3px;

  padding:0 3px;

  color:white;

  text-align:center;

  background-color:#DDD;

}

.tracker-individual-container .tracker-individual-blip-selected {

  color:white;

  font-weight:bold;

  background-color:#000;

}

#carousel-left {

  position:absolute;

  bottom:13px;

  left:30px;

  cursor:pointer;

  z-index: 11;

}

#carousel-right {

  position:absolute;

  bottom:13px;

  right:30px;

  cursor:pointer;

  z-index: 11;

}

#carousel-right img,

#carousel-left img{

  padding: 10px;

}

.carousel-name{

  text-transform: uppercase;

  position: absolute;

  bottom: 10px;

  text-align: center;

  width: 100%;

  opacity: 0;

  color: #27333e;

  font-size: 16px;

  font-weight: bold;

  -webkit-transition:all ease 1s;

  -moz-transition:all ease 1s;

  transition:all ease 1s;

}

.carousel-name span{

  text-transform:none;

  display: block;

  font-size: 12px;

  font-weight: normal;

  color: #839ab2;

}

@media (max-width: 1024px){

  .carousel-container{

    margin: 0 auto;



  }

}

@media (max-width: 480px){

  .carousel-feature{

    width: 100px;

    height: 100px;

    border-width:5px;

  }

  .carousel-container{

    width: 220px;

    margin: 0 auto;

  }

  #team-carousel{

    width: 220px;

    height: 200px;

  }

  #carousel-left{

    left:0;

  }

  #carousel-right{

    right:0;

  }

  .carousel-name{

    font-size: 14px;

    bottom: 5px;

  }

}

