.flipster--carousel {
    .flipster__item--future-2 {
      transform: translateX(-241%);
  }
  
  .flipster__item--future-2 .flipster__item__content { transform: rotateY(45deg) scale(0.8); }
  
      .flipster__item--past-2 {
      transform: translateX(241%);
  }
  
  .flipster__item--past-2 .flipster__item__content { transform: rotateY(-45deg) scale(0.8); }
  
  /*    .flipster__item--past .flipster__item__content { 
      transform: translateX(100%) rotateY(-20deg) scale(0.5);
    }*/
}
/*
    html,body,main {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #carousel {
        position: relative;
        height: 400px;
        top: 50%;
        transform: translateY(-50%);
        overflow: hidden;
    }

    #carousel>div.slideImg {
        position: absolute;
        opacity: 0;
    }

    #carousel>div>img {
        width: 400px;
        transition: width 1s;
    }

    #carousel>div.hideLeft {
        left: 0%;
        opacity: 0;
        transition: transform 1s, left 1s, opacity 1s;
        transform: translateY(50%) translateX(-50%);
    }

    #carousel>div.hideLeft>img {
        width: 200px;
    }

    #carousel>div.hideRight {
        left: 100%;
        transition: transform 1s, left 1s, opacity 1s;
        opacity: 0;
        transform: translateY(50%) translateX(-50%);
    }

    #carousel>div.hideRight>img {
        width: 200px;
    }

    #carousel>div.prev {
        z-index: 5;
        left: 30%;
        transform: translateY(50px) translateX(-50%);
        opacity: 1;
        transition: transform 1s, left 1s, opacity 1s;
    }

    #carousel>div.prev>img {
        width: 300px;
    }

    #carousel>div.prevLeftSecond {
        z-index: 4;
        left: 15%;
        transform: translateY(50%) translateX(-50%);
        opacity: 0.7;
        transition: transform 1s, left 1s, opacity 1s;
    }

    #carousel>div.prevLeftSecond>img {
        width: 200px;
    }

    #carousel>div.selected {
        z-index: 10;
        left: 50%;
        transition: transform 1s, left 1s, opacity 1s;
        opacity: 1;
        transform: translateY(0px) translateX(-50%);
    }

    #carousel>div.next {
        z-index: 5;
        left: 70%;
        transition: transform 1s, left 1s, opacity 1s;
        opacity: 1;
        transform: translateY(50px) translateX(-50%);
    }

    #carousel>div.next>img {
        width: 300px;
    }

    #carousel>div.nextRightSecond {
        z-index: 4;
        left: 85%;
        transition: transform 1s, left 1s, opacity 1s;
        transform: translateY(50%) translateX(-50%);
        opacity: 0.7;
    }

    #carousel>div.nextRightSecond>img {
        width: 200px;
    }


    div.positionBtn {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }

    #prev,
    #next {
        background: #272727;
        color: #ffffff;
        border: 0px;
        font-weight: bold;
        font-size: 22px;
        margin: 0px;
        opacity: 0.6;
    }

    #prev>span,
    #next>span {
        width: 100px;
        padding: 15px;
        display: block;
    }

    #prev {
        text-align: right;
        border-radius: 100% 0px 0px 100% !important;
    }

    #next {
        text-align: left;
        border-radius: 0px 100% 100% 0px !important;
    }

    #prev:hover,
    #next:hover {
        opacity: 1;
    }

    #prev:focus,
    #next:focus {
        border: 0px;
    }*/