/* COLORI 

ROSA
#ebe1d8

NERO
#000

BIANCO
#fff

*/
body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'DM Serif Text', serif;
}
p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
p > b {
	font-weight: 900;
}
.container-fluid {
	max-width: 2200px;
	position: relative;
}
a {
	color: #000;
}
a:hover {
	color: #ebe1d8;
}
.navbar {
	z-index: 9999;
}
.navbar.navbar-dark {
    background-color: rgba(0,0,0,1) !important;
}
.navbar.navbar-full-black {
	background-color: #000 !important;
}
/*
.navbar-collapse {
	background: rgba(0,0,0,0.7);
    position: absolute;
    top: 118px;
    left: 0;
    padding: 2em;
    width: 100%;
}
*/
.navbar-nav .nav-item > a {
    //text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 1em;
    color: white !important;
}
.navbar-nav .nav-item.active > a {
    //color: #ebe1d8 !important;
    font-weight: 900;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(235, 225, 216, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-toggler {
    color: rgba(220, 188, 121, 1);
	border-color:transparent;
}
.navbar-toggler-icon {
    width: 2.5em;
    height: 2.5em;
}

.lang .nav-item {
    float: left;
}

.divider {
	width: 1px;
	display: inline-block;
	background: white;
	height: 20px;
	margin-top: 9px;
	margin-left: 20px;
	margin-right: 20px;
    float: left;
}
.separator {
	display: inline-block;
	height: 1px;
	background: white;
	width: 5px;
	margin-top: 20px;
    float: left;
}
.lang {
/*	display: none;*/
}
.img-full {
	width: 100%;
	height: auto;
}
figure {
    margin: 0 !important;
}

.h1, h1 {
    font-size: 2.5em;
}
h2 {
	font-size: 3em;
}
p{
	font-size: 1.7em;
	line-height: 1.2em;
	margin-top: 1em;
	font-weight: 500;
}
.hero-over {
	position: absolute;
	top: 40%;
	width: 40%;
	left: 30%;
	color: white;
	font-size: 1.5em;
	text-align: center;
}
.white {
	color: #fff;
}
.content {
	margin-top: 3rem;
}
.content h2 {
	font-size: 4em;
}
.content p {
	font-size: 2em;
}
.content a.more-link {
	font-size: 2em;
	font-style: italic;
	text-decoration: underline;
	font-weight: 900;
}
.content.azienda {
	margin-top: 0;
}
h2.azienda-hero {
	font-size: 4.3em;
	padding: 2em;
}

.padded-1 {
	padding: 3em 0;
}
.black-band {
	background-color: black;
	position: absolute;
	width: 75%;
	right: 0;
	bottom: 21%;
	height: 40%;
	z-index: -1;
}
.pt-10 {
	padding-top: 10em;
}

.pt-15 {
	padding-top: 15em;
}
.mt-n10{
	margin-top: -10rem;
}
.mt-7{
	margin-top: 5rem !important;
}
.hero2 {
	margin-top: 10em;
	margin-bottom: 5em;
}
.black-bg-mobile p{
		font-size: 1.8em;
		line-height: 1.4em;
	}
.gallery {
	margin-top: 3em;
}
.gallery .col {
	padding-right: 1px;
	padding-left: 1px;
}
.black-box {
	background: black;
	margin-top: 3px;
	color: white;
	padding: 6rem;
}
.black-box p {
	font-style: italic;
}
.black-box p > span {
	margin-top: 1em;
	font-size: 0.8em;
	display: inline-block;
}
.pink-bg {
	background: #ebe1d8;
}
.black-bg {
	background: #000;
}
.clienti {
	font-family: 'DM Serif Text', serif;
	color: #6c6c6c;
	text-align: center;
	padding: 0;
	margin: 2em 0;
}
.team-p {
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
	float: left;
}
.contatti-mob h2, .contatti-mob p{
	margin-left: 2rem;
}
.form-number {
	margin-bottom: 10px;
	margin-top: 1em;
}
.form-number h2{
	font-family: 'Roboto', sans-serif;
	text-decoration: underline;
	font-style: italic;
	font-weight: 900;
	margin-bottom: 0.7em;
}
.form-number p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.form-number a:hover {
    color: #212529;
}
.form {
	padding: 2em 5em;

}
.footer {
	margin-top: 5em;
}
.footer form{
	margin-top: 1rem;
}
.footer input {
	width: 100%;
	height: 40px;
	border: none;
	margin-bottom: 1em;
	padding: 0 1em;
}
.footer textarea {
	width: 100%;
	height: 100px;
	margin-bottom: 1em;
	margin-top: 5px;
	width: 96.6%;
	padding: 1em;
	border:none;
}
.footer input {
	width: 48%;
	margin: 5px 0.2%;
}
.footer input[type="submit"] {
	width: 30%;
	color: white;
	background: #000;
	height: 50px;
	font-size: 1.4em;
	font-weight: 900;
}
p.privacy-box {
	text-align: left;
	font-size: 1.2em;
}
p.privacy-box > input{
	width: 15px;
    margin: 0;
    height: 15px;
    margin-left: 2%;
}
p.privacy-box a {
	color: #212529!important;
	text-decoration: underline;
}
p.privacy-box a:hover {
	color: #212529!important;
	text-decoration: none;
}
.p-area {
   margin-top: 8em;
   padding: 5em;
}
.p-area h2{
	font-size: 2.8em;
}
.p-area a{
	font-weight: 900;
	text-decoration: underline;
	font-style: italic;
	margin-bottom: 2em;
	font-size: 1.6em;
}
.p-area a:hover{
    color: #212529;
}
.colophon p {
	color: white;
	font-size: 1em;
	margin: 0;
	padding: 1.5em 0;
}

.googlemap_wrap  {
    position: relative;
    padding-bottom: 35%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.googlemap_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.animated {
  opacity: 1;
  transform: translateY(15em);
  transition: transform 4s 0s cubic-bezier(0,1,.3,1),
              opacity .3s 0s ease-out;
  will-change: transform, opacity;
}
.animated2 {
  opacity: 1;
  transform: translateY(-15em);
  transition: transform 4s 0s cubic-bezier(0,1,.3,1),
              opacity .3s 0s ease-out;
  will-change: transform, opacity;
}

.animated.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}
.animated2.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}

@media all and (max-width: 1800px){
   body {
   	font-size: 12px;
   }
      h2.azienda-hero {
		font-size: 4.3em;
		padding: 2em;
	}
	 li.nav-item{
   		font-size: 16px;
   }
}
@media all and (max-width: 1400px){
   body {
   	font-size: 10px;
   }
   li.nav-item{
   	font-size: 16px;
   }
   .mt-n10 {
	margin-top: -5rem;
	}
}
@media all and (min-width: 768px) and (max-width: 1199px){
	.separator {
		display: none;
	}
	.divider {
		width: 100%;
		height: 1px;
		margin: 10px 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px){
	h2.azienda-hero {
	    font-size: 3em;
	    padding: 1em;
	}

}

@media all and (max-width: 767px){

	.margin-mobile {margin-top:30px;}
    
    .lang .nav-item {
    padding-right: 15px;
}
    
    .logo-mobile {
    position: absolute;
    width: 50%;
    margin-left: 33%;
    top: 0;
    }

	li.nav-item{
	   	font-size: 22px;
	   }
	.navbar-brand > img {
	/* height: 43%; */
	width: 150px;
	/* margin: 0 auto; */
	display: block;
	margin-left: 0;
	margin-top: 5px;
	}
	.navbar-toggler-icon {
		width: 2em;
		height: 2em;
	}
	.separator {
		display: none;
	}
	.divider {
		width: 100%;
		height: 1px;
		margin: 10px 0;
	}
	.hero-over {
		position: absolute;
		top: 20%;
		width: 80%;
		left: 10%;
		color: white;
		font-size: 1.5em;
		text-align: center;
	}
	.black-bg-mobile{
		background: black;
		padding: 3em 1.5em;
	}
	.padded-1 {
		padding: 0.5em;
	}
	.content {
		margin-top: 1rem;
	}
    .pt-15 {
		padding-top: 5em;
		padding-left: 2em;
		padding-right: 2em;
	}
	.pt-10 {
		padding-top: 5em;
		padding-left: 2em;
		padding-right: 2em;
	}
	.hero2 {
		margin-top: 5em;
		margin-bottom: 5em;
	}
	.black-box {
		background: black;
		margin-top: 3px;
		color: white;
		padding: 3rem 1.5rem;
	}
	.form {
	    padding: 2em 1em;
	}
	.footer input {
	    width: 100%;
	    margin: 5px 0;
	    font-size: 1.2em;
	}
	.footer textarea {
		width: 100%;
		height: 100px;
		margin-bottom: 1em;
		margin-top: 5px;
		padding: 1em;
		border: none;
		font-size: 1.2em;
	}
	p.privacy-box {
		text-align: left;
		font-size: 1.2em;
	}
	.footer input[name="submit"] {
		width: 50%;
	}
	.footer input[type="submit"] {

	 width: 100%;

	}
	.carousel {
	    margin-bottom: 5em;
	}
	.carousel-indicators {
	    bottom: -50px;
	}
	.carousel-indicators li{
	    background-color: #ccc;
	}
	.carousel-indicators li.active{
	    background-color: #000;
	}
	h2.azienda-hero {
	    font-size: 3.5em;
	    padding: 1em 1rem;
	}
	.mt-n10 {
		margin-top: 0;
	}
	.content.azienda p {
	    font-size: 2em;
	    margin: 0 1rem;
	}
	.mt-7 {
	    //margin-top: 0 !important;
	}
	.mt-mob0 {
		margin-top: 0 !important;
	}
	.mt-mob3 {
		margin-top: 1rem !important;
	}
	.mb-mob5 {
		margin-bottom: 3rem !important;
	}
	.mb-mob7 {
		margin-bottom: 5rem !important;
	}
	.black-box {
		background: black;
		margin-top: 0;
		color: white;
		padding: 2rem 2.5rem;
	}
	.black-box p {
		margin: 1rem 0;
	}
	.gallery .col {
	    padding-right: 2rem;
	    padding-left: 2rem;
	    margin-top: 1rem;
	}
	.content.mission h2 {
		margin-top: 2rem;
	}
	
	.content.mission p{ 
		font-size: 2em;
		margin: 0 1rem;
	}

	p.no-pad-mob{
		font-size: 2em;
		margin: 0 !important;
	}
	.lat-pad-mobile {
		padding: 0 1rem;
	}
	.contatti-mob h2{
		margin: 1rem;
		margin-top: 2rem;

	}
	.contatti-mob p{
		margin: 1rem !important;
	}
	.googlemap_wrap  {
	    padding-bottom: 75%;
	}
}

    
.brand-mobile {
    position: absolute;
    /* top: -8px; */
    width: 50%;
    left: 30%;
    max-width: 200px;
}
    

.footer .black-bg a{
	color:#ebe1d8!important;
}

.grecaptcha-badge{display: none!important;}