/*
* VARIABLES 
background: var(--color-primary);
******************************************************/
:root {
	--color-default: #ffffff;
	--color-primary: #585657;
    --color-theme-primary: #01478f;
    --color-theme-secondary:#018dcb;
	--color-layer-blue:#d2eefa;
	--color-layer-gray:#dae2ef;
	--color-tab-gray:#b8b8b8;
	--color-button-text:#7b7b7b;
	--color-button-border:#6781a6;
	--color-bg-news:#f2f2f2;
    --color-bg-gray:#dae2ed;
	--color-bg-yellow:#ffeec0;
	--color-bg-lightblue:#c9e9f9;
	--color-bg-lightgray:#f4f8fc;
    --color-bg-bluegray:#a2b4ca;
	--color-bg-heading:#bae3f7;
	--color-bg-page-heading:#53baed;
	--color-bg-panel:#28a9ea;
	--color-slider-text:#093a6b;
	--color-border-gray:#c2c5c9;
	--color-hover-bg01:#0c3366;
	--color-hover-bg02:#2078aa;
	--color-hover-rgba:rgba(19,71,143,.6);
    --color-rgba-white:rgba(255, 255, 255, .6);
	--color-rgba-gray:rgb(255, 255, 255,0.5);
	--color-rgba-blue:rgb(1, 141, 203,0.3);
}
:root {
	--border-line:1px solid var(--color-border-gray);
}
:root {
	--font-normal:500;
	--font-bold:600;
}
:root {
	--scale-base:scale(1.1, 1.1);
	--transition-base: all .3s;
	--transition-slow:0.7s ease;
}
:root {
	--max-size: 1080px;
	--content-size: 940px;
	--content-size-small: 740px;
}