.img-homepage {
 background-image: url(../images/img-home-dimalife.jpg);
    z-index: 0 !important; 
    height: 50vh; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    margin-top: 80px;

}

.img-corsi {
 background-image: url(../images/img_corsi_dimalife.jpg);
    z-index: 0 !important; 
    height: 50vh; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 80px;

}

.img-coaching {
    background-image: url(../images/piegh_coach_DIMALIFE-2.jpg);
    z-index: 0 !important; 
    height: 50vh; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 80px;

}

.slide {
    z-index: 0 !important; 
    height: 40vh; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 80px;

}

.slide--1{ 
    background-image: url(../images/header_GESTALT_mono.jpg);}

.slide--2{
    background-image: url(../images/header_SEPARATI_mono.jpg);}

.slide--3{
    background-image: url(../images/header_SINGOLO_mono.jpg);}

.slide--4{
    background-image: url(../images/header_COPPIA_mono.jpg);}

.slide--5{
    background-image: url(../images/header_FAMIGLIA_mono.jpg);}



.head-text{
    height: 180px;
    color: white;
    padding-top: 10vh;
    right: 18vw;
    position: relative;
    font-size: 1.8em;
    line-height: 8px;
    text-align: right;
}

.head-text bold{
    font-size: 1.4em;
}


.img-ico-coaching{
    width: 90%;
    margin-left: 5%;
    height: 400px;
    background-image: url(../images/ico_coaching.svg); 
    background-repeat: no-repeat;
    background-position: center;
}

.sez1{
   color: #0093b1;
   font-size: 1.5em;
   text-align: center;
}




.sez-blog{
    background-image: url('../images/back-blog.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
}   


.sez2{
   background-image: url('../images/mio-blog.svg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: left;
   height: 100px;

}

.sez-blog .img-tondo{
    float: left;
    margin-right: 20px;
}


.sez-blog p{
    color: white;
    margin-right: 20px;
}


.sez-blog h4{
    text-align: left;
    font-family: Montserrat-Bold;
}

.fare-per-te p{
    text-align: justify;
}

.sez3{
   background-image: url('../images/fare-per-te.svg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   height: 100px;

}

.sez4{
    display: inline-block;
    margin-left: 0px;
}


.sez5{
    width: 30vw;
    float: left;
    margin-bottom: 50px;
}


.dicono-di-me{
    background-color: #90A6B7;
    color: white;
}





.sez6{
   background-image: url('../images/home_DICONO_DI_ME.png');
   background-size: contain;
   background-repeat: no-repeat;
   height: 350px; 
   background-position: bottom;
}

.sez7{
   background-image: url('../images/contattami.svg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   height: 90px;
}






.contatto{
    background-color: white;
    padding-bottom: 50px;
}

.contatto bold{
   color:#0093b1;
}
.box-contatto-sx{
    background: linear-gradient(0deg, rgba(44,46,131,1) 0%, rgba(72,149,209,1) 100%);
    color: white;
    width: 300px;
    height: 800px;
    float: left;
    text-align: center;
    border-radius: 10px;
}

.box-contatto-sx  h1{
    color: white !important;
}


.box-contatto-dx{
    width: 675px;
    height: 500px;
    float: left;
    text-align: left;
    padding-left: 20px;
}

.box-contatto-dx h4 h1{
    color: #006EB7 !important;
}


.box-contatto-dx button{
    float: right;
}

.box-contatto-dx bold{
    font-size: 0.9em;
}

.box-contatto-sx p{
    margin: 0;
}

ico{
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
    margin-bottom: 0px;
    margin-top: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.social-box{
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}
.social-box > ico{
    float: left;
    margin:0 15px ;
}

.ico-where{ background-image: url('../images/where.svg');}
.ico-phone{ background-image: url('../images/phone.svg');}
.ico-fax{ background-image: url('../images/fax.svg');}
.ico-mobile{ background-image: url('../images/mobile.svg');}
.ico-mail{ background-image: url('../images/mail.svg');}
.ico-pec{ background-image: url('../images/pec.svg');}

.ico-facebook{ background-image: url('../images/facebook.svg');}
.ico-linkedin{ background-image: url('../images/linkedin.svg');}
.ico-instagram{ background-image: url('../images/instagram.svg');}



@media screen and (max-width: 1249px){
    .sez5{
        width: 30vw;
    }
}

@media screen and (max-width: 749px){
    .sez5{
        width: 45vw;
    }

    .img-ico-coaching{
        margin-top: 20px;
        width: 90%;
        margin-left: 5%;
        height: 600px;
        background-image: url(../images/ico_coaching_2.svg); 
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width: 489px){
    .sez5{
        width: 90vw;
    }
}

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

  input, textarea{
        width: calc(90vw - 15px)!important;
    }

    .dicono-di-me .sez6{
        background-position: center;
        height: 210px;
    }

    .sez1{
        height: 290px;
    }
    
    .head-text {
        width: 90vw;
        font-size: 1.5em;
        right: 0vw;
    }

    .grid-container-due {
      grid-template-columns: 45vw 45vw ;
      width: 90vw;
    }

    .grid-container-attivita {
      grid-template-columns: 22.5% 22.5% 22.5% 22.5%;
      width: 90vw;
    }
    .grid-container-attivita > div {
      width: 22.5vw;
    }

    .sez-blog .img-tondo{
        float: unset;
        margin: 0 auto;
    }

 
}

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

    .grid-container-due {
        grid-template-columns:  auto !important;
    }
}





/* INIZIO MODULO CONTATTO */



input[type="date"] ,
input[type="text"] {
        width: calc(45vw - 15px);
        height: 30px;
        background-color:lightgrey;
        margin-bottom: 20px;
        box-shadow: unset;
        box-sizing: unset;
        box-decoration-break: unset;
        border: unset;
        border-radius: 20px;
        color: #878787; 
        font-family: Montserrat-Regular;
    }

input[type="text"].errore {
    background-image: url('../images/bg_text_input_errore.svg'), url('../images/errore_x.svg');
}


.option{
    float: left;
    width: 330px;
    display: inline-flex;
}

textarea {
    width: calc(45vw - 10px);
    height: 145px;
    -webkit-text-size-adjust:none;
    background-color: lightgrey;
    margin-top: -1px;
    box-shadow: unset;
    box-sizing: unset;
    box-decoration-break: unset;
    border:unset;
    border-radius: 20px;
    color: #878787; 
    font-family: Montserrat-Regular;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: white !important;
}


input.testo_elemento{
    
    padding-left: 15px;
    padding-top: 5px;
    
}

textarea.testo_elemento{
    padding-top: 12px;
    padding-left: 15px;
    
}

.obbligatorio{
    background-color: #60000091 !important;
}
.obbligatorio::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white !important;
}
.obbligatorio::-moz-placeholder { /* Firefox 19+ */
    color: white !important;
}
.obbligatorio:-ms-input-placeholder { /* IE 10+ */
    color: white !important;
}
.obbligatorio:-moz-placeholder { /* Firefox 18- */
    color: white !important;
}


.contenitore_trattamento_dati{
        font-size: 10px;
        text-align: center;
        /*width: 572px;*/
        line-height: 16px;
		display	:	inline-block;
    }


.check_trattamento_dati{
    border-radius: 10px;
    width	:	unset !important;
    margin	:	0px 10px !important;
	float	:	left;
}



.trattamento_dati{
    float	:	left;
}

.scrivi{
    z-index: 2;
    position: absolute;
    text-align: left !important;
}

.scrivi p{
    
    padding: 0 10px;
}

.contenitore_testo_scrivici{
    margin: 0 auto;
    width:410px;
    text-align:center;
    padding-bottom: 10px;
}

.contenitore_trattamento_dati{
    color:#414136;
}
    
input, textarea{
            
        font-size: 0.9em;
    }


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


    .contenitore_testo_scrivici{
        width: 90%;
    }
    .scrivi{
        width: 90vw;
    }

    

    .trattamento_dati {
     float: unset;
    }   


    .contenitore_trattamento_dati{
        width: unset!important;
        margin: unset!important;
    }


}


/* FINE MODULO CONTATTO */