/*
*  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: #26bbec;
    }  

    .sc_main_title .slz-icon {
        color: #26bbec;
    }  

     .sc_main_title .icon-wrapper {
        position: relative;
     }

    .sc_main_title .st-florida .icon-wrapper:before {
        position: absolute;
        right: 50%;
        top: 0;
        height: 1px;
        width: 50px;
        background-color: #26bbec;
        content: '';
        margin-right: 25px;
    }

    .sc_main_title .icon-wrapper:after {
        position: absolute;
        left: 50%;
        top: 0;
        content: '';
        margin-left: 25px;
        width: 50px;
        height: 1px;
        background-color: #26bbec;
    }



/*----------  2. Layout United States  ----------*/

    /*----------  2.1. Style Florida  ----------*/

     
        .sc_main_title .st-florida .slz-icon {
            font-size: 30px;
            margin-top: 20px;
        }

        .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: #2b3a58;
            font-size: 26px;
            font-weight: 400;
            line-height: 1.4;
            letter-spacing: 0px;
            font-family: 'Euphoria Script', cursive;

        }

        .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: #2b3a58;
            font-size: 40px;
            line-height: 1.1;
            font-weight: 700;
            text-transform: uppercase;
        }

        .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: #26bbec;*/
        }

        .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;
        }
 
        .sc_main_title .st-florida img {
            margin-top: 15px;
        }

        .sc_main_title .st-florida .title-wrapper + .icon-wrapper {
            margin-top: 20px;
        }

        .sc_main_title.text-l .st-florida .icon-wrapper:before {
            display: none;
        }

        .sc_main_title.text-l .st-florida .icon-wrapper:after {
            left: 0px;
            margin-left: 50px;
        }

        .sc_main_title.text-r .st-florida .icon-wrapper:before {
            right: 0px;
            margin-right: 50px;
        }
        
        .sc_main_title.text-r .st-florida .icon-wrapper:after {
            display: none;
        }

    
    /*----------  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: #26bbec;*/
        }

        .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;
        }

        .sc_main_title .st-california img {
            margin-top: 20px;
        }
    
/*----------  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: #26bbec;
        }

        .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;
        }


/*----------  4. Layout United Kingdom  ----------*/
    
    .sc_main_title .st-london .title-wrapper {
        font-size: 30px;
        font-weight: 700;
        color: #2a3b58;
        display: inline-block;
        vertical-align: top;
        text-transform: uppercase;
    }

    .sc_main_title .st-london .slz-icon {
        font-size: 22px;
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
    }

    .sc_main_title .st-london img {
        margin-left: 5px;
    }

    .sc_main_title .st-london  .icon-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        margin-left: 5px;
    }

    .sc_main_title .st-london .icon-wrapper:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 0;
    }


/*----------  4. Layout Italy  ----------*/

    .sc_main_title .st-milan .slz-icon {
        color: #26bbec;
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        line-height: 30px;
    }

    .sc_main_title .st-milan .icon-wrapper {
        margin-left: 5px;
    }
    

    .sc_main_title .st-milan .title-wrapper {
        color: #2a3b58;
        font-size: 30px;
        font-size: 30px;
        display: inline-block;
        vertical-align: top;
        text-transform: uppercase;
        font-weight: 700;
    }

    .sc_main_title .st-milan .title-wrapper + .icon-wrapper,
    .sc_main_title .st-milan .title-wrapper + img {
        margin-left: 5px;

    }
    .sc_main_title .st-milan img:first-child,
    .sc_main_title .st-milan .icon-wrapper:first-child {
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
    }

    .sc_main_title .st-milan .icon-wrapper +  .title-wrapper,
    .sc_main_title .st-milan img +  .title-wrapper  {
        margin-left: 5px;
    }

    .sc_main_title .st-milan  img {
        vertical-align: middle;
        display: inline-block;
    }

    .sc_main_title .st-milan .icon-wrapper {
        display: inline-block;
        vertical-align: top;
    }

    .sc_main_title .st-milan .icon-wrapper:after {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 0;
    }


/*=====================================
=            n. Responsive            =
=====================================*/
    @media screen and (max-width: 768px) {
        .sc_main_title .st-florida .title-wrapper + .icon-wrapper,
        .sc_main_title .st-florida img {
            margin-top: 10px;
        }
    }

    @media screen and (max-width: 767px) {
        
        

        .sc_main_title .st-florida img,
        .sc_main_title .st-florida .slz-icon {
            margin-top: 10px;
        }

        .sc_main_title .st-florida .subtitle-wrapper + .title-wrapper {
            margin-top: 5px;
        }

        .sc_main_title .st-london img,
        .sc_main_title .st-london .icon-wrapper{
            margin-left: 5px;
        }
        .sc_main_title .st-london .title-wrapper {
            display: inline;
        }


    }

    @media screen and (max-width: 568px) {
        .sc_main_title .st-florida .title-wrapper,
        .sc_main_title .st-florida .slz-icon,
        .sc_main_title .st-london .title-wrapper,
        .sc_main_title .st-milan .title-wrapper,
        .sc_main_title .st-london .slz-icon,
        .sc_main_title .st-milan .slz-icon {
            font-size: 20px;
        }

        .sc_main_title .st-florida .icon-wrapper:before {
            margin-right: 15px;
        }

        .sc_main_title .icon-wrapper:after {
            margin-left: 15px;
        }

    }

    @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;
            line-height: 1.3;
        }


        .sc_main_title .st-florida .title-wrapper,
        .sc_main_title .st-florida .slz-icon,
        .sc_main_title .st-london .title-wrapper,
        .sc_main_title .st-milan .title-wrapper,
        .sc_main_title .st-london .slz-icon,
        .sc_main_title .st-milan .slz-icon {
            font-size: 30px;
        }

        .sc_main_title .st-florida .subtitle-wrapper {
            font-size: 20px;
            line-height: 1.6;
        }
    }

    @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;
        }
        .sc_main_title .st-london .title-wrapper,
        .sc_main_title .st-milan .title-wrapper,
        .sc_main_title .st-london .slz-icon,
        .sc_main_title .st-milan .slz-icon {
            font-size: 14px;
        }

        .sc_main_title .st-florida img,
        .sc_main_title .st-florida .slz-icon {
            margin-top: 5px;
        }

        .sc_main_title .st-florida .subtitle-wrapper + .title-wrapper {
            margin-top: 5px;
        }

        .sc_main_title .st-london img,
        .sc_main_title .st-london .slz-icon {
            margin-left: 5px;
        }

        .sc_main_title .st-milan .title-wrapper + i,
        .sc_main_title .st-milan .title-wrapper + img,
        .sc_main_title .st-milan i +  .title-wrapper,
        .sc_main_title .st-milan img +  .title-wrapper  {
            margin-left: 5px;
        }
    }

/*=====  End of n. Responsive  ======*/
