/* ==========================================
   Firouze Design System
   Layout v1.0
========================================== */

/* ===== Sections ===== */

.section{
    position:relative;
    width:100%;
    display:block;
}

/* ===== Container ===== */

.container-fluid{

    width:100%;

}


/* ===== Images ===== */

.img-fluid{

    max-width:100%;
    height:auto;
    display:block;

}

/* ===== Overflow ===== */

.overflow-hidden{

    overflow:hidden;

}

.overflow-visible{

    overflow:visible;

}

/* ===== Position ===== */

.relative{

    position:relative;

}

.absolute{

    position:absolute;

}
/* ===== Text ===== */

.text-right-justify{
    text-align:justify;
}

.text-center-justify{
    text-align:justify;
    text-align-last:center;
}

.balance{
    text-align:right;
}

.lh-30{
    line-height:30px;
}



/* ===== Bootstrap Layout Overrides ===== */

@media (min-width:1200px){

    .col-xl-9{
        -ms-flex:0 0 75%;
        flex:0 0 74%;
        max-width:74%;
    }

}

@media (min-width:992px) and (max-width:1200px){

    .col-lg-9{
        -ms-flex:0 0 75%;
        flex:0 0 74%;
        max-width:74%;
    }

}

@media (min-width:768px) and (max-width:992px){

    .col-md-8{
        -ms-flex:0 0 65.666667%;
        flex:0 0 65.666667%;
        max-width:65.666667%;
    }

}