.main-carousel:after
{
    content: 'flickity';
    display: none;
}
.main-carousel .flickity-button
{
    background: transparent;
}
.main-carousel .flickity-button:focus
{
    box-shadow: none;
}
.main-carousel .flickity-prev-next-button
{
    width: 50px;
    height: 50px;
}
.main-carousel .flickity-button:hover
{
    background: none;
}
.main-carousel .flickity-button-icon
{
    fill: white;
}
.main-carousel .flickity-button:disabled
{
    display: none;
}
.main-carousel .flickity-prev-next-button.previous
{
    left: -60px;
}
.main-carousel .flickity-prev-next-button.next
{
    right: -60px;
}
.main-carousel .flickity-page-dots
{
    bottom: -40px;
}
.main-carousel .flickity-page-dots .dot
{
    width: 12px;
    height: 12px;
    opacity: 1;
    background: transparent;
    border: 2px solid #fff;
}
.main-carousel .flickity-page-dots .dot.is-selected
{
    background: #fff;
}
@media screen and (min-width: 979px)
{
    .main-carousel:after
    {
        content: '';
    }
}
@media screen and (max-width: 978px)
{
    .carousel-cell
    {
        width: calc(50% - 15px);
        margin-right: 30px;
    }
}
@media screen and (max-width: 600px)
{
    .carousel-cell
    {
        width: 100%;
        margin-right: 20px;
    }
    .main-carousel .flickity-prev-next-button.previous
    {
        left: -45px;
    }
    .main-carousel .flickity-prev-next-button.next
    {
        right: -45px;
    }
}