.body__aboutus{
    height:auto;
}
.contatti__link{
    font-size:15px;
}
.margin-top-auto{
    margin-top:10%;
}
.contact__image__palline{
    width:50%;
    height:50%;
    margin:auto;
}
.image__linea{
    width:100%;
}
.collapse {
  color: black;
  cursor: pointer;
  padding: 5px;
  width:auto;
  border: 2px solid black;
  border-radius:20px;
  text-align: left;
  outline: none;
  font-size: 10px;
}
.button_preventivo{
    width:200px;
    text-align: center;
    background-color:white;
}

.content--collapse {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  color:black;
  background-color: transparent;
  margin-top:20px;
}


.homepage__section__container {
	 height: 100%;
}
.newsletter__section{
    position: absolute;
    left: 30%;
    top:20%;
}
.homepage__section__wrap {
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 min-height: 100vh;
}
.homepage__section__info {
	 z-index: 1;
	 position: relative;
}
.homepage__section__media{
    display:block;
    position:absolute;
    bottom:47%;
    right:10%;
    width:auto;
    height:auto;
    margin:20px;
}
.homepage__section__media__quadrati{
    display: grid;
    grid-template-columns: auto auto;
}
.homepage__section__media__quadrati__item__black{
    background-color: black;
    width:200px;
    height:175px;
    border-radius:20px;
    margin:10px;
}
.homepage__section__media__quadrati__item__white{
    background-color: white;
    width:150px;
    height:100px;
    border-radius:20px;
    margin:10px;
}

.homepage__section__info--about {
	 max-width: 635px;
}
.homepage__section__info--carousel {
	 max-width: 100%;
}
.homepage__section__title{
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 50px;
    line-height: inherit;;
    letter-spacing: -0.5px;
}
.homepage__section__button{
    position:relative;
    margin-top:5%;
    width:100%;
}



/*-- ABOUT --*/
.homepage__section__aboutus__text{
    text-align:center;
    color:black;
}
.homepage__section__aboutus__start{
    margin-top:5%;
    text-align:left;
}
.homepage__section__aboutus__start p{
    color:#B8B8B8;
    font-weight:500;
}
.homepage__section__aboutus__double__newsletter{
    display: grid;
    grid-template-columns: 70% 30%;
    height:auto;
}
.homepage__section__aboutus__double{
    display: grid;
    grid-template-columns: 50% 50%;
    height:auto;
}
.homepage__section__aboutus__image__design{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__three{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    height:auto;
}
.homepage__section__aboutus__three__contact{
    display: grid;
    grid-template-columns: 20% 60% 20%;
    height:auto;
}
.homepage__section__aboutus__double__linea{
    display: grid;
    grid-template-columns: 5% 95%;
    height:auto;
}
.homepage__section__aboutus__double__number__linea{
    display: grid;
    grid-template-columns: 15% 85%;
    height:auto;
}
.homepage__section__aboutus__double__number__linea__svg{
    display: grid;
    grid-template-columns: 5% 95%;
    height:auto;
}
.homepage__section__aboutus__double__automargin{
    display: grid;
    grid-template-columns: 5% 95%;
    height:auto;
}
.homepage__section__aboutus__double__three{
    display: grid;
    grid-template-columns: 45% 10% 45%;
    height:auto;
}
.mobile-yes{
    display: none!important;
}
.mobile-no{
     display: grid;
}
.margin-text-svg{
    margin-top:50%;
}
.double__margin{
    margin-left:20px;
}
.button__double__margin{
    margin-top:0%;
}
.rect__width{
    width:60%;
    margin:auto;
}
.padding__rect__gray{
    padding:50px;
}
.homepage__section__aboutus__item{
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 30px;
    text-align: left;
}
.homepage__section__aboutus__item__logo{
    background-color:black;
    width:100%;
    height:auto;
    border-radius:20px;
}
.homepage__section__aboutus__item__logo svg{
    justify-content:center;
}
.homepage__section__aboutus__item__container__svg{
	position: relative;
    width: 100%;
    height: 100%;
}
.homepage__section__aboutus__item__svg{
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 90%;
}
.homepage__section__aboutus__item__black{
    background-color: black;
    font-size: 30px;
    text-align: left;
}
.homepage__section__aboutus__item__black p,h1,h2,h3{
    color:white;
}
.homepage__section__aboutus__item__rect{
    text-align: left;
    padding:10px 10px 10px 10px;
}
.homepage__section__aboutus__item__rect__linea{
    text-align: left;
    padding:2px 2px 2px 2px;
}
.homepage__section__aboutus__item__rect__linea__item{
    width:90%;
    height:5px;
    background:white;
    text-align:left;
    margin-top:40%;
}
.homepage__section__aboutus__item__rect__linea__number__item{
    width:100%;
    height:3px;
    background:white;
    text-align:left;
    position:relative;
    right:5px;
}
.homepage__section__aboutus__item__image{
    width:100%;
    height:auto;
}
.mockup__image{
    width:80%;
    height:80%;
}
.homepage__section__aboutus__background__gray{
    width:100%;
    height:auto;
    background-color:#F5F5F7;
    text-align:left;
    padding-top:20px;
    padding-bottom:20px;
}
.homepage__section__aboutus__background__black{
    width:100%;
    height:auto;
    background-color:black;
    text-align:left;
}
.homepage__section__aboutus__background__black__circle{
    border-radius:100px;
    width:200px;
    height:200px;
    margin:auto;
    background-color:black;
}
.homepage__section__aboutus__background__black{
    padding:20px;
    width:100%;
    height:auto;
    background-color:black;
    text-align:left;
}
.homepage__section__aboutus__double__double__onlyone{
    display: grid;
    grid-template-columns: 20% 80%;
    height:auto;
}
.homepage__section__aboutus__background__gray__textcenter{
    background-color: #F5F5F7;
    padding: 50px;
    text-align: center;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    align-content: center;
    flex-direction: column;
}
.homepage__section__aboutus__background__white__textcenter{
    background-color:white;
    text-align:center;
}
.homepage__section__aboutus__blackrect{
    width:100%;
    height:100%;
    background-color:black;
    border-radius:2rem;
    padding:20px;
}
.rect__section{
    width:85%;
    height:85%;
    margin:auto;
}
.homepage__section__aboutus__rect__footer{
    margin-top:20px;
    text-align:center;
}
.homepage__section_aboutus__rect__onlytext{
    padding:10px;
}
.homepage__section_aboutus__rect__onlytext p{
    color:white;
}
.homepage__section__aboutus__rect__footer p{
    color:white;
}
.homepage__section__aboutus__title__rect{
    text-align:left;
}
.homepage__section__aboutus__title__rect h3{
    color: white;
    font-weight: normal;
    font-size: 15px;
}
.homepage__section__aboutus__item__rect h3{
    color:#FBE84E;
}
.homepage__section__aboutus__item__rect p{
    color:white;
}


.homepage__section__aboutus__text h1,h2,h3,p{
    color:black;
}

.homepage__section__aboutus__text h1{
    font-size:100px;
}
.homepage__section__aboutus__text h2{
    font-size:100px;
}
.homepage__section__aboutus__text h3{
    font-size:50px;
}
.homepage__section__aboutus__text h4{
    font-size:35px;
}
.homepage__section__aboutus__text h5{
    font-size:13px;
}
.homepage__section__aboutus__text p{
    font-size:18px;
}


.homepage__section__aboutus__start h1,h2,h3,h4,p{
    color:black;
}
.homepage__section__aboutus__start h1{
    font-size:100px;
}
.homepage__section__aboutus__start h2{
    font-size:100px;
}
.homepage__section__aboutus__start h3{
    font-size:50px;
}
.homepage__section__aboutus__start h4{
    font-size:35px;
}
.homepage__section__aboutus__start h5{
    font-size:13px;
}



.contact__group__input{
    width:100%;
    margin-bottom:5%;
}
.contact__group__input__item{
    background-color:black;
    border-radius:50px;
    border:0;
    padding:20px;
    width:50%;
    margin:auto;
    color:white;
    font-family: 'SF-PRO-Light';
}
.contact__group__input__item__newsletter{
    background-color:black;
    border-radius:50px;
    border:0;
    padding:20px;
    width:100%;
    margin:auto;
    color:white;
    font-family: 'SF-PRO-Light';
}
input::placeholder {
    color:white;
    font-family: 'SF-PRO-Light';
}
.contact__group__input__item__submit{
    cursor:pointer;
    background-color:black;
    border-radius:50px;
    border:0;
    padding:20px 40px 20px 40px;
    width:auto;
    margin:auto;
    color:white;
    font-family: 'SF-PRO-Light';
}
.contact__group__input__textarea{
    background-color:black;
    border-radius:30px;
    border:0;
    padding:20px;
    width:50%;
    margin:auto;
    font-family: 'SF-PRO-Light';
    color:white;
}


.portfolio__section{
    width:100%;
    height:auto;
    min-height:500px;
    position:relative;
    background-color:black;
    margin:0;
}
.portfolio__section__grid{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.portfolio__section__grid__item{
    position:relative;
    transition:0.6s;
    padding:2%;
    width:100%;
    height:450px;
}
.portfolio__section__grid__item__image{
    width:100%;
    height:100%;
    cursor:pointer;
    z-index:1;
}
.portfolio__section__grid__item__image:hover{
    animation:animation__text-image 0.6s;
}
.portfolio__section__grid__item__text{
    position:relative;
    bottom:20%;
    left:5%;
}
.portfolio__section__grid__item__text--active{
    font-size:50px;
    transition:0.6s;
}
.portfolio__section__grid__item__text:hover{
}
.portfolio__section__text{
    font-family: 'SF-PRO-Heavy';
    color:white;
    font-weight:400;
    transition:0.6s;
}

/*@keyframes animation__text-image{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(0.9);
    }
}*/
.img__contatti{
    width:200px;
}
.margin-top-mobile{
    margin-top:0px;
}









@media (max-width: 1600px){
.image__linea{
    width:80%;
}
.homepage__section__wrap {
 min-height: 90vh;
 padding-top: 40px;
 padding-bottom: 40px;
}
.homepage__section__aboutus__text h1{
    font-size:60px;
}
.homepage__section__aboutus__text h2{
    font-size:60px;
}
.homepage__section__aboutus__text h3{
    font-size:30px;
}
.homepage__section__aboutus__text h4{
    font-size:20px;
}
.homepage__section__aboutus__text h5{
    font-size:13px;
}
.homepage__section__aboutus__text p{
    font-size:20px;
}
.homepage__section__aboutus__text{
    text-align:center;
    color:black;
}
.homepage__section__aboutus__start h1{
    font-size:60px;
}
.homepage__section__aboutus__start h2{
    font-size:60px;
}
.homepage__section__aboutus__start h3{
    font-size:30px;
}
.homepage__section__aboutus__start h4{
    font-size:20px;
}
.homepage__section__aboutus__start h5{
    font-size:13px;
}
.homepage__section__aboutus__start p{
    font-size:15px;
}
}
@media (max-width: 1200px){
.portfolio__section__grid__item{
    height:auto;
}
.margin-top-mobile{
    margin-top:5%;
}
.img__contatti{
    width:100px;
}
.contatti__link{
    font-size:12px;
}
.contatti__palline__margin__bottom{
    margin-bottom:20%;
}
.contatti__palline__margin__top{
    margin-top:20%;
}
.contact__image__palline{
    transform: rotate(90deg);
    width:30%;
    height:30%;
    margin:auto;
}
.image__linea{
    width:70%;
}
.portfolio__section__grid{
    display: grid;
    grid-template-columns: 50% 50%;
}
.homepage__section__aboutus__item__rect__linea__number__item{
    width:20%;
    height:3px;
    background:white;
    text-align:left;
    position:relative;
    right:5px;
}
.homepage__section__aboutus__double__newsletter{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__background__black__circle{
    border-radius:75px;
    width:100px;
    height:100px;
    margin:auto;
    background-color:black;
}
.contact__group__input__item{
    background-color:black;
    border-radius:50px;
    border:0;
    padding:10px;
    width:100%;
    margin:auto;
}
input::placeholder {
    color:white;
    font-family: 'SFPRODISPLAYREGULAR';
}
.contact__group__input__item__submit{
    cursor:pointer;
    background-color:black;
    border-radius:50px;
    border:0;
    padding:10px 20px 10px 20px;
    width:auto;
    margin:auto;
}
.contact__group__input__textarea{
    background-color:black;
    border-radius:15px;
    border:0;
    padding:10px;
    width:100%;
    margin:auto;
    font-family: 'SFPRODISPLAYREGULAR';
    color:white;
}
.homepage__section__aboutus__background__gray__textcenter{
    background-color: #F5F5F7;
    padding: 10px;
    text-align: center;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    align-content: center;
    flex-direction: column;
}
.padding__rect__gray{
    padding:10px;
}
.rect__width{
    width:100%;
    margin:auto;
}
.button__double__margin{
    margin-top:0%;
}
.mockup__image{
    width:85%;
    height:85%;
}
.rect__section{
    width:80%;
    height:80%;
    margin:auto;
}
.double__margin{
    margin-left:0px;
}

.homepage__section__aboutus__double{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__double__automargin{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__double__double{
    display: grid;
    grid-template-columns: 20% 80%;
    height:auto;
}
.homepage__section__aboutus__double__double__onlyone{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__three{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__three__contact{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.homepage__section__aboutus__double__linea{
    display: grid;
    grid-template-columns: 20% 80%;
    height:auto;
}
.homepage__section__aboutus__double__number__linea{
    display: grid;
    grid-template-columns: 10% 90%;
    height:auto;
}
.homepage__section__aboutus__double__number__linea__svg{
    display: grid;
    grid-template-columns: 15% 85%;
    height:auto;
}
.homepage__section__aboutus__item__rect__linea__item{
    width:90%;
    height:3px;
    background:white;
    text-align:left;
    margin-top:40%;
}
.homepage__section__aboutus__item__container__svg{
    width:100%;
    height:100%;
    position:relative;
}
.homepage__section__aboutus__item__svg{
	position:absolute;
	height:100%;
}
.margin-text-svg{
    margin:0;
}
.mobile-no{
    display:none!important;
}
.mobile-yes{
     display: grid!important;
}
    
    
    
    
    
    
    
.homepage__section__media{
display:none;
}
.homepage__section__aboutus__text h1{
    font-size:40px;
}
.homepage__section__aboutus__text h2{
    font-size:40px;
}
.homepage__section__aboutus__text h3{
    font-size:25px;
}
.homepage__section__aboutus__text h4{
    font-size:20px;
}
.homepage__section__aboutus__text h5{
    font-size:13px;
}
.homepage__section__aboutus__text p{
    font-size:15px;
}

}
@media (max-width: 1023px){
.homepage__section__aboutus__double__double__graphic__design{
    display: grid;
    grid-template-columns: 100%;
    height:auto;
}
.margin-top-auto{
    margin-top:30%;
}

.homepage__section__title{
    font-size: 40px;
    line-height: inherit;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.mockup__image{
    width:100%;
    height:100%;
}
.rect__section{
    width:100%;
    height:100%;
    margin:auto;
}
.homepage__section__wrap {
 min-height: 90vh;
 padding-top: 40px;
 padding-bottom: 40px;
}
}
@media (max-width: 760px){
 .homepage__section__wrap {
	 min-height: 90vh;
	 padding-top: 40px;
	 padding-bottom: 40px;
}
.homepage__section__wrap--aboutus {
}
.homepage__section__info--about {
		 max-width: 300px;
}
.homepage__section__title{
    font-size: 27px;
    line-height: inherit;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    margin-top: 20px;
}

}