/*
 *
 *    [Table of contents]
 *
 *    Summary:
 *
 *    1. Main Title Style Default
 *    2. Main Title Style 1
 *       - 2.1. Main Title Style 1 
 *       - 2.2. Main Title Style 1 Left
 *       - 2.3. Main Title Style 1 Center
 *       - 2.4. Main Title Style 1 Left
 *    3. Main Title Style 2
 *    4. Main Title Style 3
 *       - 4.1. Main Title Style 3
 *       - 4.2. Main Title Style 3 Center
 *    5. Responsive
 *
 *
 *
 */

/*===================================================
=            1. Main Title Style Default            =
===================================================*/

    .slz-main-title .icon-box {
        display: inline-block;
        position: relative;
        color: #c8ac48;
        padding: 0 35px;
        height: 25px;
        margin-bottom: 10px;
    }

    .slz-main-title img {
        margin-bottom: 10px;
    }

    .slz-main-title .icon-box:before,
    .slz-main-title .icon-box:after {
        position: absolute;
        content: '';
        width: 30px;
        height: 1px;
        bottom: 0;
        background-color: #c8ac48;
    }

    .slz-main-title .icon-box:before {
        left: 0;
    }

    .slz-main-title .icon-box:after {
        right: 0;
    }

    .slz-main-title .icon-box i {
        font-size: 25px;
    }

    .slz-main-title .subtitle {
        font-size: 14px;
        text-transform: uppercase;
        color: #5a5f68;
        margin-bottom: 10px;
        line-height: 1;
    }

    .slz-main-title .title {
        font-size: 30px;
        line-height: 1;
        color: #304771;
        font-family: 'Libre Baskerville', serif;
        padding-top: 0;
        text-transform: uppercase;
    }

    .slz-main-title .title .main-color {
        color: #c8ac48;
    }

/*=======  End of Main Title Style Default  =======*/

/*=============================================
=            2. Main Title Style 1            =
=============================================*/

    /*----------  2.1. Main Title Style 1  ----------*/
    .sc_main_title.style-1 .slz-main-title {
        padding-top: 15px;
    }

    .sc_main_title.style-1 .slz-main-title:before {
        top: 0;
        width: 50px;
        height: 2px;
        background-color: #c8ac48;
    }

    .sc_main_title.style-1 .slz-main-title:after {
        position: absolute;
        content: '';
        top: 4px;
        left: 0;
        width: 100px;
        height: 2px;
        background-color: #c8ac48;
    }

    .sc_main_title.style-1 .slz-main-title .subtitle {
        display: none;
    }

    .sc_main_title.style-1 .slz-main-title .title {
        font-size: 24px;
    }

    /*----------  2.2. Main Title Style 1 Left  ----------*/
    .sc_main_title.style-1.text-l .slz-main-title:before,
    .sc_main_title.style-1.text-l .slz-main-title:after {
        left: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    /*----------  2.3. Main Title Style 1 Center  ----------*/
    .sc_main_title.style-1.text-c .slz-main-title:after {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    /*----------  2.4. Main Title Style 1 Right  ----------*/
    .sc_main_title.style-1.text-r .slz-main-title:before,
    .sc_main_title.style-1.text-r .slz-main-title:after {
        right: 0;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

/*=======  End of Main Title Style 1  =======*/


/*=============================================
=            3. Main Title Style 2            =
=============================================*/
    
    .sc_main_title.style-2 .slz-main-title:before {
        content: none;
    }

    .sc_main_title.style-2 .slz-main-title .subtitle {
        display: none;
    }

    .sc_main_title.style-2 .slz-main-title .title {
        font-size: 24px;
    }

    .sc_main_title.style-2 .slz-main-title .subtitle + .title {
        padding: 0;
    }

/*=======  End of Main Title Style 2  =======*/

/*=============================================
=            4. Main Title Style 3            =
=============================================*/
    
    /*----------  4.1. Main Title Style 3  ----------*/
    .sc_main_title.style-3 .slz-main-title .icon-box {
        padding: 0;
        margin: 0 10px 0 0;
        height: 40px;
        vertical-align: bottom;
    }

    .sc_main_title.style-3 .slz-main-title .icon-box i {
        font-size: 40px;
    }

    .sc_main_title.style-3 .slz-main-title .icon-box:before,
    .sc_main_title.style-3 .slz-main-title .icon-box:after {
        content: none;
    }

    .sc_main_title.style-3 .slz-main-title img {
        margin: 0 10px 0 0;
    }

    .sc_main_title.style-3 .slz-main-title:before {
        content: none;
    }

    .sc_main_title.style-3 .slz-main-title .subtitle {
        display: none;
    }

    .sc_main_title.style-3 .slz-main-title .title {
        font-size: 20px;
        display: inline-block;
        vertical-align: bottom;
    }

    .sc_main_title.style-3 .slz-main-title .subtitle + .title {
        padding: 0;
    }

    /*----------  4.2. Main Title Style 3 Center  ----------*/
    .sc_main_title.style-3.text-c .slz-main-title .subtitle + .title {
        left: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    
    
/*=======  End of Main Title Style 3  =======*/