.flip_box {
    background-color: transparent;
    max-width: 550px;
    height: 455px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip_box_inner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    transition: transform .8s,-webkit-transform .8s;
        transition-duration: 0.8s, 0.8s;
        transition-timing-function: ease, ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip_box_inner {
    transition-duration: 800ms;
    transition-timing-function: ease-in-out;
}

.flip_box.flip_up:hover .flip_box_inner {
  transform: rotateX(180deg);
}
.flip_up .flip_box_back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip_box.flip_right:hover .flip_box_inner {
  transform: rotateY(180deg);
}

.flip_box.flip_down:hover .flip_box_inner {
  transform: rotateX(-180deg);
}

.flip_down .flip_box_back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.flip_box.flip_left:hover .flip_box_inner {
  transform: rotateY(-180deg);
}

.flip_box_back, .flip_box_front {
    position: absolute;
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 25px;
}

.flip_box_front {
    background-color: #bbb;
    color: #000;
}

.flip_box_back {
    background-color: #1e90ff;
    color: #fff;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip_card {
    border-radius: 15px 15px 15px 15px;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.flip_box_back {
    background-color: #CFD0D6;
}

.flip_box_front {
    background-color: #ffffff;
}

.flip_box .image_wrap {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.flip_box_front .image_wrap {
    text-align: center;
}

h2.front_title, h1.front_title, h3.front_title, h4.front_title, h5.front_title,  h6.front_title {
    text-transform: uppercase ;
    font-size: 28px ;
    color: #333333;
    text-align: center ;
}


h2.back_title,h1.back_title,h3.back_title,h4.back_title, h5.back_title, h6.back_title {
    text-transform: uppercase;
    font-size: 28px ;
    color: #000000 ;
    text-align: center ;
}



.front_subhead{
	font-size: 21px;
	color: #ffffff;
}

.back_body{
	font-size: 18px;
	color: #000000;
}

.front_subhead,
.back_body{
	text-align: center;
}

.et_pb_button_wrapper a.dp_field_back_button.et_pb_button,
.et_pb_button_wrapper:hover a.dp_field_back_button.et_pb_button{
	padding: 12px 40px !important;
    font-size: 14px;
    line-height: 1 !important;
}