@import url(reset.css);
@import url(padding-margin-system.css);
@import url(main-v1.css);
@import url(footer-v1.css);
@import url(responsive.css?v=1);
:root {
    /*Site Padding Margin*/
    --space: 8px; /* / 1.66*/
    /*Site Font*/
    --primaryFont: 'nexa', serif;
    /*Site Font*/

    /*Site Color*/
    --colorBlack: #000000;
    --colorBlackRGB: 0 0 0;
    --colorGrayDark: #B0B0B0;
    --colorGrayDarkRGB: 176 176 176;
    --colorGray90: #e5e5e5;
    --colorGray90RGB: 229 229 229;
    --colorGrayLight: #eeeeee;
    --colorGrayLightRGB: 238 238 238;
    --colorGrayVeryLight: #fafafa;
    --colorGrayVeryLightRGB: 250 250 250;
    --colorWhite: #ffffff;
    --colorWhiteRGB: 255 255 255;

    --colorPrimary: #EE1D23;
    --colorPrimaryRGB: 238 29 35;
    --colorBody: #f7f7f7;
    --colorBodyRGB: 247 247 247;
    /*Site Color*/

}


.bg-black{background: var(--colorBlack); }
.bg-gray-dark{background: var(--colorGrayDark); }
.bg-gray-90{background: var(--colorGray90); }
.bg-gray-light{background: var(--colorGrayLight); }
.bg-gray-very-light{background: var(--colorGrayVeryLight); }
.bg-white{background: var(--colorWhite);}
.bg-primary{background: var(--colorPrimary) !important }
.bg-body{background: var(--colorBody) }

.color-black{color: var(--colorBlack); }
.color-gray-dark{color: var(--colorGrayDark); }
.color-gray-90{color: var(--colorGray90); }
.color-gray-light{color: var(--colorGrayLight); }
.color-gray-very-light{color: var(--colorGrayVeryLight); }
.color-white{color: var(--colorWhite);}
.color-primary{color: var(--colorPrimary) }
.color-body{color: var(--colorBody) }

.text-right { text-align: right !important; }
.text-left{ text-align: left !important;}
.text-center{ text-align: center !important;}


/*Site rtl code start*/
*[dir=rtl]:root { --primaryFont: "nexa", serif  !important; }
:root*[dir=rtl] {
    --primaryFont: "nexa", serif !important;
}

*[dir="rtl"] .text-right { text-align: left !important; }
*[dir="rtl"] .text-left { text-align: right !important; }
/*Site rtl code start*/


@media only screen and (max-width: 768px) {
    :root {
        --space:8px / 1.66; /* / 1.66*/
    }
}


/* updates by anis*/