﻿/* Content Dividers */

.divider {
    height: 74px;
    overflow: hidden;
    position: relative;
    background-color:transparent;
}

.divider.red-bg {
    background-color: #A81D21;
}

.divider-red-to-blk-triangles,
.divider-red-slant {
    /*bottom: -1px;*/
    background-color: transparent;
}

    .divider-red-to-blk-triangles::before {
        content: '';
        font-family: 'shape divider from ShapeDividers.com';
        position: absolute;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background-size: 100% 40px;
        background-position: 50% 0%;
        background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 773.74 154.98"><g><path d="m0 0 386.87 154.98L773.74 0Z" fill="%23000000"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23840c0d"/></g></svg> ');
    }


    .divider-red-slant::before {
        content: '';
        font-family: 'shape divider from ShapeDividers.com';
        position: absolute;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background-size: 100% 74px;
        background-position: 50% 0%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23840c0d"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>');
    }


@media only screen and (max-width : 991px) {

    .divider {
        height:75px;
        overflow: hidden;
        position: relative;
        /*z-index:9999;*/
    }

    .divider-red-to-blk-triangles::before,
    .divider-red-slant::before {
        background-size: 100% 75px !important;
    }

    .shape-photo-top {
        margin-top: -75px !important;
    }

}


.shape-photo{
    z-index:1;
}

.shape-photo-top {
    margin-top: -74px;
}

.shape-photo-top-pt{
    padding-top:75px;
}

.shape-photo-bottom {
    margin-bottom: -40px;
}

.hp-photo {
    margin-top: -20px;
}
