/*
*  STYLE FOR MAIN TITLE
*
*
*  [Table of contents]
*
*  [&. Content / #key]
*  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*  Summary:
*
*
*  1. General
*  2. Layout United States
*    - 2.1. Style Florida
*    - 2.2. Style California
*  3. Layout India
*  n. Responsive
*
*
*/


/*----------  1. General  --------------*/
    .sc_main_title {
        margin-bottom: 50px;
    }

    .sc_main_title.text-l {
        text-align: left;
    }

    .sc_main_title.text-c {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .sc_main_title.text-r {
        text-align: right;
    }

    .sc_main_title img {
        display: inline-block;
        vertical-align: top;
    }

    .sc_main_title .title {
    }

    .sc_main_title .extra-title {
        color: #da0f32;
    }    

/*----------  2. Layout United States  ----------*/

    /*----------  2.1. Style Florida  ----------*/
        .sc_main_title .st-florida .slz-icon {
            font-size: 30px;
        }

        .sc_main_title .st-florida .slz-icon + .subtitle-wrapper,
        .sc_main_title .st-florida img + .subtitle-wrapper {
            margin-top: 10px;
        }

        .sc_main_title .st-florida .subtitle-wrapper {
            color: #da0f32;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.4;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .sc_main_title .st-florida .subtitle-wrapper + .title-wrapper {
            margin-top: 10px;
        }

        .sc_main_title .st-florida .slz-icon + .title-wrapper,
        .sc_main_title .st-florida img + .title-wrapper {
            margin-top: 10px;
        }

        .sc_main_title .st-florida .title-wrapper {
            color: #333;
            font-size: 36px;
            line-height: 1.1;
            font-weight: 700;
            text-transform: capitalize;
        }

        .sc_main_title.has-line .st-florida .title-wrapper {
            position: relative;
            padding-bottom: 15px;
        }

        .sc_main_title.has-line .st-florida .title-wrapper:before {
            position: absolute;
            content: '';
            left: 0;
            bottom: 0;
            width: 100px;
            height: 3px;
            background-color: #da0f32;
        }

        .sc_main_title.has-line.text-c .st-florida .title-wrapper:before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .sc_main_title.has-line.text-r .st-florida .title-wrapper:before {
            left: auto;
            right: 0;
        }

        .sc_main_title .st-florida .subtitle-wrapper + .description-wrapper,
        .sc_main_title .st-florida .title-wrapper + .description-wrapper {
            margin-top: 10px;
        }
    
    /*----------  2.2. Style California  ----------*/
        .sc_main_title .st-california {
            position: relative;
        }

        .sc_main_title .st-california .slz-icon,
        .sc_main_title .st-california img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            font-size: 45px;
        }

        .sc_main_title .st-california img.size-full {
            max-width: 30px;
            max-height: 30px;
        }

        .sc_main_title.text-c .st-california .slz-icon,
        .sc_main_title.text-c .st-california img {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .sc_main_title.text-r .st-california .slz-icon,
        .sc_main_title.text-r .st-california img {
            left: auto;
            right: 0;
        }

        .sc_main_title .st-california .subtitle-wrapper {
            position: absolute;
            z-index: 1;
            top: 10%;
            left: 0;
            width: 100%;
            color: #f1f1f1;
            font-size: 80px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
        }

        .sc_main_title .st-california .slz-icon + .subtitle-wrapper,
        .sc_main_title .st-california img + .subtitle-wrapper {
            top: 40%;
        }

        .sc_main_title.text-c .st-california .subtitle-wrapper {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .sc_main_title.text-r .st-california .subtitle-wrapper {
            left: auto;
            right: 0;
        }

        .sc_main_title .st-california .title-wrapper {
            position: relative;
            z-index: 2;
            color: #333;
            font-size: 36px;
            line-height: 1.1;
            font-weight: 700;
            padding-bottom: 25px;
        }

        .sc_main_title .st-california .slz-icon + .subtitle-wrapper + .title-wrapper,
        .sc_main_title .st-california img + .subtitle-wrapper + .title-wrapper {
            padding-top: 70px;
        }

        .sc_main_title .st-california .subtitle-wrapper + .title-wrapper {
            padding-top: 30px;
        }

        .sc_main_title.has-line .st-california .title-wrapper:before {
            position: absolute;
            content: '';
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background-color: #da0f32;
        }

        .sc_main_title.has-line.text-c .st-california .title-wrapper:before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .sc_main_title.has-line.text-r .st-california .title-wrapper:before {
            left: auto;
            right: 0;
        }
    
/*----------  3. Layout India  ----------*/

    /*----------  3.1. Style Chennai  ----------*/
        .sc_main_title .st-chennai .slz-icon {
            font-size: 30px;
        }

        .sc_main_title .st-chennai img.size-full {
            max-width: 30px;
            max-height: 30px;
        }

        .sc_main_title .st-chennai .slz-icon + .title-wrapper,
        .sc_main_title .st-chennai img + .title-wrapper {
            margin-top: 10px;
        }

        .sc_main_title .st-chennai .title-wrapper {
            color: #333;
            font-size: 36px;
            line-height: 1.4;
            font-weight: 700;
            text-transform: uppercase;
        }

        .sc_main_title .st-chennai .title {
            display: inline-block;
            vertical-align: top;
        }

        .sc_main_title.has-line .st-chennai .title {
            position: relative;
            padding-left: 15px;
        }

        .sc_main_title.has-line .st-chennai .title:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background-color: #da0f32;
        }

        .sc_main_title .st-chennai .title-wrapper + .subtitle-wrapper {
            margin-top: 10px;
        }

        .sc_main_title .st-chennai .subtitle-wrapper {
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
        }

/*=====================================
=            n. Responsive            =
=====================================*/

    @media screen and (max-width: 767px) {
        .sc_main_title {
            margin-bottom: 35px;
        }

        .sc_main_title .st-florida .subtitle-wrapper {
            font-size: 14px;
        }

        .sc_main_title .st-florida .title-wrapper {
            font-size: 30px;
        }

        .sc_main_title .st-california .subtitle-wrapper {
            font-size: 75px;
        }

        .sc_main_title .st-california .title-wrapper {
            font-size: 36px;
        }
    }

    @media screen and (max-width: 480px) {
        .sc_main_title .st-california .slz-icon + .subtitle-wrapper,
        .sc_main_title .st-california img + .subtitle-wrapper {
            top: 45%;
        }

        .sc_main_title .st-california .subtitle-wrapper {
            font-size: 65px;
        }

        .sc_main_title .st-california .title-wrapper {
            font-size: 30px;
        }
    }

    @media screen and (max-width: 380px) {
        .sc_main_title .st-california .slz-icon + .subtitle-wrapper,
        .sc_main_title .st-california img + .subtitle-wrapper {
            top: 48%;
        }

        .sc_main_title .st-california .subtitle-wrapper {
            font-size: 55px;
        }

        .sc_main_title .st-california .title-wrapper {
            font-size: 24px;
        }
    }

    @media screen and (max-width: 320px) {
        .sc_main_title .st-california .slz-icon + .subtitle-wrapper,
        .sc_main_title .st-california img + .subtitle-wrapper {
            top: 50%;
        }

        .sc_main_title .st-california .subtitle-wrapper {
            font-size: 45px;
        }
    }

/*=====  End of n. Responsive  ======*/