@font-face {
    font-family: SairaCondensed-Black;
    src: url('../fonts/SairaCondensed/SairaCondensed-Black.ttf');
}

 @font-face {
    font-family: SairaCondensed-Bold;
    src: url('../fonts/SairaCondensed/SairaCondensed-Bold.ttf');
}

 @font-face {
    font-family: SairaCondensed-ExtraBold;
    src: url('../fonts/SairaCondensed/SairaCondensed-ExtraBold.ttf');
}

@font-face {
    font-family: SairaCondensed-ExtraLight;
    src: url('../fonts/SairaCondensed/SairaCondensed-ExtraLight.ttf');
}

@font-face {
    font-family: SairaCondensed-Light;
    src: url('../fonts/SairaCondensed/SairaCondensed-Light.ttf');
}

@font-face {
    font-family: SairaCondensed-Medium;
    src: url('../fonts/SairaCondensed/SairaCondensed-Medium.ttf');
}

@font-face {
    font-family: SairaCondensed-Regular;
    src: url('../fonts/SairaCondensed/SairaCondensed-Regular.ttf');
}

@font-face {
    font-family: SairaCondensed-SemiBold;
    src: url('../fonts/SairaCondensed/SairaCondensed-SemiBold.ttf');
}

@font-face {
    font-family: SairaCondensed-Thin;
    src: url('../fonts/SairaCondensed/SairaCondensed-Thin.ttf');
}

@font-face {
    font-family: SairaExtraCondensed-Black;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-Black.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-Bold;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-Bold.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-ExtraBold;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBold.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-ExtraLight;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLight.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-Light;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-Light.ttf');
}

@font-face {
    font-family: SairaExtraCondensed-Medium;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-Medium.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-SemiBold;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBold.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-Thin;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-Thin.ttf');
}

 @font-face {
    font-family: SairaExtraCondensed-Regular;
    src: url('../fonts/SairaExtraCondensed/SairaExtraCondensed-Regular.ttf');
}

:root {
    --headerColor: #fff;
    --topText: #000;
    --mealperiodColor: #fff;
    --menubarColor: #fff;
    --additemColor: #DB3D23;
    --mainColor: #DB3D23;
    --semiMain: #000;
    --secondColor: #E5E5E5;
    --iframeheaderColor: #DB3D23;
    --colorIframeHead: #fff;
    --bottomColor: #262626;
    --bottomHeader: #fff;
    --slideheaderColor: #DB3D23;
    --slideactivityColor: #DB3D23;
    --slidecreateColor: #DB3D23;
    --assignColor: #000;
    --headerIframe: #262626;
    --backIframe: #F2F2F2;
    --backButton: #E6E7E8;
    --backMenu: #262626;
    --backMegaMenu: #DB3D23;
    --menubarTextColor: #000;
    --menubarTextclickColor: #DB3D23;
    --buttonMain: #DB3D23;
    --buttonSecondMain: #3D8198;
    --buttonSecondary: #B3B3B3;
    --buttonSecondarySecond: #9D9D9D;
    --colorLoader: #fff;
    --checkoutTab1: #DB3D23;
    --checkoutTab2: #DB3D23;
    --fontFirst: "SairaExtraCondensed", sans-serif;
    --fontSecond:  "SairaExtraCondensed", sans-serif;
    --fontExp: "SairaCondensed", sans-serif;
}