/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        2
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Below Code is for distributing images horizonally.
------------------------------------------------------- */

/*#img_cont {
  display: table;
  width: 90%;
  margin: 20px auto;
}

#img_cont a {
  display: table-cell;
  text-align: center;
  width: 20%;
}*/

/*********************************************************************
********************** FLIP CARD HORIZONTAL **********************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}

.flip_panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel.flip .front {
    z-index: 99;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip_panel.flip .back {
    z-index: 100;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

/*** Flip Card Front box ****/
.flip_box_front {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    border: 2px solid #ddd;
}

/*** Flip Card Back box ****/
.flip_box_back {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 35px 15px 20px 15px;
    border: 2px solid #ddd;
}

/*** Button Learn More ****/
.flip_button {
    display: inline-block;
    margin: 8% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #598edb;
}

/*** Button Learn More color Text ****/
.flip_button a {
    color: #fff ;
}

/*** Title Flip Card ****/
.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.15em ;
    display: block;
    font-weight: bold;
}

/*** Icon Flip Card ****/
.flip_icon {
    display: inline-block;
    font-size: 3em;
    margin: 0 auto 7% auto;
    border: 3px solid #ddd;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
}

.text_flip_card {
    padding: 0 7%;
}