/* -------------------- Alert -------------------- */
.b-alert {
    display: block;
    position: relative;
}

.b-alert.fade .b-alert_inner {
    opacity: 0;
}

.b-alert_inner {
    display: block;
    position: relative;
    padding: 16px 0 15px;
    font: 400 14px 'Roboto', sans-serif;
    letter-spacing: .025em;
    color: #000;
    background: #dde5df url('../images/backgrounds/hdr-banner-01.png') center center / cover no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}

.b-alert_inner .container {
    position: relative;
}

.b-alert_inner p {
    margin: 0;
}

.b-alert_caption {
    margin-top: 4px;
    font: 300 40px/1 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: .025em;
}

.b-alert_close {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 9px;
    margin-top: -22px;
    padding: 11px;
    font-size: 23px;
    line-height: 1;
    color: #9C9C9C;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    cursor: pointer;
}

.b-alert_close:hover {
    color: #1fa6a3;
}

.b-alert_link {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    color: transparent;
    background: rgba(255, 255, 255, .000001);
}

@media (max-width: 1263px) {

    .b-alert_inner {
        padding: 8px 0;
        font: 400 12px 'Roboto', sans-serif;
    }

    .b-alert_caption {
        margin-top: 2px;
        font: 300 30px/1 'Roboto', sans-serif;
    }

}

@media (max-width: 767px) {

    .b-alert_inner {
        padding: 0;
        min-height: 96px;
        font: 400 12px 'Roboto', sans-serif;
        background-position: 25% center;
        overflow: hidden;
    }

    .b-alert_capsule {
        display: table;
        width: 100%;
        height: 96px;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
    }

    .b-alert_capsule_cell {
        display: table-cell;
        vertical-align: middle;
        padding: 9px 0 8px;
    }

    .b-alert_caption {
        margin: 0 0 4px;
        font: 400 18px/1 'Roboto', sans-serif;
    }

    .b-alert_close {
        top: -11px;
        margin-top: 0;
    }

}

.b-alert__sm .b-alert_inner {
    padding: 11px 0 10px;
    font: 400 12px 'Roboto', sans-serif;
}

.b-alert__sm .b-alert_caption {
    margin: 0 0 5px;
    font: 500 18px/1 'Roboto', sans-serif;
}

@media (max-width: 767px) {

    .b-alert__sm .b-alert_inner {
        padding: 0;
        min-height: 96px;
    }

    .b-alert__sm .b-alert_caption {
        margin: 0 0 4px;
        font: 400 18px/1 'Roboto', sans-serif;
    }

}