@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');



html {

	background-color: var(--bs-dark);

	scroll-padding-top: 6rem;

}



body {

	color: var(--bs-dark);

	font-family: 'Roboto';

}



.navbar-light {

	background: rgba(255, 255, 255, .95);

}



.nav-link {

	--bs-nav-link-padding-y: .75rem;

	text-transform: uppercase;

}



.dropdown-item {

	--bs-dropdown-item-padding-y: .5rem;

}



.navbar-brand {

	--bs-navbar-brand-padding-y: .25rem;

}



.navbar-toggler {

	--bs-navbar-toggler-padding-y: 0;

	--bs-navbar-toggler-padding-x: 0;

	--bs-navbar-toggler-font-size: 1.5rem;

	--bs-border-width: 0;

}



.logo {

	height: 3rem;

}



.page-header {

	background: rgba(0, 0, 0, .6);

	color: var(--bs-white);

	display: inline-block;

	padding: .5rem 1.5rem;

}



.bg-hero {

	background-color: rgba(0, 0, 0, .6);

	background-size: cover;

	background-position: center;

}



.bg-fixed {

	background-position: bottom;

}



#hero-home {

	background-image: url("../img/civil-engineering-01.jpg");

	background-position: center top;

	padding-top: 19rem;

	text-align: center;

}



#hero-team {

	background-image: url("../img/team.jpg");

	background-position: center 33%;

}



#hero-customers {

	background-image: url("../img/customers.jpg");

}



#hero-ce {

	background-image: url("../img/civil-engineering.jpg");

	background-position: center 55%;

}



#hero-es {

	background-image: url("../img/electrification-system.jpg");

}



#hero-ep {

	background-image: url("../img/electrical-plants.jpg");

	background-position: center 25%;

}



#hero-sw {

	background-image: url("../img/software.jpg");

}



#hero-work-with-us {

	background-image: url("../img/work-with-us.jpg");

	background-position: center 40%;

}



#hero-contacts {

	background-image: url("../img/contacts.png");

	background-position: center 75%;

}



main > section:first-child {

	padding-top: 7.5rem;

}



h1, .h1,

h2, .h2,

h3, .h3,

h4, .h4,

h5, .h5,

h6, .h6 {

	font-family: 'Orbitron';

	margin-bottom: 1rem;

}



.lead {

	text-wrap: balance;

}



.card {

	--bs-card-title-spacer-y: 1.5rem;

	--bs-card-spacer-x: 1.5rem;

	--bs-card-spacer-y: 1.5rem;

	--bs-card-border-radius: 0;

	--bs-card-inner-border-radius: 0;

}



.card-customer {

	align-items: center;

	height: 100%;

	justify-content: center;

	padding: 1rem;

}



.card-customer img {

	max-width: 15rem;

	max-height: 5rem;

}



.card-works {

	border-color: var(--bs-primary);

	border-style: var(--bs-border-style);

	border-width: .25rem 0 0;

}



.card-title,

.modal-title {

	font-family: 'Roboto';

	text-transform: uppercase;

	text-wrap: balance;

}



.card-text {

	color: var(--bs-gray);

}



.list-flex {

	list-style: none;

	padding-left: 0;

}



.list-flex li {

	align-items: center;

	display: flex;

	flex-direction: row;

	margin-bottom: .75rem;

}



.list-flex li i {

	color: var(--bs-gray);

	margin-right: .75rem;

}



.nav-pills-ce {

    --bs-nav-link-color: var(--bs-danger);

    --bs-nav-link-hover-color: var(--bs-danger);

    --bs-nav-pills-link-active-bg: var(--bs-danger);

}



.nav-pills-es {

    --bs-nav-link-color: var(--bs-body-color);

    --bs-nav-link-hover-color: var(--bs-body-color);

	--bs-nav-pills-link-active-color: var(--bs-body-color);

    --bs-nav-pills-link-active-bg: var(--bs-warning);

}



.nav-pills-ep {

    --bs-nav-link-color: var(--bs-success);

    --bs-nav-link-hover-color: var(--bs-success);

    --bs-nav-pills-link-active-bg: var(--bs-success);

}



.badge {

	--bs-badge-color: var(--bs-dark);

	--bs-badge-padding-x: .75rem;

	--bs-badge-font-size: .875rem;

}



.card[class*="card-project-ce"] .badge {

	background-color: rgba(var(--bs-danger-rgb), .1);

	border: 1px solid var(--bs-danger);

}



.card[class*="card-project-es"] .badge {

	background-color: rgba(var(--bs-warning-rgb), .1);

	border: 1px solid var(--bs-warning);

}



.card[class*="card-project-ep"] .badge {

	background-color: rgba(var(--bs-success-rgb), .1);

	border: 1px solid var(--bs-success);

}



.project-list li {

	margin-bottom: .5rem;

}



@media (min-width: 768px) {

	.logo {

		height: 4.5rem;

	}



	.bg-fixed {

		background-attachment: fixed;

	}



	main > section:first-child {

		padding-top: 9rem;

	}

}



@media (min-width: 992px) {

	.navbar {

		--bs-nav-link-font-size: 1.125rem;

	}



	.nav-link {

		--bs-navbar-nav-link-padding-x: 1.5rem;

	}

}