/* external css: flickity.css */
* { box-sizing: border-box; }

.carousel { position:relative; outline:0; border:0; height:auto !important; }

.carousel-cell {
  width: 50%;
  height:auto;
  margin: 0%;
  counter-increment: carousel-cell;
  opacity:0.4;
}
.carousel-cell img{ max-width:100%; }

.carousel-cell.is-selected {
    opacity:1;
}

/* cell number */
.carousel-cell:before {display:none;}

/* ---- previous/next buttons ---- */

.flickity-button{ width:100%; }
.flickity-prev-next-button {
    width: 100%;
    top: 80%;
    bottom: auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    opacity:0.5;
}
.flickity-button.flickity-prev-next-button.previous {
    position:absolute;
    right: auto;
    left: 5%;
}
.flickity-button.flickity-prev-next-button.next {
    position:absolute;
    left: auto;
    right: 5% !important;
}


.flickity-prev-next-button .flickity-button-icon {
    position:relative;
    font-size:13px;
}
.flickity-viewport{
    position:relative;
    min-height:280px;
}
@media only screen and (max-width: 1200px) {
    .carousel-cell {
        width: 100%;
        height: auto;
        margin: 0%;
        counter-increment: carousel-cell;
        opacity: 0.4;
    }
    .flickity-prev-next-button {
        width: 100%;
        top: 35%;
        bottom: auto;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 0;
        opacity:0.5;
    }
    .flickity-button.flickity-prev-next-button.previous {
        position:absolute;
        right: auto;
        left: 5%;
    }
    .flickity-button.flickity-prev-next-button.next {
        position:absolute;
        left: auto;
        right: 5% !important;
    }


    .flickity-prev-next-button .flickity-button-icon {
        position:relative;
        font-size:13px;
    }
    .flickity-viewport{
        position:relative;
        min-height:280px;
    }
}