.card-folder {
    padding-top: 34px;
    padding-bottom: 12px;
    text-align: center;
    color: #222;
}

.card-terms {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.card-terms ol li {
    font-size: 12px;
    line-height: 1.3em;
}

.card-folder .card-stack {
  width: 100%;
  /* height: 393px; */
  position: relative;
  margin: 0 auto 0;
}

.card-folder .card-loading{
	color: #777;
}

.card-folder .card-stack:before {
    content: " ";
    display: block;
    padding-bottom: 64%;
}

.card-folder .card-stack:before {}
.card-folder .card-stack .buttons {
  /* display: none; */
  position: absolute;
  /* background: rgba(0,0,0,0.46); */
  /* border: 2px solid rgba(255,255,255,0.7); */
  /* border-radius: 50%; */
  width: 35px;
  /* height: 35px; */
  left: 0;
  top: 55%;
  /* color: rgba(255,255,255,0.7); */
  text-align: center;
  line-height: 35px;
  text-decoration: none;
  font-size: 22px;
  z-index: 100;
  outline: none;
  transition: all 0.2s ease;
  opacity: 1;
  color: #fff;
  padding: 10px;
	display: none;
}
.card-folder .card-stack .buttons:hover {
  /* transform: scale(1.3,1.3); */
  opacity: 1 !important;
  transform: translateX(0px);
}

.card-folder .card-stack .buttons i {
    top: 50%;
    position: relative;
    /* margin-top: -15px; */
		transform: translateY(-14px);
}
.card-folder .card-stack .prev {
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  width: 30%;
  text-align: left;
  transform: translateX(10px);
}
.card-folder .card-stack .next {
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30%;
  text-align: right;
  transform: translateX(-10px);
}
.card-folder .card-stack .carousel .buttons:hover {
  color: #C01313;
  background: #fff;
}
.card-folder .card-stack .card-list {
  /* width: 300px; */
  display: block;
}
.card-folder .card-stack .card-list__image {
  height: 200px;
}
.card-folder .card-stack .card-list__text {
  color: #fff;
  font-weight: 300;
}
.card-folder .card-stack .card-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms ease-in-out;
  border-radius: 17px;
  position: absolute;
  list-style: none;
  /* height: 300px; */
  left: 0;
  right: 0;
  margin: 0 auto;
  /* padding-top: 20px; */
  text-align: center;
  -webkit-box-shadow: 0 1px 5px 1px rgb(0 0 0);
  box-shadow: 0 1px 5px 1px rgb(0 0 0);
	top: 0;
	overflow: hidden;
}

.card-folder .card-stack .card-list li.preparePrev {
    top: 0 !important;
}
.card-folder .card-stack .card-list li.prepareNext {
    top: 0 !important;
		width: 100% !important;
		z-index: 20;
}
.card-folder .card-stack .card-list li.prepareGone {
    opacity: 0 !important;
		z-index: 0 !important;
}
.card-folder .card-stack .card-list li .card_image{
	width: 100%;
	height: auto;
}
.card-folder .card-stack .card-list li[data-pos="1"] {
  top: 10px;
  width: 100%;
 z-index: 15;
}
.card-folder .card-stack .card-list li[data-pos="2"] {
  top: 60px;
  width: 94%;
  top: -8px;
	z-index: 14;
}
.card-folder .card-stack .card-list li[data-pos="3"] {
  top: 48px;
  width: 88%;
  top: -16px;
	z-index: 13;
}
.card-folder .card-stack .card-list li[data-pos="4"] {
  top: 36px;
  width: 82%;
  top: -24px;
	z-index: 12;
}
.card-folder .card-stack .card-list li[data-pos="5"] {
  top: 24px;
  width: 76%;
  top: -32px;
	z-index: 11;
}
.card-folder .card-stack .card-list li[data-pos="6"] {
  top: 24px;
  width: 76%;
  top: -40px;
	z-index: 11;
}
.card-folder .card-stack .card-list li[data-pos="7"] {
  top: 24px;
  width: 76%;
  top: -48px;
	z-index: 11;
}
.card-folder .card-stack .card-list li[data-pos="8"] {
  top: 24px;
  width: 76%;
  top: -56px;
	z-index: 11;
}
.card-folder .card-stack .card-list li[data-pos="9"] {
  top: 24px;
  width: 76%;
  top: -64px;
	z-index: 11;
}
.card-folder .card-stack .card-list li[data-pos="10"] {
  top: 24px;
  width: 76%;
  top: -72px;
	z-index: 11;
}
.card-folder .card-stack:hover > .buttons.prev {
  display: block;
  /* animation: bounceInLeft 200ms; */
  transform: translateX(0px);
  opacity: 0.7;
}
.card-folder .card-stack:hover > .buttons.next {
  display: block;
  /* animation: bounceInRight 200ms; */
  opacity: 0.7;
  transform: translateX(0px);
}
.animateDown {
  /* animation: scaleDown 500ms; */
  animation: scaleDown 250ms;
}
.animateUpPrepare{
	opacity: 0;
	top: 0;
}
.animateUp {
  animation: scaleUp 250ms;
}
@keyframes scaleUp {
  0% {
    transform: scale(1) translateY(100px);
    opacity: 1;
  }
  20% {
    transform: scale(1) translateY(100px);
    opacity: 1;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  20% {
    transform: scale(1) translateY(20px);
    opacity: 0.80;
    opacity: 1;
  }
  40% {
    transform: scale(1) translateY(40px);
    opacity: 0.40;
    opacity: 1;
  }
  60% {
    transform: scale(1) translateY(60px);
    opacity: 0.20;
    opacity: 0;
    opacity: 1;
  }
  80% {
    transform: scale(1) translateY(80px);
    opacity: 0.10;
    opacity: 0;
    opacity: 1;
  }
  100% {
    transform: scale(1) translateY(100px);
    opacity: 0;
    opacity: 1;
  }
}
@keyframes scaleUpOld {
  0% {
    transform: scale(1) translateY(50px);
    opacity: 0;
    opacity: 1;
  }
  20% {
    transform: scale(1) translateY(40px);
    opacity: 0.10;
    opacity: 1;
  }
  40% {
    transform: scale(1) translateY(30px);
    opacity: 0.20;
    opacity: 1;
  }
  60% {
    transform: scale(1) translateY(20px);
    opacity: 0.40;
    opacity: 1;
  }
  80% {
    transform: scale(1) translateY(10px);
    opacity: 0.80;
    opacity: 1;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

.card-area-test {
    width: 300px;
}

@media (min-width: 1025px){

  .card-folder .card-stack .buttons{
    opacity: 0;
		display: block;
  }
  
}