/*  STYLE EX
    -----------------------------------------------------------------------------------------------
*/



.official_title
{

    font-family: var(--x-title-font);
    font-size: 24px;
    font-weight: 600;

    color: var(--x-title-forecolor);

    letter-spacing: -1px;

    padding: 0 0 0 13px;

}



.title
{

    font-family: var(--x-body-font);
    font-size: 30px;
    font-weight: 400;

    color: #444444;

    line-height: normal;
    letter-spacing: 1px;

    text-align: left;

    margin: 0;

}



.core_title
{

    position: absolute;

    margin-top: -40px;
    margin-left: -70px;

    font-family: 'Montserrat', sans-serif;
    font-size: 90px;
    font-weight: 700;

    line-height: 55px;

    color: #e9e9e9;

    z-index: -10;

    text-align: left;

}



.style_14
{

    font-family: var(--x-body-font)  !important;
    font-size: 14px  !important;
    font-weight: 400;

    color: var(--x-body-forecolor);

}



.style_16
{

    font-family: var(--x-body-font)  !important;
    font-size: 16px  !important;
    font-weight: 400;

    color: var(--x-body-forecolor);

    line-height: 29px;
    letter-spacing: .5px;

    text-align: justify !important;

}



.style_20
{

    font-family: var(--x-body-font)  !important;
    font-size: 20px  !important;
    font-weight: 400;

    color: var(--x-body-forecolor);

    line-height: 29px;
    letter-spacing: .5px;

    text-align: justify;

}



.flex_acc
{

    align-content: center;

}



.flex_jcb
{

    justify-content: space-between;

}



.tech
{

    font-size: 15px;

    line-height: 1.7;

    color: #444;

    word-spacing: 8px;

    padding-bottom: 20px;

}



@media screen and (max-width:1499.98px)
{



    .core_title
    {

        margin-top: -30px;
        margin-left: -30px;

        font-size: 80px;

    }



}



@media screen and (max-width:1199.98px)
{



    .core_title
    {

        margin-top: -30px;
        margin-left: -30px;

        font-size: 70px;

    }



}



@media screen and (max-width:991.98px)
{



    .core_title
    {

        margin-top: -30px;
        margin-left: -30px;

        font-size: 70px;

    }



}



@media screen and (max-width:575.98px)
{



    .core_title
    {

        margin-top: -30px;
        margin-left: -15px;

        font-size: 65px;

    }



}



/*  EXTRA 
    -----------------------------------------------------------------------------------------------
*/



.rotate
{

    position: relative;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    white-space: nowrap;

    left: -50px;

}



.rotate:after
{

    position: absolute;

    top: 0;
    right: -420px;

    content: '';

    background: #999999;

    width: 360px;
    height: 1px;

}



@media only screen and (max-width: 1199.98px)
{

    .rotate
    {

        margin-top: 80px;

    }



    .rotate:after
    {

        right: -380px;

    }

}



@media screen and (max-width: 991.98px)
{

    .rotate
    {

        margin-top: 80px;

    }



    .rotate:after
    {

        right: -350px;

    }

}



@media screen and (max-width: 767.98px)
{

    .rotate
    {

        margin-top: 80px;

    }



    .rotate:after
    {

        right: -380px;

    }

}