/* === UTILITIES === */
@font-face {
    font-display: swap;
    font-family: wf_5bc499ffb39a4e7f96f8acfcf;
    src: url("../fonts/2c3634_5bc499ffb39a4e7f96f8acfcf32bd3e2/woff2/file.woff2") format("woff2"),
    url("../fonts/2c3634_5bc499ffb39a4e7f96f8acfcf32bd3e2/woff/file.woff") format("woff"),
    url("../fonts/2c3634_5bc499ffb39a4e7f96f8acfcf32bd3e2/ttf/file.ttf") format("ttf");
}
@font-face {
    font-display: swap;
    font-family: wf_a0b37d6ea5c141f4bc22f1c42;
    src: url("../fonts/2c3634_a0b37d6ea5c141f4bc22f1c420048d47/woff2/file.woff2") format("woff2"),
    url("../fonts/2c3634_a0b37d6ea5c141f4bc22f1c420048d47/woff/file.woff") format("woff"),
    url("../fonts/2c3634_a0b37d6ea5c141f4bc22f1c420048d47/ttf/file.ttf") format("ttf");
}
@font-face {
    font-display: swap;
    font-family: wf_888408cc7e2c4d38abcf02307;
    src: url("../fonts/8aaa1f_888408cc7e2c4d38abcf02307159b9b3/woff2/file.woff2") format("woff2"),
    url("../fonts/8aaa1f_888408cc7e2c4d38abcf02307159b9b3/woff/file.woff") format("woff"),
    url("../fonts/8aaa1f_888408cc7e2c4d38abcf02307159b9b3/ttf/file.ttf") format("ttf");
}

:root {
	--yellow: #F39300;
	--darkYellow: #c77700;
	--darkGray: #3D3D3F;
	--darkishGray: #454545;
	--gray: #8F8F91;
	--otherGray: #9f9f9f;
	--lightGray: #E6E6E6;
	--lighterGray: #f2f2f2;
	--white: #FFFFFF;
	--black: #000000;
}

.img-bg, .link-overflow {
    position: absolute;
    top: 0;
	bottom: 0;
    left: 0;
    right: 0;
    transition: all .6s;
}

.link-overflow {
	z-index: 10;
}

.img-bg {
	-o-object-fit: cover;
    object-fit: cover;
	height: 100%;
    max-width: 100%;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    z-index: 1;
}
img:not(.img-bg):not(.logo):not(.lb-image) {
	max-width: 100%;
}

.btn {
	border: 2px solid;
	padding: 15px 20px;
	font-family: wf_5bc499ffb39a4e7f96f8acfcf, sans-serif;
	font-size: clamp(17px, 3vw, 20px);
	font-weight: 400;
	border-radius: 0px;

	border-color: var(--white);
	background: rgba(255, 255, 255, 0.12);
	color: var(--white);
}
.btn:hover{
	border-color: var(--yellow);
	background: var(--white);
	color: var(--yellow);
}

h1, h2, h3, h4, h5, p, li {
	color:#606060;
}
h1, h3, .h1, .h3 {
	font-family: wf_888408cc7e2c4d38abcf02307, sans-serif;
	font-weight: 800;
}
h2, h4, h5, p, li, .h2, .h4, .h5, .p {
	font-family:wf_5bc499ffb39a4e7f96f8acfcf, sans-serif;
	font-weight: 400;
}
strong, .strong {
	font-family:wf_a0b37d6ea5c141f4bc22f1c42, sans-serif;
	font-weight: 700;
}
a {
	color:var(--yellow);
	text-decoration:none;
}
a:hover {
	color:var(--darkYellow);
}
h1, .h1 {
	font-size: clamp(35px, 5vw, 80px);
}
h2, .h2 {
	font-size: clamp(25px, 5vw, 45px);
}
h3, .h3 {
	font-size: clamp(23px, 3vw, 30px);
}
p, li, .p {
	font-size: clamp(14px, 2vw, 16px);
	line-height: 1.8em;
}
p.bigger, .p.bigger {
	font-size: clamp(18px, 3vw, 22px);
}


/* == BODY GENERAL == */
body .wrapper section {
	padding: 100px 0;
}
body .wrapper section .container, body .wrapper section .container-fluid {
	position: relative;
	z-index:20;
}
body .wrapper section.lightergray {
	background: var(--lighterGray);
}
body .wrapper section.lightgray {
	background: var(--lightGray);
}
body .wrapper section.white {
	background: var(--white);
}
body .wrapper section.black {
	background: var(--black);
}
body .wrapper section.darkgray {
	background: var(--darkGray);
}
body .wrapper section.black h1,
body .wrapper section.black h2,
body .wrapper section.black h3,
body .wrapper section.black h4,
body .wrapper section.black h5,
body .wrapper section.black p,
body .wrapper section.darkgray h1,
body .wrapper section.darkgray h2,
body .wrapper section.darkgray h3,
body .wrapper section.darkgray h4,
body .wrapper section.darkgray h5,
body .wrapper section.darkgray p {
	color:var(--white);
}
body .wrapper section.black .btn, body .wrapper section.darkgray .btn {
	border-color: var(--white);
	background: rgba(255, 255, 255, 0.12);
	color: var(--white);
}
body .wrapper section.black .btn:hover, .body .wrapper section.darkgray .btn:hover {
	border-color: var(--yellow);
	background: var(--white);
	color: var(--yellow);
}
body .wrapper section.white .btn {
	border-color: var(--black);
	background: var(--white);
	color: var(--black);
}
body .wrapper section.white .btn:hover {
	border-color: var(--yellow);
	background: var(--black);
	color: var(--yellow);
}

@media (max-width: 992px) {
	body .wrapper section {
		padding: 50px 0;
	}
}


/* == NAVBAR == */
body header nav.navbar {
    background: var(--darkGray);
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--yellow);
}
body header nav.navbar .navbar-collapse .phone {
    font-size:30px;
    font-weight:800;
    color: var(--gray);
    font-family: wf_888408cc7e2c4d38abcf02307, sans-serif;
    margin-bottom:10px;
}
body header nav.navbar .navbar-collapse .phone a {
    color: var(--yellow);
    text-decoration:none;
}
body header nav.navbar .navbar-collapse .phone a:hover {
    color: var(--darkYellow);
}
body header nav.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size:16px;
    font-weight:400;
    color: var(--lightGray);
    font-family: wf_5bc499ffb39a4e7f96f8acfcf , sans-serif;
}
body header nav.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover, body header nav.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: var(--yellow);
}
body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
    background:var(--darkishGray);
}
body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li a {
    font-size:16px;
    font-weight:400;
    color: var(--lightGray);
    font-family: wf_5bc499ffb39a4e7f96f8acfcf , sans-serif;
    padding:10px;
}
body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li a:hover, body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li a.active {
    color: var(--yellow);
    background:transparent;
}
body header nav.navbar .navbar-toggler {
	border-color: var(--yellow);
}
body header nav.navbar .navbar-toggler:focus {
	box-shadow:unset;
}
body header nav.navbar .navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3Cpath%20stroke='rgba%28243,%20147,%200,%201%29'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2'%20d='M4%207h22M4%2015h22M4%2023h22'/%3E%3C/svg%3E");
	width: 2em;
	height: 2em;
}

@media (min-width: 992px) {
	body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown {
		position:relative;
	}
	body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:after {
		display:none;
	}
	body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
		opacity:0;
		display:block;
		position:absolute;
		top:100%;
		left:0;
		border-radius:0;
		border:0;
		padding:0;
		transition: opacity 0.3s ease;
	}
	body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		margin-top:0px !important;
	}
	body header nav.navbar .navbar-collapse .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
		opacity:1;
	}
}
@media (max-width: 992px) {
	body header nav.navbar .navbar-collapse .phone {
		display:none;
	}
}


/* == FOOTER == */
footer {
	border-top: 3px solid var(--yellow);
}
footer .footer-top-bar {
	padding: 50px 0;
	background: var(--lighterGray);
}
footer .footer-top-bar p {
	font-size: 14px;
	margin-bottom: 0px;
}
footer .footer-top-bar .facebook {
	background: #DADADA;
	border-radius: 20px;
	aspect-ratio:1;
	width: 65px;
	display:flex;
	align-items:center;
	justify-content:center;
}

footer .footer-bottom-bar {
	padding: 20px 0;
	background: var(--white);
}
footer .footer-bottom-bar p {
	font-size: 12px;
	margin-bottom: 0px;
}

/* == HOME == */
body .wrapper section.banner-hero:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
}
body .wrapper section.banner-hero.gray:after {
	background: rgba(159, 159, 159, 0.5);
}
body .wrapper section.banner-hero.black:after {
	background: rgba(0, 0, 0, 0.35);
}
body .wrapper section.banner-hero h1 {
	font-family:wf_888408cc7e2c4d38abcf02307, sans-serif;
	color: var(--white);
	margin-bottom:20px;
}
body .wrapper section.banner-hero p {
	font-family:wf_5bc499ffb39a4e7f96f8acfcf , sans-serif;
	color: var(--white);
}

body .wrapper section.map{
	padding: 0 !important;
	border-top: 2px solid var(--yellow);
}

@media (max-width: 992px) {
	footer .footer-top-bar {
		padding: 30px 0;
	}
}

/* == PAGES == */
body .wrapper section.banner {
	height:450px;
}

body .wrapper section.projects-gallery {
	padding: 0px !important;
}

body .wrapper section.projects-gallery .slider-gallery-container {
	position: relative;
}
body .wrapper section.projects-gallery .slider-gallery-container:hover .arrows {
	opacity: 1;
}
body .wrapper section.projects-gallery .slider-gallery-container .arrows {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
body .wrapper section.projects-gallery .slider-gallery-container .arrows .nav-arrow {
	pointer-events: auto;
	opacity: 0.5;
	background: transparent;
	border: none;
	padding: 0;
	transition: opacity 0.3s ease;
}
body .wrapper section.projects-gallery .slider-gallery-container .arrows .nav-arrow:hover {
	opacity: 1;
}
body .wrapper section.projects-gallery .slider-gallery-container .arrows .nav-arrow i {
	color: var(--white);
	text-shadow: 0px 0px 6px #000000;
	font-size: 50px;
}
body .wrapper section.projects-gallery .slider-gallery-container .slider-gallery {
}
body .wrapper section.projects-gallery .slider-gallery-container .slider-gallery .slide {
	margin: 15px 7.5px 15px 7.5px;
}
body .wrapper section.projects-gallery .slider-gallery-container .slider-gallery .slide .image {
	width: 100%;
	aspect-ratio:4/3;
	overflow: hidden;
}
body .wrapper section.projects-gallery .slider-gallery-container .slider-gallery .slide .image img {
	transition: transform 0.3s ease;
}
body .wrapper section.projects-gallery .slider-gallery-container .slider-gallery .slide .image:hover img {
	transform: scale(1.05);
}

@media (max-width: 992px) {
	body .wrapper section.projects-gallery .slider-gallery-container .arrows {
		opacity: 1;
	}
}

body .wrapper #ok-msg {
	display: none;
}

body .wrapper .contact-facebook {
	background: #DADADA;
	border-radius: 20px;
	aspect-ratio:1;
	width: 65px;
	display:flex;
	align-items:center;
	justify-content:center;
}

body .wrapper form label {
	display: block;
	font-family: wf_5bc499ffb39a4e7f96f8acfcf, sans-serif;
	color:#606060;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 10px;
}

body .wrapper form input:not([type="hidden"]), body .wrapper form textarea {
	width: 100%;
	background-color: #f8f8f8;
	border-color: #cccccc;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 3px 10px;
}