/*!
Theme Name: Divi-Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.27.6
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Template: Divi
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



.et_pb_slide_description .et_pb_slide_title {    margin-top: 0;    font-size: 46px;    font-weight: 600;}
h1 {    font-size: 30px;    color: #0368a6 !important;    font-weight: bold;    font-size: 40px;}
.test { margin-top: -22px; padding-bottom: 21px; width: 100%; text-align: right;}
/* =========================================
   DIVI FLIP CARD CSS - 3 CARDS IN A ROW
   ========================================= */

/* ROW */
.flip-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:30px;
}

/* 3 Columns Layout */
.flip-row .et_pb_column{
    width:calc(33.333% - 20px) !important;
    margin:0 !important;
}

/* Flip Container */
#f1_container{
    position:relative;
    width:100%;
    height:320px;
    perspective:1200px;
    -webkit-perspective:1200px;
}

/* Flip Card */
#f1_card{
    position:relative;
    width:100%;
    height:100%;
    transition:transform .7s ease-in-out;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}

/* Hover Flip */
#f1_container:hover #f1_card{
    transform:rotateY(180deg);
}

/* Front & Back */
.face{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    border-radius:14px;
    overflow:hidden;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* FRONT */
.front{
    background:#0478bf;
    z-index:2;
}

/* Front Content */
.flip_bg{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:30px 20px;
    box-sizing:border-box;
}

.flip_bg img{
    max-width:110px;
    height:auto;
    margin-bottom:20px;
}

.flip_bg h3{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* BACK */
.back{
    background:#f86254;
    color:#fff;
    transform:rotateY(180deg);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:30px 25px;
    box-sizing:border-box;
}

.back h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.back p{
    color:#fff;
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px;
}

/* BUTTON */
.rmore_w{
    display:inline-block;
    padding:12px 28px;
    border:2px solid #fff;
    color:#fff !important;
    text-decoration:none;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    transition:all .3s ease;
}

.rmore_w:hover{
    background:#fff;
    color:#f86254 !important;
}

/* Remove Divi Spacing */
.et_pb_text_inner p:last-child{
    padding-bottom:0;
}

/* Tablet */
@media (max-width:980px){

    .flip-row .et_pb_column{
        width:calc(50% - 15px) !important;
    }
}

/* Mobile */
@media (max-width:767px){

    .flip-row{
        gap:20px;
    }

    .flip-row .et_pb_column{
        width:100% !important;
    }

    #f1_container{
        height:300px;
    }
}

/*
 .flip_bg{width:100%; min-height:250px; background-color:#0478bf; padding:45px 15px 0px 15px;}
.flip_bg h3 {font-size: 18px;font-weight: 500;color: #fff;text-align: center; margin-top: -10px;}
 #f1_container{position:relative;margin:10px auto;width:100%;height:240px;z-index:1;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
 #f1_card,.face{width:100%;height:100%}
 #f1_card{transform-style:preserve-3d;transition:all .5s linear}
 #f1_container:hover #f1_card,.face.back{transform:rotateY(180deg)}
 
 
 .face{position:absolute}
 .face.back h3{color:#FFF;padding-top:10px}
 .face.back{box-sizing:border-box;padding:20px 10px 10px;color:#fff;text-align:center;background-color:#f86254; min-height:250px; padding-top: 53px !important;}
 .back,.face{-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;-ms-transition:.6s;-ms-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d}
 .rmore,.vmore{transition:all .2s ease-in-out 0s}
 .back,.et_overlay,.face{-moz-backface-visibility:hidden}
 .flip-row .et_pb_row .et_pb_column_1_4:last-child{margin-right:0}
 .flip-row .et_pb_row .et_pb_column_1_4{margin-right:26px;width:250px}
.back.face.center p { padding-bottom:10px; font-size:14px;}
.rmore_w { margin-top: 10px;border: 1px solid #fff; padding: 4px 20px;  margin-left: 0; color:#fff;}

.rmore_trans, .rmore_w {color: #fff;    transition: all .2s ease-in-out 0s;}
a.rmore_w:hover { background: url(images/rmore-icon.png) 87px center no-repeat; background:#333;}

.rmore_white { margin-top: 10px;border: 1px solid #fff; padding: 6px 30px;  margin-left: 0; color:#222; font-size:20px; background-color:#fff; font-weight: bold;}
.rmore_trans, .rmore_white {color: #333;    transition: all .2s ease-in-out 0s; font-size:20px; font-weight: bold;}
a.rmore_white:hover { background: url(images/rmore-icon.png) 87px center no-repeat; background:#333; color:#fff;}

*/

.et_pb_more_button { display: inline-block; margin-top: 20px; color: inherit; text-shadow: none; text-decoration: none; background-color: #f86254;font-weight: bold;}
.bottom-nav { padding: 15px 0; text-align: center;}
#footer-bottom { padding: 15px 0 5px; background-color: #1f1f1f; background-color: rgba(255, 255, 255, 0.05);text-align: center;}
#footer-bottom { color:#fff;}
#footer-bottom a{ color:#fff;}
#footer-bottom a:hover{ color:#fff; text-decoration:underline;}
.footer_left_info { text-align: center !important; margin-top: -20px !important;padding-bottom: 10px;}
.footer_right_info { float:right;}
.bottom-nav { text-align:center;}