Flip Horizontal

<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<script><!-- [et_pb_line_break_holder] -->(function($) {<!-- [et_pb_line_break_holder] -->$(document).ready(function(){<!-- [et_pb_line_break_holder] -->$('.hover').hover(function(){<!-- [et_pb_line_break_holder] -->$(this).addClass('flip-h');<!-- [et_pb_line_break_holder] -->},function(){<!-- [et_pb_line_break_holder] -->$(this).removeClass('flip-h');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script>
<style><!-- [et_pb_line_break_holder] -->/* ----- FLIPPCARD HORIZONTAL ----- */<!-- [et_pb_line_break_holder] -->.flip-h_panel {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> height: 300px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-h_panel .front, .flip-h_panel .back {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-h_panel .front {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-h_panel .back {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 1000;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateY(-180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateY(-180deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-h_panel.flip-h .front {<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateY(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateY(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-h_panel.flip-h .back {<!-- [et_pb_line_break_holder] --> z-index: 100;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Flip Card Front box ****/<!-- [et_pb_line_break_holder] -->.flip-h_box_front {<!-- [et_pb_line_break_holder] -->background: #f9f9f9;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 25px 15px;<!-- [et_pb_line_break_holder] --> border: 2px solid #ddd;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Flip Card Back box ****/<!-- [et_pb_line_break_holder] -->.flip-h_box_back {<!-- [et_pb_line_break_holder] --> background: #f9f9f9;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 35px 15px 20px 15px;<!-- [et_pb_line_break_holder] --> border: 2px solid #ddd;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Button Learn More ****/<!-- [et_pb_line_break_holder] -->.flip-h_button {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin: 8% auto 0;<!-- [et_pb_line_break_holder] --> padding: .5em 1.2em;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> background: #598edb;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Button Learn More color Text ****/<!-- [et_pb_line_break_holder] -->.flip-h_button a {<!-- [et_pb_line_break_holder] --> color: #fff ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Title Flip Card ****/<!-- [et_pb_line_break_holder] -->.flip-h_title {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> font-size: 1.15em ;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Icon Flip Card ****/<!-- [et_pb_line_break_holder] -->.flip-h_icon {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> font-size: 3em;<!-- [et_pb_line_break_holder] --> margin: 0 auto 7% auto;<!-- [et_pb_line_break_holder] --> border: 3px solid #ddd;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding: 26px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] -->background: #ffffff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.text_flip_card {<!-- [et_pb_line_break_holder] --> padding: 0 7%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-h_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-h_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-h_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-h_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-h_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-h_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>

Flip Vertical

<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<script><!-- [et_pb_line_break_holder] -->(function($) {<!-- [et_pb_line_break_holder] -->$(document).ready(function(){<!-- [et_pb_line_break_holder] -->$('.hover').hover(function(){<!-- [et_pb_line_break_holder] -->$(this).addClass('flip-v');<!-- [et_pb_line_break_holder] -->},function(){<!-- [et_pb_line_break_holder] -->$(this).removeClass('flip-v');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script>
<style><!-- [et_pb_line_break_holder] -->/* ----- FLIPPCARD VERTICAL ----- */<!-- [et_pb_line_break_holder] -->.flip-v_panel {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> height: 300px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-v_panel .front, .flip-v_panel .back {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-v_panel .front {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-v_panel .back {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 1000;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(-180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(-180deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-v_panel.flip-v .front {<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-v_panel.flip-v .back {<!-- [et_pb_line_break_holder] --> z-index: 100;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Flip Card Front box ****/<!-- [et_pb_line_break_holder] -->.flip-v_box_front {<!-- [et_pb_line_break_holder] -->background: #ffffff;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 25px 15px;<!-- [et_pb_line_break_holder] --> border: 2px solid #ddd;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Flip Card Back box ****/<!-- [et_pb_line_break_holder] -->.flip-v_box_back {<!-- [et_pb_line_break_holder] --> background-color: #ffffff;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 35px 15px 20px 15px;<!-- [et_pb_line_break_holder] --> border: 2px solid #ddd;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Button Learn More ****/<!-- [et_pb_line_break_holder] -->.flip-v_button {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin: 8% auto 0;<!-- [et_pb_line_break_holder] --> padding: .5em 1.2em;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> background: #598edb;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Button Learn More color Text ****/<!-- [et_pb_line_break_holder] -->.flip-v_button a {<!-- [et_pb_line_break_holder] --> color: #fff ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Title Flip Card ****/<!-- [et_pb_line_break_holder] -->.flip-v_title {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> font-size: 1.15em ;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*** Icon Flip Card ****/<!-- [et_pb_line_break_holder] -->.flip-v_icon {<!-- [et_pb_line_break_holder] -->background: #f9f9f9;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> font-size: 3em;<!-- [et_pb_line_break_holder] --> margin: 0 auto 7% auto;<!-- [et_pb_line_break_holder] --> border: 3px solid #ddd;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding: 26px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.text_flip_card {<!-- [et_pb_line_break_holder] --> padding: 0 7%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-v_panel"><!-- [et_pb_line_break_holder] --><div class="front"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_front"><!-- [et_pb_line_break_holder] --><span class="flip-v_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"></i></span><br /><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div><!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --><div class="flip-v_box_back"><!-- [et_pb_line_break_holder] --><h3 class="flip-v_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-v_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-v_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>

Flip BG

<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<script><!-- [et_pb_line_break_holder] -->(function($) {<!-- [et_pb_line_break_holder] -->$(document).ready(function(){<!-- [et_pb_line_break_holder] -->$('.hover').hover(function(){<!-- [et_pb_line_break_holder] -->$(this).addClass('flip-bg');<!-- [et_pb_line_break_holder] -->},function(){<!-- [et_pb_line_break_holder] -->$(this).removeClass('flip-bg');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script>
<style><!-- [et_pb_line_break_holder] -->/* ----- FLIPPCARD IMG BG ----- */<!-- [et_pb_line_break_holder] -->.flip-bg_panel {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> height: 300px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_panel .front, .flip-bg_panel .back {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_panel .front {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_panel .back {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 1000;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateY(-180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateY(-180deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_panel.flip-bg .front {<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateY(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateY(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_panel.flip-bg .back {<!-- [et_pb_line_break_holder] --> z-index: 100;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_box_front {<!-- [et_pb_line_break_holder] --> -moz-background-size: cover;<!-- [et_pb_line_break_holder] --> -webkit-background-size: cover;<!-- [et_pb_line_break_holder] --> background-size: cover;<!-- [et_pb_line_break_holder] --> background-position: center;<!-- [et_pb_line_break_holder] --> background-repeat: no-repeat;<!-- [et_pb_line_break_holder] --> background: linear-gradient(<!-- [et_pb_line_break_holder] --> rgba(0, 0, 0, 0.6),<!-- [et_pb_line_break_holder] --> rgba(0, 0, 0, 0.6)<!-- [et_pb_line_break_holder] --> ),<!-- [et_pb_line_break_holder] --> url('https://creativechildthemes.com/divi-lab/wp-content/uploads/sites/6/2016/04/marketing.jpg');<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 25px 15px;<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->-moz-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_box_back {<!-- [et_pb_line_break_holder] --> background-color: #fafafa;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 35px 15px 20px 15px;<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->-moz-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_button {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin: 5% auto 0;<!-- [et_pb_line_break_holder] --> padding: .5em 1.2em;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> background: #598edb;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_button a {<!-- [et_pb_line_break_holder] --> color: #fff ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_box_front .flip-bg_title {<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> margin: 15% auto 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> font-size: 1.55em ;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_title {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> font-size: 1.15em ;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip-bg_box_front .text_flip-bg_card {<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.text_flip-bg_card {<!-- [et_pb_line_break_holder] --> padding: 0 7%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>
<div class="hover flip-bg_panel"><!-- [et_pb_line_break_holder] --><div class="front"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_front"><!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"> <!-- [et_pb_line_break_holder] --><div class="flip-bg_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip-bg_title"> Here your title</h3><!-- [et_pb_line_break_holder] --><p class="text_flip-bg_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip-bg_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More!</a><!-- [et_pb_line_break_holder] --></div></div> </div></div>