/********************************************************************* BASE ***/

@media (max-width: 768px) {
	html, body {
		width: auto !important;
		overflow-x: hidden !important;
	}
}

@media (min-width: 1920px) {
	.container {
		max-width: 1585px;
	}
}

body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	color: #13141f;
	background-color: #FFFFFF;
	font-size: clamp(1.25rem, 0.25vw + 1.2rem, 1.5rem);
	line-height: clamp(1.75rem, 0.44vw + 1.662rem, 2.19rem);
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: clamp(1rem, 0.8592rem + 0.6009vw, 1.4rem);
}

p:last-child {
	margin-bottom: 0;
}

h1 {
	font-family: "Anton", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	color: #13141f;
	font-size: clamp(2.813rem, 1.938vw + 2.425rem, 4.75rem);
	line-height: clamp(3.656rem, 2.994vw + 3.058rem, 6.65rem);
	margin: 0 0 clamp(1rem, 0.9600rem + 0.2000vw, 1.2rem) 0;
}

h2 {
	font-family: "Anton", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	color: #13141f;
	font-size: clamp(1.875rem, 1.5vw + 1.575rem, 3.375rem);
	line-height: clamp(2.25rem, 2.138vw + 1.823rem, 4.388rem);
	margin: 0 0 clamp(1rem, 0.9600rem + 0.2000vw, 1.2rem) 0;
}

h3 {
	font-family: "Anton", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	color: #473719;
	font-size: clamp(1.563rem, 0.875vw + 1.388rem, 2.438rem);
	line-height: clamp(2.188rem, 1.469vw + 1.894rem, 3.656rem);
	margin: 0 0 clamp(1rem, 0.9600rem + 0.2000vw, 1.2rem) 0;
}

.btn-primary {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	margin-top: 1rem;
	border-radius: 6px;
	--bs-btn-color: #e6dccc;
	--bs-btn-bg: #13141f;
	--bs-btn-border-color: #e6dccc;
	--bs-btn-hover-color: #13141f;
	--bs-btn-hover-bg: #e6dccc;
	--bs-btn-hover-border-color: #e6dccc;
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: #000000;
	--bs-btn-active-border-color: #000000;
	padding-left: clamp(1rem, 0.5200rem + 2.4000vw, 3.4rem);
	padding-right: clamp(1rem, 0.5200rem + 2.4000vw, 3.4rem);
	padding-top: clamp(1rem, 0.9000rem + 0.5000vw, 1.5rem);
	padding-bottom: clamp(1rem, 0.9000rem + 0.5000vw, 1.5rem);
	font-size: clamp(1.2rem, 1.0944rem + 0.4507vw, 1.5rem);
}

/******************************************************************* HEADER ***/

.header {
	background-image: none;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: clamp(5rem, 4.4500rem + 2.7500vw, 7.75rem);
	text-align: center;
}

.header .container {
	height: clamp(50rem, 46.1250rem + 19.3750vw, 69.375rem);
}

.header .logo {
	display: inline-block;
	max-width: 176px;
	margin: 58px auto auto auto;
}

.header .logo img {
	height: clamp(19rem, 18.6000rem + 2.0000vw, 21rem);
}

.header .box {
	border-radius: 10px;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-top: clamp(2rem, 1.7500rem + 1.2500vw, 3.25rem);
	padding-bottom: clamp(1.8rem, 1.6600rem + 0.7000vw, 2.5rem);
	padding-left: clamp(1rem, -0.1750rem + 5.8750vw, 6.875rem);
	padding-right: clamp(1rem, -0.1750rem + 5.8750vw, 6.875rem);
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: clamp(4rem, 2.6000rem + 7.0000vw, 11rem);
}

.header .box h1 {
	color: #fdf7ed;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.header .box h2 {
	color: #fdf7ed;
	font-weight: 400;
	font-family: "Antonio", sans-serif;
	font-size: clamp(1.75rem, 0.75vw + 1.6rem, 2.5rem);
	line-height: clamp(2.275rem, 1.475vw + 1.98rem, 3.75rem);
}

/******************************************************************* FOOTER ***/

.footer {
	background-color: #13141f;
	text-align: center;
	padding-top: clamp(3.5rem, 3.0750rem + 2.1250vw, 5.625rem);
	padding-bottom: clamp(4.5rem, 4.1500rem + 1.7500vw, 6.25rem);
}

.footer, .footer a {
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover {
	color: #e6dccc;
}

.footer .phone {
	font-size: clamp(1.6rem, 1.5600rem + 0.2000vw, 1.8rem);
	font-weight: 700;
	margin-bottom: 6px;
}

.footer .email {
	font-size: clamp(1.1rem, 1.0800rem + 0.1000vw, 1.2rem);
	font-weight: 700;
	margin-bottom: 2.1rem;
}

.footer .location {
	font-size: clamp(1.2rem, 1.1800rem + 0.1000vw, 1.3rem);
}

.footer .location span {
	display: block;
}

@media (min-width: 800px) {

	.footer .location span {
		display: inline;
		padding: 0 0.6rem;
	}

}

/****************************************************************** SPLETKO ***/

.spletko {
	padding: 30px 0;
	text-align: center;
	background-color: #FFFFFF;
}

.spletko a {
	text-decoration: none;
}

.spletko a img {
	height: 20px;
}

@media (min-width: 1500px) {

	.spletko {
		padding: 40px 0;
	}
	
	.spletko a img {
		height: 24px;
	}

}

/***************************************************************** SERVICES ***/

.services {
	margin-bottom: clamp(5rem, 4.4500rem + 2.7500vw, 7.75rem);
}

.services-reversed .row {
	flex-direction: row-reverse;
}

.services img {
	border-radius: 10px;
}

.services .row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}

.services .primary {
	padding-bottom: 30px;
}

@media (min-width: 992px) {

	.services .primary {
		padding: 0 40px 0 0;
	}

	.services-reversed .primary {
		padding: 0 0 0 40px;
	}

}

@media (min-width: 1200px) {

	.services .primary {
		padding: 0 60px 0 0;
	}

	.services-reversed .primary {
		padding: 0 0 0 60px;
	}

}

@media (min-width: 1400px) {

	.services .primary {
		padding: 0 80px 0 0;
	}

	.services-reversed .primary {
		padding: 0 0 0 80px;
	}

}

@media (min-width: 1900px) {

	.services .primary {
		padding: 0 120px 0 0;
	}

	.services-reversed .primary {
		padding: 0 0 0 120px;
	}

}

/****************************************************************** GALLERY ***/

.gallery {
	background-color: #13141f;
	color: #e6dccc;
	text-align: center;
	padding-top: clamp(5rem, 3.8996rem + 4.6948vw, 8.125rem);
	padding-bottom: clamp(6rem, 5.2958rem + 3.0047vw, 8rem);
}

.gallery h2 {
	color: #e6dccc;
	text-transform: uppercase;
}

.gallery .row {
	--bs-gutter-x: 13px;
	--bs-gutter-y: 13px;
	padding-top: clamp(4rem, 2.9437rem + 4.5070vw, 7rem);
}

.gallery .row img {
	border-radius: 10px;
}

.gallery .intro {
	max-width: 1000px;
	margin: 0 auto;
}

.gallery .more {
	margin-top: clamp(2rem, 1.4718rem + 2.2535vw, 3.5rem);
}

/****************************************************************** CONTACT ***/

.contact {
	color: #473719;
	text-align: center;
	padding-top: clamp(4rem, 2.7676rem + 5.2582vw, 7.5rem);
}

.contact h2 {
	text-transform: uppercase;
}

.contact .intro {
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: clamp(2rem, 1.1549rem + 3.6056vw, 4.4rem);
}

.contact .bottom-line {
	background-color: #979797;
	height: 1px;
	line-height: 1px;
}

.contact form {
	max-width: 1028px;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: clamp(4rem, 2.7676rem + 5.2582vw, 7.5rem);
}

.contact .btn-primary {
	--bs-btn-color: #473719;
	--bs-btn-bg: #ffffff;
	--bs-btn-border-color: #473719;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #473719;
	--bs-btn-hover-border-color: #473719;
}

.contact .form-item {
	margin-bottom: clamp(1.75rem, 1.3979rem + 1.5023vw, 2.75rem);
}

.contact .form-item input,
.contact .form-item textarea,
.contact .form-item select {
	font-size: 22px;
	padding: 1.05rem 1.8rem;
	border-radius: 10px;
	color: #333333;
}

.contact .form-item input::placeholder,
.contact .form-item textarea::placeholder {
	color: #87878d;
}

.contact .form-item textarea {
	height: 160px;
}

.contact .form-control:not(.is-invalid, .is-valid) {
	border-color: #9e9686;
}

.contact .msg-error {
	font-size: 1.4em;
	color: #dc3545;
}

.contact .msg-success {
	font-size: 1.4em;
	color: #198754;
}

/***************************************************************** PARTNERS ***/

.partners {
	padding-top: clamp(4rem, 2.7676rem + 5.2582vw, 7.5rem);
	padding-bottom: clamp(4rem, 2.9877rem + 4.3192vw, 6.875rem);
}

.partners .intro {
	color: #473719;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: clamp(2rem, 1.1549rem + 3.6056vw, 4.4rem);
}

.partners h2 {
	text-transform: uppercase;
}

.partners img {
	border-radius: 10px;
	margin-bottom: clamp(1.5rem, 1.0599rem + 1.8779vw, 2.75rem);
}

.partners .row a {
	font-weight: 700;
	color: #13141f;
}