@import url('fonts.css');
@import url('normalize.css');
@import url('fortusmain.css');
@import url('fortuspage.css');
@import url('title.css');
@import url('footer.css');
@import url('grid.css');
@import url('about.css');
@import url('job.css');
@import url('form.css');
@import url('btn.css');
@import url('elem.css');
@import url('topnav.css');
@import url('projects.css');
@import url('project.css');
@import url('feauteres.css');
@import url('contacts.css');

:root {
	--maincolor: #2067A2;
	--maincolor1: #0A3E69;
	--maincolor2: #FDCB85;
	--maincolor2-2: #BC8943;
	--maincolor3: #5A8BB4;
	--maincolor4: #FDCB8526;
	--maincolor5: #74A7D140;
	--maincolor6: #5398D0;
	--fontcolor1: #0A3E69;
	--fontcolor2: #fff;
	--borderradius: 10px;
	--boxshadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

body {
	font-family: 'Inter', Arial, sans-serif;
	color: var(--fontcolor1);
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Inter', Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

div {
	box-sizing: border-box;
}

@keyframes bgbtn {
	0% {
		border-color: var(--maincolor1);
		background: var(--maincolor1);

	}

	100% {
		border-color: var(--maincolor);
		background: var(--maincolor);

	}
}

@keyframes bgbtn3 {
	0% {
		border-color: var(--maincolor3);
		background: var(--maincolor3);

	}

	100% {
		border-color: var(--maincolor6);
		background: var(--maincolor6);

	}
}

@keyframes bgbtn2 {
	0% {
		border-color: transparent;
		background: none;

	}

	100% {
		border-color: var(--maincolor1);
		background: var(--maincolor1);

	}
}

@keyframes bgbtn4 {
	0% {
		border-color: transparent;
		background: none;

	}

	100% {
		border-color: #fff;
		background: #fff;

	}
}

button:focus {
	outline: none;
}

.btn.btn-link {
	margin: 0px;
	padding: 0px;
}

.modal .modal-header {
	border-bottom: none;
}

a:link:hover {
	color: var(--maincolor2);
}

body a:hover {
	text-decoration: none;
}

a:focus,
a:active {
	outline: none;
	box-shadow: none;
}

body .btn:focus,
body .btn:active {
	outline: none;
	box-shadow: none;
}

@media screen and (max-width: 767px) {}

@media (min-width: 451px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 1023px) {}

@media (min-width: 1024px) {}

@media (min-width: 1136px) {}