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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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