/*
 * BNI Perugia - Non si cresce da soli CONNECT SAFE
 * Bootstrap 3 / float based
 */

.bni-pg-growth {
    display:block !important;
    width:100% !important;
    background:#cf2030 !important;
    padding:45px 20px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    color:#ffffff !important;
}

.bni-pg-growth-inner {
    width:100% !important;
    max-width:1060px !important;
    margin:0 auto !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.bni-pg-growth-heading {
    width:100% !important;
    text-align:center !important;
    margin:0 0 28px 0 !important;
    padding:0 !important;
    color:#ffffff !important;
}

.bni-pg-growth-heading h2 {
    color:#ffffff !important;
    font-size:30px !important;
    line-height:36px !important;
    font-weight:700 !important;
    text-align:center !important;
    text-transform:none !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
}

.bni-pg-growth-heading h2:before,
.bni-pg-growth-heading h2:after {
    display:none !important;
    content:none !important;
}

.bni-pg-growth-heading p {
    color:#ffffff !important;
    font-size:15px !important;
    line-height:22px !important;
    text-align:center !important;
    margin:0 !important;
    padding:0 !important;
}

.bni-pg-growth-grid {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

.bni-pg-growth-card {
    float:left !important;
    width:32% !important;
    min-height:170px !important;
    margin:0 2% 18px 0 !important;
    padding:22px !important;
    box-sizing:border-box !important;
    background:#dd5e69 !important;
    border:1px solid rgba(255,255,255,.30) !important;
    border-radius:18px !important;
    color:#ffffff !important;
}

.bni-pg-growth-card:nth-child(3n) {
    margin-right:0 !important;
}

.bni-pg-growth-icon {
    display:block !important;
    width:54px !important;
    height:54px !important;
    margin:0 0 14px 0 !important;
    padding:12px !important;
    box-sizing:border-box !important;
    border-radius:16px !important;
    background:#e98790 !important;
    text-align:center !important;
}

.bni-pg-growth-icon img {
    display:block !important;
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
}

.bni-pg-growth-card h3 {
    color:#ffffff !important;
    font-size:17px !important;
    line-height:22px !important;
    font-weight:700 !important;
    text-align:left !important;
    text-transform:none !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
}

.bni-pg-growth-card h3:before,
.bni-pg-growth-card h3:after {
    display:none !important;
    content:none !important;
}

.bni-pg-growth-card p {
    color:#ffffff !important;
    font-size:14px !important;
    line-height:21px !important;
    text-align:left !important;
    margin:0 !important;
    padding:0 !important;
}

.bni-pg-growth-grid:after {
    content:"" !important;
    display:block !important;
    clear:both !important;
}

@media only screen and (max-width:991px) {

    .bni-pg-growth-card {
        width:49% !important;
        margin-right:2% !important;
    }

    .bni-pg-growth-card:nth-child(3n) {
        margin-right:2% !important;
    }

    .bni-pg-growth-card:nth-child(2n) {
        margin-right:0 !important;
    }
}

@media only screen and (max-width:767px) {

    .bni-pg-growth {
        padding:35px 16px !important;
    }

    .bni-pg-growth-heading h2 {
        font-size:26px !important;
        line-height:32px !important;
    }

    .bni-pg-growth-card,
    .bni-pg-growth-card:nth-child(2n),
    .bni-pg-growth-card:nth-child(3n) {
        float:none !important;
        width:100% !important;
        min-height:0 !important;
        margin:0 0 14px 0 !important;
        padding:20px !important;
    }
}