@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');


*,
*:before,
*:after{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
:root{
	--theme-color : #DE891E;
	--theme-color-hover : #c87917;
}
.btn-theme{
	background-color:var(--theme-color);
	color:#fff;
	border-color: transparent;
}
.btn-theme:hover{
	background-color:var(--theme-color-hover);
	color:#fff;
}
.text-theme{
	color:var(--theme-color)
}
.bg-theme{
	background-color: var(--theme-color);
}
body{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings:"slnt" 0;  
}
.object-fit-cover{
	object-fit: cover;
}
#header{
	z-index: 9990;
}
.modal-backdrop{
	z-index: 9992;
}
.modal{
	z-index: 9993;
}
.fancybox__container{
	z-index: 9993!important;	
}
.topnav{
	background: #111;
	color:#fff;
	font-size: .8rem;
}
.topnav .nav-link{
	color:#fff;
}
.topnav .social-icon a{
	color:#fff;
}
.topnav .dropdown-menu{
	border:none;
	background: #fffc;
	backdrop-filter: blur(20px);
	box-shadow: 0px 10px 50px -20px #0001;
}
.mainnav{
	background: #222;
	padding:0;
}
.mainnav .nav-link,
.mainnav .nav-link.show{
	color:#fff;
}
.mainnav .nav-item .nav-link{
	padding:0 15px;
	height: 100px;
	line-height: 100px;
	color:#fffc;
	border-bottom: 4px solid transparent;
}
.mainnav .nav-link:hover{
	color:#fff;
}
.mainnav .nav-link.active{
	color:var(--theme-color);
	border-bottom: 4px solid var(--theme-color);
}
.mainnav .dropdown-menu{
	border:none;
	background: #222c;
	backdrop-filter: blur(20px);
	box-shadow: 0px 10px 50px -20px #0001;
	border-radius: 0;
}
.mainnav .dropdown-menu .dropdown-item{
	color:#fffc;
	padding:10px 20px;
}
.mainnav .dropdown-menu .dropdown-item:hover{
	color:#fff;
	background: #fff1;
}
body:has(.hero) #header{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 9999;
}
body.admin-bar:has(.hero) #header{
	top:32px;
}
body:has(.hero) #header .topnav{
	background-color: #111a;
	transition: .3s ease;
}	
body:has(.hero) #header .mainnav{
	transition: .3s ease;
	background-color: #2220;
}
body:has(.hero) #header.float .topnav{
	background-color: #111;
}
body:has(.hero) #header.float .mainnav{
	background-color: #222;
}
body .hero{
	padding-top:200px!important;
}

body .hero:before{
	content: "";
	position: absolute;
	inset: 0;
	background:#0004;
	z-index: 2;
}
body .hero .container{
	z-index: 10;
}
.card-product-square{
	text-decoration: none;
	transition: .3s ease;
}
.card-product-square .card-img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.card-product-square:hover{
	opacity: 0.9;
}
.card-product-square .card-img-overlay{
	top:auto;
	background: #000a;
	color:#fff;
	text-align: center;
	font-weight: bold;
}
.card-project{
	border-radius: 20px;
	overflow: hidden;
}
.card-project .card-img-overlay{
	border-image:fill 0 linear-gradient(#0003,#000);
	display: flex;
	align-items: flex-end;
	color:#fff;
	padding:30px;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}
.card-project:hover .card-img-overlay{
	opacity: 1;
	visibility: visible;
}
.card-project .caption{
	transition: .3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
}	
.card-project:hover .caption{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.card-project img{
	height: 500px;
}
footer{
	color:#fffa;
}
footer a,footer a.nav-link{
	color:#fffa;
}
footer a:hover,footer a.nav-link:hover{
	color:#fff;
}
.section-contact{
	position: relative
}
.section-title-center {
  text-align: center !important;
  width: 100%;
  display: block;
}

.section-contact .contact-map{
	position: absolute;
	inset:0 0 0 auto;
	width: 50%;
}
.section-contact .contact-map iframe{
	width: 100%;
	height: 100%;
}
.section-contact .contact-image{
	position: absolute;
	inset:0 auto 0 0;
	width: 50%;
}
.section-contact .contact-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-control{
	background: #eee;
	border: none;
	padding:15px;
}
.form-control:focus{
	box-shadow: none;
	background: #ddd;
}
.gallery{
	margin:0 -20px;
}
.gallery .gallery-item{
	padding:0 10px;
}
.gallery .gallery-item .gallery-icon a{
	display: block;
}
.gallery .gallery-item .gallery-icon a img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	border:none!important;
	border-radius: 20px;
}
.btn-floating-whatsapp{
	background:#58A740;
	color:#fff;
	position:fixed;
	bottom:15px;
	right:15px;
	display:inline-flex;
	align-items:center;
	padding:15px 30px;
	border-radius:100px;
	text-decoration:none;
	box-shadow:0px 4px 10px #0001;
	z-index:999;
}
@media (max-width:769px){
	.mainnav .nav-item .nav-link{
		padding:15px;
		height: auto;
		line-height: 1;
		border:none;
	}
	.mainnav .nav-link.active{
		border:none;
		background: var(--pallete1);
		color:#fff;
	}
	.navbar-brand img{
		height: 40px!important;
	}
	#header .offcanvas{
		background: #222c;
		backdrop-filter: blur(20px);
	}
	#header .offcanvas .offcanvas-header{
		padding:15px 30px;
	}
	#header .offcanvas .offcanvas-footer .info{
		font-size: .8rem;
	}
	.card-product-square .card-img-overlay{
		font-size: .8rem;
	}
	footer{
		font-size: .8rem;
	}
	footer .nav-link{
		font-size:.8rem;
	}
	.section-contact{
		padding-top:0!important;
	}
	.section-contact .contact-map,
	.section-contact .contact-image{
		position: relative;
		inset: auto;
		width: 100%;
		height: 300px;
		margin:0 0 30px;
	}
	.gallery-item{
		width: 100%!important;
	}
}