.rc-flip-item {
    perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    position: relative;
    transform-style: preserve-3d;
}

    .rc-flip-item h1, .rc-flip-item h2, .rc-flip-item h3, .rc-flip-item h4, .rc-flip-item p, .rc-flip-item a {
        font-family: "Calibri Light", Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,Frutiger,"Frutiger Linotype",Univers,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
        color: white !important;
        text-decoration: none;
    }


    .rc-flip-item .rc-flip-item-front h1, .rc-flip-item .rc-flip-item-front h2, .rc-flip-item .rc-flip-item-front h3, .rc-flip-item .rc-flip-item-front h4, .rc-flip-item .rc-flip-item-front p {
        color: #666;
    }

    .rc-flip-item a:hover {
        text-decoration: none !important;
    }

    .rc-flip-item .content {
        width: 100%; 
        max-width: 14.25em; 
        height: 100%; 
        max-height: 14.25em; 
        padding: 0.3125em 0.3125em;
    }

    .rc-flip-item.hover div.rc-flip-item-flipper > div.rc-flip-item-front {
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .rc-flip-item.hover div.rc-flip-item-flipper > div.rc-flip-item-back {
        -webkit-transform: rotateY(360deg)  translateZ(1px);
        -ms-transform: rotateY(360deg) translateZ(1px);
        -moz-transform: rotateY(360deg) translateZ(1px);
        transform: rotateY(360deg) translateZ(1px);
    }


    .rc-flip-item.hover div.rc-flip-item-flipper .rc-flip-item-front {
    }

.rc-flip-item-flipper {
    position: relative;
    background-color: white;
    height: 100%;
}

    .rc-flip-item-flipper > div {
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.7s linear;
        -ms-transition: all 0.7s linear;
        -moz-transition: all 0.7s linear;
        transition: all 0.7s linear;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.rc-flip-item-front, .rc-flip-item-back {
    background-color: white;
    height: 100%;
}

.rc-flip-item-front {
}

.rc-flip-item-back {
    padding: 0;
    color: white;
    text-align: center;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg) translateZ(1px);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
}