.loader-screen{background-color: #FFFFFF;width: 100%;height: 100vh;position: fixed;visibility: visible;z-index: 50}
.holder {
    display:     inline-block;
    width:      150px;
    height:      50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: none;
}
.card, .front, .back{
    position:   absolute;
    height:     inherit;
    width:      inherit;
    transition: all .7s;
    transform-style:     preserve-3d;
    border: none;
}
.front{background: #FFFFFF;backface-visibility: hidden}
.back{background:  #FFFFFF;backface-visibility: hidden}
.flipH .back{transform: rotateY(-180deg);}
.flipH:hover .card{ transform: rotateY(180deg); }
.flipH .card{
    animation: flipH 1200ms 0s infinite alternate ease-in-out;
}
@keyframes flipH {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(-180deg); }
}
@-webkit-keyframes flipH {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(-180deg); }
}
@-moz-keyframes flipH {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(-180deg); }
}
@-ms-keyframes flipH {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(-180deg); }
}
@-o-keyframes flipH {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(-180deg); }
}