/* ========== ALERT BOX [fruitful_alert] — rules carried over unchanged from Fruitful Shortcodes 2.0.0 ========== */

.fruitful_alert{display:block;margin-bottom:32px;font-family:'Raleway';font-size:16px;line-height:18px;position:relative;padding:14px 45px 14px 53px;border-radius:4px;transition:opacity .3s ease}
.fruitful_alert.is-dismissed{opacity:0}
.fruitful_alert a:before,.fruitful_alert a:after{display:none}
.fruitful_alert .ff-alert-dismiss,.fruitful_alert .ff-alert-dismiss:hover,.fruitful_alert .ff-alert-dismiss:active{right:16px;width:12px;height:12px;text-decoration:none;box-shadow:none;outline:none}
.fruitful_alert .ff-icon{left:17px;width:20px;height:20px}
.fruitful_alert .ff-alert-dismiss,.fruitful_alert .ff-icon{top:50%;transform:translateY(-50%);position:absolute;background-position:center center;background-repeat:no-repeat}
.fruitful_alert.ff-alert-success{background-color:#d4eddb;color:#135629;border:1px solid #85cc9b}
.fruitful_alert.ff-alert-success .ff-icon{background-image:url(../img/done.svg)}
.fruitful_alert.ff-alert-success .ff-alert-dismiss{background-image:url(../img/close_green.svg)}
.fruitful_alert.ff-alert-info{background-color:#cce6fd;color:#004382;border:1px solid #6db7fb}
.fruitful_alert.ff-alert-info .ff-icon{background-image:url(../img/info.svg)}
.fruitful_alert.ff-alert-info .ff-alert-dismiss{background-image:url(../img/close_blue.svg)}
.fruitful_alert.ff-alert-warning{background-color:#fff2d0;color:#866318;border:1px solid #ffdb7f}
.fruitful_alert.ff-alert-warning .ff-icon{background-image:url(../img/message.svg)}
.fruitful_alert.ff-alert-warning .ff-alert-dismiss{background-image:url(../img/close_yellow.svg)}
.fruitful_alert.ff-alert-danger{background-color:#fad7da;color:#741c24;border:1px solid #ed8d97}
.fruitful_alert.ff-alert-danger .ff-icon{background-image:url(../img/error.svg)}
.fruitful_alert.ff-alert-danger .ff-alert-dismiss{background-image:url(../img/close_red.svg)}

/* ========== DESCRIPTION BOX [fruitful_dbox] — carried over unchanged ========== */

.ff.fruitful_dbox{font-family:'Raleway';text-align:center;margin-bottom:32px}
.ff.fruitful_dbox a.dbox-btn,.ff.fruitful_dbox a.dbox-btn:hover,.ff.fruitful_dbox a.dbox-btn:active{box-shadow:none;outline:none;text-decoration:none}
.ff.fruitful_dbox a:before,.ff.fruitful_dbox a:after{display:none}
.ff.fruitful_dbox h4,.ff.fruitful_dbox h2,.ff.fruitful_dbox p{font-family:'Raleway';text-transform:none;margin:0;padding:0}
.ff.fruitful_dbox .dbox-btn{display:inline-block;border-radius:4px;background-color:#4a90e2;color:#fff;padding:12px 34px}
.ff.fruitful_dbox h4{font-size:12px;line-height:1.33;font-weight:500;letter-spacing:1.5px;margin-bottom:28px;color:#000}
.ff.fruitful_dbox h2{font-size:48px;font-weight:600;color:#000;margin-bottom:23px}
.fruitful_dbox.ff-style-1 p{font-size:24px;font-weight:600;line-height:1.33;letter-spacing:normal;color:#000;margin-bottom:30px}
.fruitful_dbox.ff-style-2{position:relative;padding-bottom:36px}
.fruitful_dbox.ff-style-2 p{font-size:18px;font-weight:500;line-height:1.78;color:#000}
.fruitful_dbox.ff-style-2 p:last-of-type{margin-bottom:0}
.fruitful_dbox.ff-style-2:after{content:'';position:absolute;height:2px;background:#4a90e2;width:60px;left:50%;transform:translateX(-50%);bottom:0}
.fruitful_dbox.ff-style-3{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;padding:50px 0}
.fruitful_dbox.ff-style-3 p{font-size:18px;font-weight:500;line-height:1.78;color:#000}

/* ========== INFO BOXES [fruitful_ibox_row] / [fruitful_ibox] ========== */

/* Fruitful shipped the whole Bootstrap grid for this; these few rules give the same columns. */
.ff .ff-container-fluid{width:100%;box-sizing:border-box}
.ff .ff-row{display:flex;flex-wrap:wrap;margin:0 -15px}
.ff .ff-col-elem{flex:0 0 100%;max-width:100%;padding:0 15px;margin-bottom:32px;box-sizing:border-box}
@media (min-width:768px){
    .ff .ff-col-md-3{flex-basis:25%;max-width:25%}
    .ff .ff-col-md-4{flex-basis:33.3333%;max-width:33.3333%}
    .ff .ff-col-md-6{flex-basis:50%;max-width:50%}
    .ff .ff-col-md-8{flex-basis:66.6667%;max-width:66.6667%}
    .ff .ff-col-md-9{flex-basis:75%;max-width:75%}
    .ff .ff-one-five-col{flex-basis:20%;max-width:20%}
}

.ff .text-align-center{text-align:center}
.ff .text-align-left{text-align:left}
.ff .text-align-right{text-align:right}
.ff-col-elem .ff-col-image{margin-bottom:15px}
.ff-col-elem .ff-col-image img{display:inline-block}
.ff-col-elem .ff-col-title{margin:0 0 10px 0}
.ffs-icon-container{text-align:center;margin:0 auto 10px auto;width:auto;background-color:#000;display:inline-block;border-radius:50%}
.ffs-icon-container i{text-align:center;font-size:26px;padding:5px 10px;margin:5px 0;color:#fff;font-style:normal;display:inline-block;line-height:1}
.ffs-icon-container i.ilb-check:before{content:"\2714"}
.ffs-info-box.center .ffs-icon-box,.ffs-info-box.center .ffs-content-box{width:100%}
.ffs-info-box.center .ffs-icon-box{text-align:center}
.ffs-info-box.left .ffs-icon-box,.ffs-info-box.right .ffs-icon-box{width:20%;display:block}
.ffs-info-box.left .ffs-content-box,.ffs-info-box.right .ffs-content-box{width:80%;display:block}
.ffs-info-box.left .ffs-icon-box,.ffs-info-box.right .ffs-content-box{float:left}
.ffs-info-box.right .ffs-icon-box,.ffs-info-box.left .ffs-content-box{float:right}