/* Content Dividers */

.divider {
    height: 40px;
    overflow: hidden;
    position: relative;
}

.divider.red-bg {
    background-color: #A81D21;
}

.divider-trans-to-dkgrey-triangles,
.divider-trans-to-dkgrey-triangles-yellow {
    /*bottom: -1px;*/
    background-color:#fff !important;
}

.divider-dkgrey-to-trans-triangles,
.divider-dkgrey-to-trans-triangles-yellow {
    /*top: -1px;*/
    background-color: #fff !important;
}

.divider-trans-to-dkgrey-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% 100%;
    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 transform="rotate(180 386.87 77.49)"><path d="m0 0 386.87 154.98L773.74 0Z" fill="%23da2e2e"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23000000"/></g></svg> ');
}

.divider-dkgrey-to-trans-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="%23da2e2e"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23000000"/></g></svg> ');
}

.divider-trans-to-dkgrey-triangles-yellow::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% 100%;
    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 transform="rotate(180 386.87 77.49)"><path d="m0 0 386.87 154.98L773.74 0Z" fill="%23ffc425"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23000000"/></g></svg> ');
}

.divider-dkgrey-to-trans-triangles-yellow::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="%23ffc425"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23000000"/></g></svg> ');
}

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

    .divider {
        /*height: 20px;*/
        overflow: hidden;
        position: relative;
        /*z-index:9999;*/
    }

    .divider-trans-to-dkgrey-triangles::before,
    .divider-trans-to-dkgrey-triangles-yellow::before {
        background-size: 100% 20px;
    }

    .divider-dkgrey-to-trans-triangles::before,
    .divider-dkgrey-to-trans-triangles-yellow::before {
        background-size: 100% 20px;
    }

}

/* Menu Top and Bottom */

.menu-top {
    height: 24px;
    overflow: hidden;
    position: relative;
    margin-top: -18px;
}

.menu-top::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% 24px;
    background-position: 50% 100%;
    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 fill="%23a81d21"><path d="M773.74 154.98H0L386.87 77.5Z"/></g></svg>');
}

.menu-bottom {
    height: 24px;
    overflow: hidden;
    position: relative;
    margin-bottom: -24px;
}

.menu-bottom::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% 24px;
    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 fill="%23a81d21"><path d="M0 0h773.74L386.87 77.5Z"/></g></svg>');
}

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

    .menu-top {
        height: 18px;
        margin-top: -9px;
    }

    .menu-top::before {
        background-size: 100% 18px;
    }

    .menu-bottom {
       z-index: 99995;
    }

    .menu-bottom::before {
        height: 18px;
        background-size: 100% 18px;
    }

}

.shape-photo{
    margin-top:-40px;
}