.flipCard {
  -webkit-perspective: 800;
  -ms-perspective: 800;
  -moz-perspective: 800;
  -o-perspective: 800;
   width: 535px;
   height: 390px;
   position: relative;
   margin: 20px auto;
}



.flipCard .card.flipped {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}
.flipCard .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.5s;
  -o-transform-style: preserve-3d;
  -o-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.flipCard .card .side {
  width: 100%;
  height: 100%;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  box-sizing: border-box;
  z-index: 2;
  backface-visibility: hidden;  /* W3C */
  -webkit-backface-visibility: hidden; /* Safari & Chrome */
  -moz-backface-visibility: hidden; /* Firefox */
  -ms-backface-visibility: hidden; /* Internet Explorer */
  -o-backface-visibility: hidden; /* Opera */

  overflow: auto;
}






.flipCard-grande {
  
   width: 535px;
   height: 535px;
   position: relative;
   margin: 20px auto;
}



.flipCard-grande .card.flipped-grande {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}

.flipCard-grande .card-grande {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.5s;
  -o-transform-style: preserve-3d;
  -o-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.flipCard-grande .card-grande .side-grande {
  width: 100%;
  height: 100%;
  padding: 10px;
  /* cursor: pointer; */
  position: absolute;
  box-sizing: border-box;
  z-index: 2;
  backface-visibility: hidden;  /* W3C */
  -webkit-backface-visibility: hidden; /* Safari & Chrome */
  -moz-backface-visibility: hidden; /* Firefox */
  -ms-backface-visibility: hidden; /* Internet Explorer */
  -o-backface-visibility: hidden; /* Opera */

  overflow: auto;
}


















.flipCard .card .card1-f {

  background-image: url(../images/cardbranding/1horizonte-f.jpg);
  background-size: cover;

}
.flipCard .card .card1-d {
  

  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */

  background-image: url(../images/cardbranding/1horizonte-d.jpg);
  background-size: cover;

  
}




.flipCard .card .card2-f {
  background-image: url(../images/cardbranding/2costadiva-f.jpg);
  background-size: cover;

}
.flipCard .card .card2-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/2costadiva-d.jpg);
  background-size: cover;
}




.flipCard .card .card3-f {
  background-image: url(../images/cardbranding/3harasporto-f.jpg);
  background-size: cover;

}
.flipCard .card .card3-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/3harasporto-d.jpg);
  background-size: cover;
}




.flipCard .card .card4-f {
  background-image: url(../images/cardbranding/4sucede-f.jpg);
  background-size: cover;

}
.flipCard .card .card4-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/4sucede-d.jpg);
  background-size: cover;
}



.flipCard .card .card-fija-texto1 {
  background-image: url(../images/cardbranding/ffijatexto1.jpg);
  background-size: cover;

  cursor: default;

}



.flipCard .card .card7-f {
  background-image: url(../images/cardbranding/7tpcg-f.jpg);
  background-size: cover;

}
.flipCard .card .card7-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/7tpcg-d.jpg);
  background-size: cover;
}


.flipCard-grande .card-grande .card-fija-logos-animados2 {
    
  background-image: url(../images/cardbranding/ffijagrandelogos2.gif);
  background-size: cover;

}


.flipCard-grande .card-grande .card-fija-logos-animados1 {

    
  background-image: url(../images/cardbranding/ffijagrandelogos1.gif);
  background-size: cover;

}




.flipCard .card .card8-f {
  background-image: url(../images/cardbranding/8ontologie-f.jpg);
  background-size: cover;

}
.flipCard .card .card8-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/8ontologie-d.jpg);
  background-size: cover;
}



.flipCard .card .card9-f {
  background-image: url(../images/cardbranding/9joyaprive-f.jpg);
  background-size: cover;

}
.flipCard .card .card9-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/9joyaprive-d.jpg);
  background-size: cover;
}


.flipCard .card .card10-f {
  background-image: url(../images/cardbranding/10quintana-f.jpg);
  background-size: cover;

}
.flipCard .card .card10-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/10quintana-d.jpg);
  background-size: cover;
}



.flipCard .card .card-fija-texto2 {
  background-image: url(../images/cardbranding/ffijatexto2.jpg);
  background-size: cover;

  cursor: default;

}



.flipCard .card .card11-f {
  background-image: url(../images/cardbranding/11athanasius-f.jpg);
  background-size: cover;

}
.flipCard .card .card11-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/11athanasius-d.jpg);
  background-size: cover;
}



.flipCard .card .card12-f {
  background-image: url(../images/cardbranding/12lincoln-f.jpg);
  background-size: cover;

}
.flipCard .card .card12-d {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
  
  background-image: url(../images/cardbranding/12lincoln-d.jpg);
  background-size: cover;
}