/* IMPORT GLOBALS */
/* Variables used in multiple files */
/* Variables */
/* Elements */
/* ID's */
/* Classes */
.main__carousel {
  position: relative;
  display: flex;
  margin: 30px 20px 40px;
  border: 2px solid rgba(0, 0, 0, 0.85);
  border-radius: 8px;
  overflow: hidden; }
  .main__carousel .slide {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; }
    .main__carousel .slide.active {
      opacity: 1;
      z-index: 2; }
    .main__carousel .slide > img {
      max-width: 100%; }
    .main__carousel .slide__caption {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 45px;
      width: 100%;
      padding: 0 40px;
      line-height: 45px;
      color: white;
      background: rgba(31, 31, 31, 0.85); }

/*# sourceMappingURL=index.css.map */