:root {
  --primary-color: #8b9caa;
  --primary-color-light: #f5f5f5;
--secondary-color: #20394f;
  --primary-font: "Tenor Sans", sans-serif;
}
.bg-primary {
  background-color: var(--secondary-color) !important;
}
.bg-light {
  background-color: var(--primary-color-light) !important;
}

.content-wrapper{
	
}
.content-wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: 0;
}
.mainCont {
	flex: 1;
}
.navbar {
   /* background: var(--primary-color);*/
	height: 125px;
}

body:not(.page__home) .navbar {
    background: var(--primary-color);
}

.navbar>.container-fluid{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

header.header {
  /*height: 100vh;*/
	height: auto;
	min-height: inherit;
	padding-top: 130px;
 /* display: flex;
  justify-content: center;*/
  align-items: center;
}
.banner-header {
    height: 25vh;
}
.box-home {
  width: 100%;
  display: flex;
  justify-content: center;
}
a.image-home {
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  /* max-width: 1200px; */
  height: 700px;
}

.services .item{
	margin-bottom: 0;
	padding-top: 0;
}
.services .item h6{
	font-size: 1.2rem; color: #314251;
}
.services .item .line:after {
    background-color: #8b9caa;
}
.services .item:hover .numb {
    color: transparent;
    -webkit-text-stroke: 1px rgb(139 156 170);
}
.item ul{
	margin-top: 15px;
	padding-left: 1rem;
}
.item ul> li{
	position: relative;
	padding-left: 30px;
}
.item ul> li:before{
	content: '►';
	display: block;
	font-size: 15px;
	color: #8b9caa;
	position: absolute;
	left: 0;
	top: 0;
}


section.cta{
    background: var(--primary-color);
	padding-top: 60px;
	padding-bottom: 60px;
}
section.cta *{
	color: #fff;
}
section.cta .btn.btn-primary{
	width: 100%;
	background-color: #fff;
	border-color: #fff;
	color: #002853;
	font-size: 22px;
	font-weight: 700;
	border-radius: 0;
	padding: 15px;
}

.part-1 {
  display: block;
  width: 100%;
  text-align: left;
}
.part-2 {
  display: block;
  width: 100%;
  text-align: right;
}
.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centra l'intero blocco di testo */
  width: 65%; /* Larghezza completa del container */
  text-align: center; /* Centra orizzontalmente */
}
.text-overlay h1 {
  font-family: var(--primary-font);
  font-size: 130px;
  text-transform: uppercase;
}
.content {
  font-family: var(--primary-font);
  color: #3a4c5b;
  font-size: 17px;
}
.section-title {
  font-family: var(--primary-font);
  letter-spacing: 5px;
}
.logo-img {
  padding: 20px 0;
  width: 325px;
  text-align: center;
}
.nav-scroll {
  background: var(--primary-color);
}
.nav-scroll .logo-img {
  width: 330px;
}
.bauen-blog .item img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 280px;
  object-fit: cover;
}
.section-title span {
  color: var(--primary-color);
}
.container.container-w {
  max-width: 75% !important;
}
b {
  color: var(--primary-color);
}
input[type="submit"] {
  background: var(--primary-color);
}
.nav-scroll .navbar-nav .nav-link {
  color: var(--primary-color-light);
}
.navbar .navbar-nav .active .nav-link,
.navbar .navbar-nav .nav-link:hover {
  color: #000;
}
.navbar.nav-scroll{
	height: 100px;
}
.navbar.nav-scroll .navbar-nav .nav-link{
	padding-top: 0;
	padding-bottom: 0;
}
.navbar.nav-scroll>.container-fluid{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.butn-dark a {
  background: var(--primary-color);
}
.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .navbar .navbar-nav .nav-link {
    letter-spacing: 1px;
  }
  .text-overlay {
    width: 85%;
  }
  .section-title {
    font-family: var(--primary-font);
    letter-spacing: 1px;
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .nav-scroll .logo-wrapper {
    padding: 0 15px;
    background-color: transparent;
  }
  .h800 {
    height: 500px;
  }
  .text-overlay {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .text-overlay h1 {
    font-family: var(--primary-font);
    font-size: 80px;
    text-transform: uppercase;
  }
  .section-title {
    font-family: var(--primary-font);
    letter-spacing: 1px;
    font-size: 25px;
  }
}
.projects .item .con{
	background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .25) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .25) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .25) 90%);
}
.projects .item:hover .con{
	background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 991px) {
    .logo-wrapper {
        float: left;
        padding: 0px 0 0px 0px;
    }
	.nav-scroll .logo-img,
	.logo-img {
		width: 250px;
	}
	.text-overlay h1 {
		padding: 30px;
    	font-size: 60px;
	}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}