/**
*
*   STYLE FOR BANNER
*
*
*  1.1. Banner 01
*  1.2. Banner 02
*
*
*
*/

/*----------  1.1. Banner 01  ----------*/

    .slz-banner-01 {
        position: relative;
        width: 100%;
    }

    .slz-banner-01 .img-bg {
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        max-width: none;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .slz-banner-01 .description {
        margin-top: 30px;
    }

    .slz-banner-01 .slz-btn {
        margin-top: 30px;
    }

    .slz-banner-01 .content-wrapper {
        color: #fff;
        text-align: center;
        z-index: 2;
        position: relative;
        padding: 100px 150px;
    }

/*----------  1.2. Banner 02  ----------*/

    .slz-banner-01.style-2 .content-wrapper:before {
        content: "";
        display: table;
    }

    .slz-banner-01.style-2 .content-wrapper:after {
        content: "";
        display: table;
        clear: both;
    }

    .slz-banner-01.style-2 .description {
        position: relative;
        float: left;
        width: 80%;
        padding-right: 15px;
        text-align: left;
    }

    .slz-banner-01.style-2 .slz-btn {
        float: right;
        width: 20%;
        padding-left: 15px;
    }