/* General
***********************/

#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }


/* Layout
***********************/
section {
  overflow: hidden;
  margin:0 auto;
}


#slider {max-height: 600px;}
#slider .slides img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:600px;
}

@media (min-width: 768px) and (max-width: 991px) {
  #slider {max-height:540px;}
  #slider .slides img {
    max-height:540px;
  }
}
@media (max-width: 767px) {
  #slider {max-height:360px;}
  #slider .slides img {
    max-height:360px;
  }

}

#carousel {
  height:120px;
  overflow: hidden;
}
#carousel .slides img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}