/* ******************
* STAFIX TEMPLATE STYLES - 
*
* [Table of contents]



********************************** */
body {
    margin: 0;
    background: #414141 url('images/mainbck.png') no-repeat scroll center bottom;
    position: relative;
    display: flex;
    flex-direction: column;
}

#circleslideshow > div {
    position: absolute;
}

@media (max-width:767px) {
    .footer {
        flex-shrink: 0;

        /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
        left: 0;
        right: 0;
        bottom: 0;
        color: #fefefe;
        background-color: #3b3b3b;
        border-top: 10px solid;
    }
}

.bck_cover {
    background: cover;
}

.size_master {
    height: auto;
}

.size_index {
    height: auto;
}

.size_about {
    height: auto;
}

.size_contactus {
    height: auto;
}

.top_main {
    top: 0;
    height: 438px;
    width: 100%;
    margin: 0;
    position: absolute;
    background: transparent url('images/top1.png') repeat-x scroll center top;
    background-size: auto;
}

.middle_main {
    width: 100%;
    margin: 0;
    position: absolute;
    background: transparent url('images/trans.png') repeat-x scroll center 232px;
    background-size: auto;
}

.bottom_main {
    width: 100%;
    bottom: 0;
    position: absolute;
    background: transparent url('images/bottom1.png') repeat-x scroll center bottom;
    background-size: auto;
    margin: 0;
    height: 300px;
}

.div_main {
    /* background: transparent */
    position: relative;
}

.maxsize {
    min-width: 325px;
    max-width: 1920px;
    margin: 0 auto auto;
}

.centre-all {
    text-align: center;
    margin-top: 0;
}

.ndlovu_logo {
    visibility: visible;
}

.slideshow > div {
    position: absolute;
    top: 100px;
    left: 100px;
    right: 100px;
    bottom: 100px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;

    /* 16:9 */
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}