@charset "utf-8";

@font-face {
	font-family: 'tt_commonsregular';
	src: url('../fonts/ttcommons-regular-webfont.eot');
	src: url('../fonts/ttcommons-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ttcommons-regular-webfont.woff2') format('woff2'),
	url('../fonts/ttcommons-regular-webfont.woff') format('woff'),
	url('../fonts/ttcommons-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'tt_commons_boldbold';
	src: url('../fonts/ttcommons-bold-webfont.eot');
	src: url('../fonts/ttcommons-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ttcommons-bold-webfont.woff2') format('woff2'),
	url('../fonts/ttcommons-bold-webfont.woff') format('woff'),
	url('../fonts/ttcommons-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--module-title: #364851;
	--Grey-base: #050505;
	--Grey-darkest: #2A3035;
	--Grey-ligth: #788086;
	--Grey-lightest: #B1B6BA;
	--light-grey: #9EA0A4;
	--input-form-border: #9EA0A4;
	--footer-bg: #E0E2E4;
	--footer-color: #788086;
	--animated-button-bg-color: #487be4;
	--primary-link-color: #2A3035;
	--primary-link-color-hover: #3464c7;
	--principal-buttons-BackgroundColor: #000ce4;
	--principal-buttons-BackgroundColor-hover: #0215bc;
	--header-BackgroundColor: #1a2030;

	--principal-color: #487be4;


}