:root{
        --text_color: #fff;
        --text_darkColor: black;
        --main_color: #202040 !important;
        --main_hover_color: #f1bc31;
        --nav_bg_color: rgb(1, 0, 142);
        
        --some_color: #2475ee;
        --background_color: #fafafa;
        --subnav_bg_color: rgb(119, 119, 205);
        --subsubnav_bg_color: rgb(229, 229, 254);
        --vertnav_bg_color: rgb(119, 119, 205);
        
        --eggShell_bgColor: #f6f6f6;

        blue: #007bff;
        indigo: #6610f2;
        purple: #6f42c1;
        pink: #e83e8c;
        red: #dc3545;
        orange: #fd7e14;
        yellow: #ffc107;
        green: #28a745;
        teal: #20c997;
        cyan: #17a2b8;
        white: #fff;
        gray: #6c757d;
        gray-dark: #343a40;
        primary: #007bff;
        secondary: #6c757d;
        success: #28a745;
        info: #17a2b8;
        warning: #ffc107;
        danger: #dc3545;
        light: #f8f9fa;
        dark: #343a40;
        /*    breakpoint-xs: 0;
            breakpoint-sm: 576px;
            breakpoint-md: 768px;
            breakpoint-lg: 992px;
            breakpoint-xl: 1200px;*/
        font-family-sans-serif: "Roboto", sans-serif;/*-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
        font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        
        
        --fontSize_navLink: 14px;
        
    
    
	@font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Thin.woff2");
        src:url("../fonts/MetropolisType-Thin.woff2") format("woff2"),url("../fonts/MetropolisType-Thin.ttf") format("truetype");
        font-weight: 100;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-ExtraLight.woff2");
        src:url("../fonts/MetropolisType-ExtraLight.woff2") format("woff2"),url("../fonts/MetropolisType-ExtraLight.ttf") format("truetype");
        font-weight: 200;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Light.woff2");
        src:url("../fonts/MetropolisType-Light.woff2") format("woff2"),url("../fonts/MetropolisType-Light.ttf") format("truetype");
        font-weight: 300;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Regular.woff2");
        src:url("../fonts/MetropolisType-Regular.woff2") format("woff2"),url("../fonts/MetropolisType-Regular.ttf") format("truetype");
        font-weight: 400;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Medium.woff2");
        src:url("../fonts/MetropolisType-Medium.woff2") format("woff2"),url("../fonts/MetropolisType-Medium.ttf") format("truetype");
        font-weight: 500;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-SemiBold.woff2");
        src:url("../fonts/MetropolisType-SemiBold.woff2") format("woff2"),url("../fonts/MetropolisType-SemiBold.ttf") format("truetype");
        font-weight: 700;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Bold.woff2");
        src:url("../fonts/MetropolisType-Bold.woff2") format("woff2"),url("../fonts/MetropolisType-Bold.ttf") format("truetype");
        font-weight: 700;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Heavy.woff2");
        src:url("../fonts/MetropolisType-Heavy.woff2") format("woff2"),url("../fonts/MetropolisType-Heavy.ttf") format("truetype");
        font-weight: 800;
    }
    @font-face{
        font-family:"MetropolisFont";
        src:url("../fonts/MetropolisType-Black.woff2");
        src:url("../fonts/MetropolisType-Black.woff2") format("woff2"),url("../fonts/MetropolisType-Black.ttf") format("truetype");
        font-weight: 900;
    }
}