﻿.flipster--loop .flipster__item {
    position: absolute;
}

.flipster--loop .flipster__item--past-2 {
    transform: translateX(-100%);
}

.flipster--loop .flipster__item--future-2 {
    transform: translateX(100%);
}

.flipster--loop .flipster__item--past-1 {
    transform: translateX(-50%);
}

.flipster--loop .flipster__item--future-1 {
    transform: translateX(50%);
}

.flipster--infinite-carousel .flipster__container, .flipster--infinite-carousel .flipster__item {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56,.12,.12,.98);
}

.flipster--infinite-carousel .flipster__item__content {
    transition: inherit;
}

.flipster--infinite-carousel .flipster__item {
    position: absolute;
    opacity: 0;
    perspective: 800px;
}

.flipster--infinite-carousel .flipster__item--past-2, .flipster--infinite-carousel .flipster__item--future-2 {
    opacity: 0.6;
    transition-delay: 90ms;
}

.flipster--infinite-carousel .flipster__item--past-1, .flipster--infinite-carousel .flipster__item--future-1 {
    opacity: 0.8;
    transition-delay: 60ms;
}

.flipster--infinite-carousel .flipster__item--current {
    opacity: 1;
    transition-delay: 0;
}

.flipster--infinite-carousel .flipster__item--past .flipster__item__content, .flipster--infinite-carousel .flipster__item--future .flipster__item__content {
    transform: scale(0.4);
}

.flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content {
    transform: translateX(-20%) rotateY(0deg) scale(0.6);
}

.flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content {
    transform: translateX(20%) rotateY(0deg) scale(0.6);
}

.flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
    transform: translateX(-32%) rotateY(0deg) scale(0.8);
}

.flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
    transform: translateX(32%) rotateY(0deg) scale(0.8);
}

.flipster--infinite-carousel .flipster__item--current .flipster__item__content {
    transform: translateX(0) rotateY(0deg) scale(1);
}

.horizontal_dotted_line {
    border-bottom: #ddd dashed 1px !important;
    width: 100%;
    margin: 8px 0;
}

.tagline {
    padding-top:60px;
}

.flipster-container {
    width: 300px;
    height: 450px;
    border-radius: 1em;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0.9,0.9)
}

.flipster-top {
    border-radius: 10px 10px 0 0;
    background-color: #393938;
    height: 100px;
    text-align: center;
    padding: 17px 10px 10px 10px;
}

.flipster-bottom {
    border-radius: 0 0 10px 10px;
    background-color: #FFFF;
    padding: 20px;
    height: 350px
}


@media only screen and (max-width: 600px) {
    .tagline {
        padding-top: 5px;
        padding-bottom: 30px;
    }
    .learnmore{
        display:none;
    }

    .flipster {
        padding-bottom: 50px;
    }

    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform: translateX(-18%) rotateY(0deg) scale(0.8);
    }

    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform: translateX(18%) rotateY(0deg) scale(0.8);
    }
}

