:root {
    /***************************************
     * Colors
     ****************************************/
    --ifs-color-bg:#fff; /* content background */
    --ifs-color-text:#000; /* body text */

    --ifs-color-primary:#f3d733;
    --ifs-color-on-primary:#000;

    --ifs-color-black:#171617;

    --ifs-color-error:#e41818; /* for error, alert, warning */
    --ifs-color-gray-100:#f0f0f0;
    --ifs-color-gray-200:#c7c7c7;
    --ifs-color-white:#fff;
    --ifs-color-placeholder:#000;


    /***************************************
    * Font sizes and families
    ****************************************/
    /* Relative font sizes (use text to identify) */
    --ifs-size-body:var(--ifs-size-16);
    --ifs-size-h1:var(--ifs-size-65);
    --ifs-size-h2:var(--ifs-size-50);
    --ifs-size-h3:var(--ifs-size-35);
    --ifs-size-h4:var(--ifs-size-25);
    --ifs-size-h5:var(--ifs-size-18);
    --ifs-size-h6:var(--ifs-size-16);

    /* Absolute font sizes (use exact number to identify) */
    --ifs-size-65:65px;
    --ifs-size-50:50px;
    --ifs-size-40:40px;
    --ifs-size-35:35px;
    --ifs-size-30:30px;
    --ifs-size-25:25px;
    --ifs-size-20:20px;
    --ifs-size-18:18px;
    --ifs-size-16:16px;
    --ifs-size-14:14px;
    --ifs-size-12:12px;


    /* Fonts */
    --ifs-font-icomoon:"icomoon", fantasy;
    --ifs-font-primary:"Be Vietnam Pro", sans-serif;


    /***************************************
    * Spacings
    ****************************************/
    /* Relative spacing (vertical) - change based on design */
    --ifs-spacing-default:var(--ifs-spacing-80);
    --ifs-spacing-heading:var(--ifs-spacing-20);

    /* Absolute spacing (vertical) - for system UI */
    --ifs-spacing-120:120px;
    --ifs-spacing-100:100px;
    --ifs-spacing-80:80px;
    --ifs-spacing-65:65px;
    --ifs-spacing-55:55px;
    --ifs-spacing-50:50px;
    --ifs-spacing-45:45px;
    --ifs-spacing-40:40px;
    --ifs-spacing-30:30px;
    --ifs-spacing-25:25px;
    --ifs-spacing-20:20px;
    --ifs-spacing-15:15px;
    --ifs-spacing-10:10px;


    /***************************************
    * Container & side paddings
    ****************************************/
    /* Gap, width (horizontal) */
    --ifs-100vw:98vw; /* this variable will be updated by updateCSSVariables() */
    --ifs-gap-vc-column:20px; /* vc column */
    --ifs-gap-container:40px; /* container paddings */
    --ifs-gap-side:calc((var(--ifs-100vw) - var(--ifs-container)) * 0.5);

    /* Container */
    --ifs-container:1167px;


    /***************************************
    * Miscellaneous
    ****************************************/
    /* Header */
    --ifs-header-height:60px;
    --ifs-header-height-sticky:var(--ifs-header-height);

    /* Transition */
    --ifs-transition:all .3s ease;
    --ifs-transition-slow:all .6s ease;

    /* Shadow */
    --ifs-shadow:0 100px 165px rgba(0, 0, 0, 0.07), 0 42px 67px rgba(0, 0, 0, 0.06), 0 22px 37px rgba(0, 0, 0, 0.05), 0 13px 20px rgba(0, 0, 0, 0.05), 0 7px 11px rgba(0, 0, 0, 0.04), 0 3px 5px rgba(0, 0, 0, 0.03);
}


/***************************************
* Global Variables Responsive
****************************************/
@media only screen and (max-width:1180px) {
    :root {
        /* Header */
        --ifs-header-height:40px;

        /* Absolute font sizes */
        --ifs-size-65:46px;
        --ifs-size-50:38px;
        --ifs-size-40:34px;
        --ifs-size-35:30px;
        --ifs-size-30:26px;
        --ifs-size-25:22px;

        /* Absolute spacing (vertical) - for system UI */
        --ifs-spacing-120:80px;
        --ifs-spacing-100:60px;
        --ifs-spacing-80:var(--ifs-spacing-100);
        --ifs-spacing-65:60px;
        --ifs-spacing-55:50px;
    }
}
@media only screen and (max-width:1024px) {
    :root {
        /* Gutter (horizontal) */
        --ifs-gap-container:20px;

        /* Absolute font sizes */
        --ifs-size-65:40px;
        --ifs-size-50:30px;
        --ifs-size-40:26px;
        --ifs-size-35:24px;
        --ifs-size-30:22px;
        --ifs-size-25:20px;
        --ifs-size-20:18px;
        --ifs-size-18:17px;

        /* Absolute spacing */
        --ifs-spacing-120:60px;
        --ifs-spacing-100:50px;
        --ifs-spacing-65:40px;
        --ifs-spacing-55:40px;
        --ifs-spacing-50:var(--ifs-spacing-55);
        --ifs-spacing-45:35px;
        --ifs-spacing-40:30px;
        --ifs-spacing-30:26px;
        --ifs-spacing-25:22px;
        --ifs-spacing-20:18px;
        --ifs-spacing-15:13px;
        --ifs-spacing-10:8px;
    }
}
@media only screen and (max-width:767px) {
    :root {
        /* Absolute font sizes */
        --ifs-size-65:38px;
    }
}