/*------------------------------------*\
	COMMONS CLASSES
\*------------------------------------*/
html {
	scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto Slab", serif;
	margin-bottom: 1.1em;
}

.features,
.blog,
.gallery,
.clients,
.prefooter .container-fluid {
	padding-top: 3.3em;
	padding-bottom: 4.2em;
}

span.typcn::before,
i.typcn::before {
	font-size: 2em;
}

span.x2:before,
i.x2:before {
	font-size: 3.4em;
}

span.x3:before,
i.x3:before {
	font-size: 4.4em;
}

span.x4:before,
i.x4:before {
	font-size: 6em;
}

/*------------------------------------*\
	HEADER
\*------------------------------------*/

header .container-fluid {
	background-image: url("images/header_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	padding-top: 36px;
	opacity: 0.9;
}

.hamburger {
	font-size: 2.3em;
	color: white;
}

.hamburger:hover {
	color: #fff;
	cursor: pointer;
}

.logo {
	background: none;
	border: 0px;
}

.jumbotron {
	background: none;
	text-align: start;
}

.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6,
.jumbotron small {
	color: #ffffff;
}

.jumbotron p {
	color: #ffffff;
	margin-bottom: 5%;
}

/*------------------------------------*\
	SECTIONS
\*------------------------------------*/

.number .container-fluid {
	background-image: url("images/about_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.opaline {
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: rgba(28, 46, 79, 0.66);
}

.opaline h1,
.opaline h2,
.opaline h3,
.opaline h4,
.opaline h5,
.opaline h6,
.opaline p {
	color: #ffffff;
}

.opaline .boxes {
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 5px;
	border: 1px solid #fff;
}

.boxes .odometer.odometer-theme-default {
	font-family: "Roboto Slab", serif;
}

.story .container-fluid {
	background-image: url("images/philosophy.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 0.8;
}

.gallery {
	background-color: #f5f5f5;
}

.prefooter .container-fluid {
	background: linear-gradient(rgb(255, 255, 255), rgba(237, 237, 237, 0.856)),
		url(images/quality_bg.jpg);
}

.prefooter h1,
.prefooter h2,
.prefooter h3,
.prefooter h4,
.prefooter h5,
.prefooter h6,
.prefooter p {
	color: #ffffff;
}

#contact h3 {
	color: black !important;
}

#contact a {
	color: black;
	text-decoration: underline;
}
.contacts_table {
	color: black;
	width: 100%;
	font-weight: 600;

	tr,
	td {
		text-align: start;
		vertical-align: top;
		padding: 5px 10px;
	}
}

#news p,
#history p,
#about p {
	text-align: justify;
}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/

footer {
	background-color: rgb(243, 237, 237);
	padding-top: 2em;
	padding-bottom: 1.2em;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p {
	color: #ffffff;
}

.social {
	padding-top: 50px;
}

.item p {
	padding: 0px 5px;
}

.brands {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.footer {
	display: flex;
	justify-content: center;
}

.img_gallery {
	margin-left: 0 !important;
	margin-right: 0 !important;
}