.wrap-icon h3,.wrap-icon p{
    color:#fff;
}

.advc-flip-container:hover .flipper, .advc-flip-container.hover .flipper, .advc-flip-container.flip .flipper {
    transform: rotateY(180deg);
}
.advc-flip-container.flip-vertical:hover .flipper, .advc-flip-container.flip-vertical.hover .flipper, .advc-flip-container.flip-vertical.flip .flipper {
    transform: rotateX(180deg) rotateY(0deg);
}
.advc-flip-container {
    float: left;
    min-height: 50px;
    width: 100%;
}
.advc-flip-container .front, .advc-flip-container .back {
    height: 100%;
    width: 100%;
}
.advc-flip-container .wrap-icon {
    float: left;
    width: 100%;
}
.advc-flip-container .front {
    background: #f7f7f7 none repeat scroll 0 0;
    position: relative;
}
.advc-flip-container .front .front-content {
    float: left;
    padding: 30px 0px;
    text-align: center;
    width: 100%;
}
.advc-flip-container .front .front-content i {
    color: #42bce2;
    font-size: 40px;
}
.advc-flip-container .front .front-content h3 {
    color: #444;
    float: left;
    font-size: 18px;
    margin: 0 0 20px;
    width: 100%;
}
.advc-flip-container .front .front-content p {
    color: #666;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.advc-flip-container .front .front-content .button {
    background: #42bce2 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 10px 16px;
    text-transform: uppercase;
}
.advc-flip-container .back {
    background: #fff none repeat scroll 0 0;
    position: relative;
}
.advc-flip-container .back .des {
    float: left;
    padding: 30px 0px;
    text-align: center;
    width: 100%;
}
.advc-flip-container .back .des i {
    color: #c13740;
    font-size: 40px;
}
.advc-flip-container .back .des h3 {
    color: #444;
    float: left;
    font-size: 18px;
    margin: 0 0 20px;
    width: 100%;
}
.advc-flip-container .back .des p {
    color: #666;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.advc-flip-container .back .des .button {
    background: #c13740 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 5px 13px;
    text-transform: uppercase;
}
.advc-flip-container .flipper {
    float: left;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.6s ease 0s;
    width: 100%;
}
.advc-flip-container .front, .advc-flip-container .back {
    backface-visibility: hidden;
    left: 0;
    position: absolute;
    top: 0;
}
.advc-flip-container .front {
    float: left;
    position: relative;
    transform: rotateY(0deg);
    width: 100%;
    z-index: 2;
}
.advc-flip-container .front img {
    float: left;
    max-width: 100%;
    width: 100%;
}
.advc-flip-container .back {
    transform: rotateY(180deg);
}
.advc-flip-container.flip-vertical .back {
    transform: rotateX(180deg) rotateY(0deg);
}
.advc-flip-container .back .des {
    overflow-y: auto;
}
.advc-flip-container .front, .back {
    padding: 10px;
}