body {
	padding: 0;
	margin: 0;
}

.flipping {
  visibility: hidden;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
 }
  .flipping > div {
    display: inline-block;
    vertical-align: middle; }
    .flipping > div.btn-backward, .flipping > div.btn-forward {
      font-size: 2rem;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      color: #a42d2e;
      /* -webkit-transform: scaleX(1.1); */
      /* -ms-transform: scaleX(1.1); */
      /* transform: scaleX(1.1); */
      /* will-change: transform; */
      border: none;
      background: none;
      cursor: pointer; }
	  .flipping > div.btn-backward {
		  margin-right: -10px;
	  }
	  
	  .flipping > div.btn-forward {
		  margin-left: -10px;
	  }
      .flipping > div.btn-backward:hover, .flipping > div.btn-forward:hover {
        cursor: pointer;
        text-shadow: 0 7px 7px #bdbdbd; }
      .flipping > div.btn-backward:active, .flipping > div.btn-forward:active {
        text-shadow: 0 3px 3px #bdbdbd; }
      .flipping > div.btn-backward:focus, .flipping > div.btn-forward:focus {
        outline: none; }
  .flipping .shadow-on {
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.7), 0 5px 6px rgba(0, 0, 0, 0.2); }
  .flipping .shadowoff {
    text-shadow: none; }
  .flipping .cards {
    display: none;
	}
  .flipping .card-box .card-stack {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    float: left;
    display: inline-block; }
    .flipping .card-box .card-stack * {
      overflow: hidden; }
  .flipping .card-box .back {
    position: absolute;
    top: 0px;
    left: 0px; }
  .flipping .card-box .back1 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .flipping .card-box .back-1 {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .flipping .card-box .front, .flipping .card-box .back {
    overflow: hidden;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0.2, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: contents, transform; }
  .flipping .card-box .shadow-on {
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2); 
	background-image: linear-gradient(to bottom, #a42d2e, #b54746, #c45f5e, #d27676, #e08e8f);
	border-radius: 10px;}
  .flipping .card-box .shadow-off {
    -webkit-box-shadow: none;
    box-shadow: none; }
	

/* IE9, IE10 */
@media screen and (min-width: 0 \0
 ) {
  .back {
    display: none; } }

.flipping .card-box div.card-stack .readmore {
  position: absolute;
  text-align: center;
  bottom: 7%;
  width: 100%;}
  
  .flipping .card-box div.card-stack .readmore a {
    display: inline-block;
    line-height: normal;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.8);
    font-size: 16px;
    background: #cb4142;
    color: #fff;
    padding: 5px 15px 5px 15px;
    border-radius: 30px;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s; }
    .flipping .card-box div.card-stack .readmore a:hover {
      background-color: #e08e8f;}
    .flipping .card-box div.card-stack .readmore a:link, .flipping .card-box div.card-stack .readmore a a:hover, .flipping .card-box div.card-stack .readmore a a:visited {
      cursor: hand;
      text-decoration: none;
      color: #fff; }
	  .flipping .card-box div.card-stack h2, .flipping .card-box div.card-stack h3, .flipping .card-box div.card-stack h4, .flipping .card-box div.card-stack h5 {
 position: absolute;
  width: 100%;
   line-height: normal;
  color: #ffffff;
  font-size: 0.9rem;
  text-shadow: 1px 1px 2px black; }

.flipping .card-box div.card-stack h2 {
  margin-top: 1.6vh; }
  .flipping .card-box div.card-stack h3 {
  color: #eee;
  font-size: 0.9rem;
   margin-top: 70px;
  }
  .flipping .card-box div.card-stack h4 {
	   margin-top: 1.6vh;
  color: #fff;
  font-size: 1rem;
  }
  .flipping .card-box div.card-stack h5 {
	   margin-top: -2.5vh;
  color: #eee;
  font-size: 0.7rem;
  }
  
  .flipping .card-box div.card-stack .not {
  margin-top: 55px; }
  .flipping .card-box div.card-stack img {
  height: 100%;
  width: 100%; }