/* =============================================================================
Theme Name: AI First Agency
Theme URI: http://aifirst.agency/
Author: Andrei Goea
Author URI: http://www.andreigoea.com/
Template: phlox-pro
Description: AI First Agency theme - build on top of Phlox
Version: 1.0.0
Tested up to: 5.5.0
Requires at least: 5.3
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================================================================*/
.x2 {
    font-size: 200% !important
}

.x1-75 {
    font-size: 150% !important
}

.x1-5 {
    font-size: 150% !important
}

.x1-25 {
    font-size: 125% !important
}

.x1 {
    font-size: 100% !important
}

.x0-90 {
    font-size: 90% !important
}

.x0-80 {
    font-size: 80% !important
}

.x0-75 {
    font-size: 75% !important
}

.sm-top {
    margin-top: .5em !important
}

.sm-left {
    margin-left: .5em !important
}

.sm-right {
    margin-right: .5em !important
}

.sm-bot {
    margin-bottom: .5em !important
}

.sm {
    margin: .5em !important
}

.m-top {
    margin-top: 1em !important
}

.m-left {
    margin-left: 1em !important
}

.m-right {
    margin-right: 1em !important
}

.m-bot {
    margin-bottom: 1em !important
}

.m {
    margin: 1em !important
}

.lm-top {
    margin-top: 2em !important
}

.lm-left {
    margin-left: 2em !important
}

.lm-right {
    margin-right: 2em !important
}

.lm-bot {
    margin-bottom: 2em !important
}

.lm {
    margin: 2em !important
}

.xlm-top {
    margin-top: 3em !important
}

.xlm-left {
    margin-left: 3em !important
}

.xlm-right {
    margin-right: 3em !important
}

.xlm-bot {
    margin-bottom: 3em !important
}

.xlm {
    margin: 3em !important
}

.nom-top {
    margin-top: 0 !important
}

.nom-left {
    margin-left: 0 !important
}

.nom-right {
    margin-right: 0 !important
}

.nom-bot {
    margin-bottom: 0 !important
}

.nom {
    margin: 0 !important
}

.push-right {
    margin-left: auto !important
}

.push-left {
    margin-right: auto !important
}

.sp-top {
    padding-top: .5em !important
}

.sp-left {
    padding-left: .5em !important
}

.sp-right {
    padding-right: .5em !important
}

.sp-bot {
    padding-bottom: .5em !important
}

.sp {
    padding: .5em !important
}

.p-top {
    padding-top: 1em !important
}

.p-left {
    padding-left: 1em !important
}

.p-right {
    padding-right: 1em !important
}

.p-bot {
    padding-bottom: 1em !important
}

.p {
    padding: 1em !important
}

.lp-top {
    padding-top: 2em !important
}

.lp-left {
    padding-left: 2em !important
}

.lp-right {
    padding-right: 2em !important
}

.lp-bot {
    padding-bottom: 2em !important
}

.lp {
    padding: 2em !important
}

.xlp-top {
    padding-top: 3em !important
}

.xlp-left {
    padding-left: 3em !important
}

.xlp-right {
    padding-right: 3em !important
}

.xlp-bot {
    padding-bottom: 3em !important
}

.xlp {
    padding: 3em !important
}

.nop-top {
    padding-top: 0 !important
}

.nop-left {
    padding-left: 0 !important
}

.nop-right {
    padding-right: 0 !important
}

.nop-bot {
    padding-bottom: 0 !important
}

.nop {
    padding: 0 !important
}

@media only screen and (min-width: 576px) {
    .sm-sm-top {
        margin-top:.5em !important
    }

    .sm-sm-left {
        margin-left: .5em !important
    }

    .sm-sm-right {
        margin-right: .5em !important
    }

    .sm-sm-bot {
        margin-bottom: .5em !important
    }

    .sm-sm {
        margin: .5em !important
    }

    .m-sm-top {
        margin-top: 1em !important
    }

    .m-sm-left {
        margin-left: 1em !important
    }

    .m-sm-right {
        margin-right: 1em !important
    }

    .m-sm-bot {
        margin-bottom: 1em !important
    }

    .m-sm {
        margin: 1em !important
    }

    .lm-sm-top {
        margin-top: 2em !important
    }

    .lm-sm-left {
        margin-left: 2em !important
    }

    .lm-sm-right {
        margin-right: 2em !important
    }

    .lm-sm-bot {
        margin-bottom: 2em !important
    }

    .lm-sm {
        margin: 2em !important
    }

    .xlm-sm-top {
        margin-top: 3em !important
    }

    .xlm-sm-left {
        margin-left: 3em !important
    }

    .xlm-sm-right {
        margin-right: 3em !important
    }

    .xlm-sm-bot {
        margin-bottom: 3em !important
    }

    .xlm-sm {
        margin: 3em !important
    }

    .nom-sm-top {
        margin-top: 0 !important
    }

    .nom-sm-left {
        margin-left: 0 !important
    }

    .nom-sm-right {
        margin-right: 0 !important
    }

    .nom-sm-bot {
        margin-bottom: 0 !important
    }

    .nom-sm {
        margin: 0 !important
    }

    .sp-sm-top {
        padding-top: .5em !important
    }

    .sp-sm-left {
        padding-left: .5em !important
    }

    .sp-sm-right {
        padding-right: .5em !important
    }

    .sp-sm-bot {
        padding-bottom: .5em !important
    }

    .sp-sm {
        padding: .5em !important
    }

    .p-sm-top {
        padding-top: 1em !important
    }

    .p-sm-left {
        padding-left: 1em !important
    }

    .p-sm-right {
        padding-right: 1em !important
    }

    .p-sm-bot {
        padding-bottom: 1em !important
    }

    .p-sm {
        padding: 1em !important
    }

    .lp-sm-top {
        padding-top: 2em !important
    }

    .lp-sm-left {
        padding-left: 2em !important
    }

    .lp-sm-right {
        padding-right: 2em !important
    }

    .lp-sm-bot {
        padding-bottom: 2em !important
    }

    .lp-sm {
        padding: 2em !important
    }

    .xlp-sm-top {
        padding-top: 3em !important
    }

    .xlp-sm-left {
        padding-left: 3em !important
    }

    .xlp-sm-right {
        padding-right: 3em !important
    }

    .xlp-sm-bot {
        padding-bottom: 3em !important
    }

    .xlp-sm {
        padding: 3em !important
    }

    .nop-sm-top {
        padding-top: 0 !important
    }

    .nop-sm-left {
        padding-left: 0 !important
    }

    .nop-sm-right {
        padding-right: 0 !important
    }

    .nop-sm-bot {
        padding-bottom: 0 !important
    }

    .nop-sm {
        padding: 0 !important
    }

    .t-align-sm-left {
        text-align: left !important
    }

    .t-align-sm-center {
        text-align: center !important
    }

    .t-align-sm-right {
        text-align: right !important
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .x2-sm {
        font-size: 200% !important
    }

    .x1-75-sm {
        font-size: 175% !important
    }

    .x1-5-sm {
        font-size: 150% !important
    }

    .x1-25-sm {
        font-size: 125% !important
    }

    .x1-sm {
        font-size: 100% !important
    }

    .x0-90-sm {
        font-size: 90% !important
    }

    .x0-80-sm {
        font-size: 80% !important
    }

    .x0-75-sm {
        font-size: 75% !important
    }
}

@media only screen and (min-width: 767px) {
    .sm-md-top {
        margin-top:.5em !important
    }

    .sm-md-left {
        margin-left: .5em !important
    }

    .sm-md-right {
        margin-right: .5em !important
    }

    .sm-md-bot {
        margin-bottom: .5em !important
    }

    .sm-md {
        margin: .5em !important
    }

    .m-md-top {
        margin-top: 1em !important
    }

    .m-md-left {
        margin-left: 1em !important
    }

    .m-md-right {
        margin-right: 1em !important
    }

    .m-md-bot {
        margin-bottom: 1em !important
    }

    .m-md {
        margin: 1em !important
    }

    .lm-md-top {
        margin-top: 2em !important
    }

    .lm-md-left {
        margin-left: 2em !important
    }

    .lm-md-right {
        margin-right: 2em !important
    }

    .lm-md-bot {
        margin-bottom: 2em !important
    }

    .lm-md {
        margin: 2em !important
    }

    .xlm-md-top {
        margin-top: 3em !important
    }

    .xlm-md-left {
        margin-left: 3em !important
    }

    .xlm-md-right {
        margin-right: 3em !important
    }

    .xlm-md-bot {
        margin-bottom: 3em !important
    }

    .xlm-md {
        margin: 3em !important
    }

    .nom-md-top {
        margin-top: 0 !important
    }

    .nom-md-left {
        margin-left: 0 !important
    }

    .nom-md-right {
        margin-right: 0 !important
    }

    .nom-md-bot {
        margin-bottom: 0 !important
    }

    .nom-md {
        margin: 0 !important
    }

    .sp-md-top {
        padding-top: .5em !important
    }

    .sp-md-left {
        padding-left: .5em !important
    }

    .sp-md-right {
        padding-right: .5em !important
    }

    .sp-md-bot {
        padding-bottom: .5em !important
    }

    .sp-md {
        padding: .5em !important
    }

    .p-md-top {
        padding-top: 1em !important
    }

    .p-md-left {
        padding-left: 1em !important
    }

    .p-md-right {
        padding-right: 1em !important
    }

    .p-md-bot {
        padding-bottom: 1em !important
    }

    .p-md {
        padding: 1em !important
    }

    .lp-md-top {
        padding-top: 2em !important
    }

    .lp-md-left {
        padding-left: 2em !important
    }

    .lp-md-right {
        padding-right: 2em !important
    }

    .lp-md-bot {
        padding-bottom: 2em !important
    }

    .lp-md {
        padding: 2em !important
    }

    .xlp-md-top {
        padding-top: 3em !important
    }

    .xlp-md-left {
        padding-left: 3em !important
    }

    .xlp-md-right {
        padding-right: 3em !important
    }

    .xlp-md-bot {
        padding-bottom: 3em !important
    }

    .xlp-md {
        padding: 3em !important
    }

    .nop-md-top {
        padding-top: 0 !important
    }

    .nop-md-left {
        padding-left: 0 !important
    }

    .nop-md-right {
        padding-right: 0 !important
    }

    .nop-md-bot {
        padding-bottom: 0 !important
    }

    .nop-md {
        padding: 0 !important
    }

    .t-align-md-left {
        text-align: left !important
    }

    .t-align-md-center {
        text-align: center !important
    }

    .t-align-md-right {
        text-align: right !important
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .x2-md {
        font-size: 200% !important
    }

    .x1-75-md {
        font-size: 175% !important
    }

    .x1-5-md {
        font-size: 150% !important
    }

    .x1-25-md {
        font-size: 125% !important
    }

    .x1-md {
        font-size: 100% !important
    }

    .x0-90-md {
        font-size: 90% !important
    }

    .x0-80-md {
        font-size: 80% !important
    }

    .x0-75-md {
        font-size: 75% !important
    }
}

@media only screen and (min-width: 1024px) {
    .sm-lg-top {
        margin-top:.5em !important
    }

    .sm-lg-left {
        margin-left: .5em !important
    }

    .sm-lg-right {
        margin-right: .5em !important
    }

    .sm-lg-bot {
        margin-bottom: .5em !important
    }

    .sm-lg {
        margin: .5em !important
    }

    .m-lg-top {
        margin-top: 1em !important
    }

    .m-lg-left {
        margin-left: 1em !important
    }

    .m-lg-right {
        margin-right: 1em !important
    }

    .m-lg-bot {
        margin-bottom: 1em !important
    }

    .m-lg {
        margin: 1em !important
    }

    .lm-lg-top {
        margin-top: 2em !important
    }

    .lm-lg-left {
        margin-left: 2em !important
    }

    .lm-lg-right {
        margin-right: 2em !important
    }

    .lm-lg-bot {
        margin-bottom: 2em !important
    }

    .lm-lg {
        margin: 2em !important
    }

    .xlm-lg-top {
        margin-top: 3em !important
    }

    .xlm-lg-left {
        margin-left: 3em !important
    }

    .xlm-lg-right {
        margin-right: 3em !important
    }

    .xlm-lg-bot {
        margin-bottom: 3em !important
    }

    .xlm-lg {
        margin: 3em !important
    }

    .nom-lg-top {
        margin-top: 0 !important
    }

    .nom-lg-left {
        margin-left: 0 !important
    }

    .nom-lg-right {
        margin-right: 0 !important
    }

    .nom-lg-bot {
        margin-bottom: 0 !important
    }

    .nom-lg {
        margin: 0 !important
    }

    .sp-lg-top {
        padding-top: .5em !important
    }

    .sp-lg-left {
        padding-left: .5em !important
    }

    .sp-lg-right {
        padding-right: .5em !important
    }

    .sp-lg-bot {
        padding-bottom: .5em !important
    }

    .sp-lg {
        padding: .5em !important
    }

    .p-lg-top {
        padding-top: 1em !important
    }

    .p-lg-left {
        padding-left: 1em !important
    }

    .p-lg-right {
        padding-right: 1em !important
    }

    .p-lg-bot {
        padding-bottom: 1em !important
    }

    .p-lg {
        padding: 1em !important
    }

    .lp-lg-top {
        padding-top: 2em !important
    }

    .lp-lg-left {
        padding-left: 2em !important
    }

    .lp-lg-right {
        padding-right: 2em !important
    }

    .lp-lg-bot {
        padding-bottom: 2em !important
    }

    .lp-lg {
        padding: 2em !important
    }

    .xlp-lg-top {
        padding-top: 3em !important
    }

    .xlp-lg-left {
        padding-left: 3em !important
    }

    .xlp-lg-right {
        padding-right: 3em !important
    }

    .xlp-lg-bot {
        padding-bottom: 3em !important
    }

    .xlp-lg {
        padding: 3em !important
    }

    .nop-lg-top {
        padding-top: 0 !important
    }

    .nop-lg-left {
        padding-left: 0 !important
    }

    .nop-lg-right {
        padding-right: 0 !important
    }

    .nop-lg-bot {
        padding-bottom: 0 !important
    }

    .nop-lg {
        padding: 0 !important
    }

    .push-right-lg {
        margin-left: auto !important
    }

    .push-left-lg {
        margin-right: auto !important
    }

    .t-align-lg-left {
        text-align: left !important
    }

    .t-align-lg-center {
        text-align: center !important
    }

    .t-align-lg-right {
        text-align: right !important
    }
}

@media only screen and (min-width: 1920px) {
    .sm-xlg-top {
        margin-top:.5em !important
    }

    .sm-xlg-left {
        margin-left: .5em !important
    }

    .sm-xlg-right {
        margin-right: .5em !important
    }

    .sm-xlg-bot {
        margin-bottom: .5em !important
    }

    .sm-xlg {
        margin: .5em !important
    }

    .m-xlg-top {
        margin-top: 1em !important
    }

    .m-xlg-left {
        margin-left: 1em !important
    }

    .m-xlg-right {
        margin-right: 1em !important
    }

    .m-xlg-bot {
        margin-bottom: 1em !important
    }

    .m-xlg {
        margin: 1em !important
    }

    .lm-xlg-top {
        margin-top: 2em !important
    }

    .lm-xlg-left {
        margin-left: 2em !important
    }

    .lm-xlg-right {
        margin-right: 2em !important
    }

    .lm-xlg-bot {
        margin-bottom: 2em !important
    }

    .lm-xlg {
        margin: 2em !important
    }

    .xlm-xlg-top {
        margin-top: 3em !important
    }

    .xlm-xlg-left {
        margin-left: 3em !important
    }

    .xlm-xlg-right {
        margin-right: 3em !important
    }

    .xlm-xlg-bot {
        margin-bottom: 3em !important
    }

    .xlm-xlg {
        margin: 3em !important
    }

    .nom-xlg-top {
        margin-top: 0 !important
    }

    .nom-xlg-left {
        margin-left: 0 !important
    }

    .nom-xlg-right {
        margin-right: 0 !important
    }

    .nom-xlg-bot {
        margin-bottom: 0 !important
    }

    .nom-xlg {
        margin: 0 !important
    }

    .sp-xlg-top {
        padding-top: .5em !important
    }

    .sp-xlg-left {
        padding-left: .5em !important
    }

    .sp-xlg-right {
        padding-right: .5em !important
    }

    .sp-xlg-bot {
        padding-bottom: .5em !important
    }

    .sp-xlg {
        padding: .5em !important
    }

    .p-xlg-top {
        padding-top: 1em !important
    }

    .p-xlg-left {
        padding-left: 1em !important
    }

    .p-xlg-right {
        padding-right: 1em !important
    }

    .p-xlg-bot {
        padding-bottom: 1em !important
    }

    .p-xlg {
        padding: 1em !important
    }

    .lp-xlg-top {
        padding-top: 2em !important
    }

    .lp-xlg-left {
        padding-left: 2em !important
    }

    .lp-xlg-right {
        padding-right: 2em !important
    }

    .lp-xlg-bot {
        padding-bottom: 2em !important
    }

    .lp-xlg {
        padding: 2em !important
    }

    .xlp-xlg-top {
        padding-top: 3em !important
    }

    .xlp-xlg-left {
        padding-left: 3em !important
    }

    .xlp-xlg-right {
        padding-right: 3em !important
    }

    .xlp-xlg-bot {
        padding-bottom: 3em !important
    }

    .xlp-xlg {
        padding: 3em !important
    }

    .nop-xlg-top {
        padding-top: 0 !important
    }

    .nop-xlg-left {
        padding-left: 0 !important
    }

    .nop-xlg-right {
        padding-right: 0 !important
    }

    .nop-xlg-bot {
        padding-bottom: 0 !important
    }

    .nop-xlg {
        padding: 0 !important
    }

    .t-align-xlg-left {
        text-align: left !important
    }

    .t-align-xlg-center {
        text-align: center !important
    }

    .t-align-xlg-right {
        text-align: right !important
    }
}