/* --- FONTS



@font-face {

    font-family:        Roboto Condensed;

    src:                url('../font/Roboto/Roboto-Condensed.ttf');

} ---*/



body {

    font-family: sans-serif;

}



/* --- BODY --- */



body {

    margin:             0;    

    overflow-x:         hidden;

}



a {

    text-decoration:    none;

    color:              black;

}



/* --- HEADER --- */



header {

  

    position:           sticky;

    display:            flex;

    justify-content:    space-between;

    height:             120px;

    top:                0;

   /* border-bottom:    1px solid black; */

    background:         white;

    z-index:            2;

}



header > div:first-child {

    display:            flex;

    width:              300px;

    height:             120px;

    background:         white;

   /* border:           2px solid black;*/

}



.logo {

    width:              260px;

    height:             auto;

    margin-left:        auto;

    margin-right:       auto;

    align-self:         center;

   /*border:            1px solid black;*/

}



header > div:last-child {

    display:            flex;

    flex-grow:          1;

    height:             120px;

    background:         white;

   /* border:           2px solid black;*/

}



header > div:last-child > div {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 15px; /* al posto di margin-right singoli */

    margin-left: auto;

    margin-right: 40px;

    flex-wrap: nowrap; /* Impedisce di andare a capo */

}



header > div:last-child > div > span {

    margin-right:       15px;

    font-family:        sans-serif;

    font-size:          20px;

    font-weight:        bold;

    cursor:             pointer;

}



header > div:last-child > div > span:hover > a {

    color:             red;

}



/* --- MAIN --- */



main > section:first-child { 

  /*background-color:  green; */

    width:             100%;

    height:            600px;

}



main > section:first-child > img {

    width:              100%;

    height:             600px;

    filter:             brightness(40%);

}



main > section:first-child > div {

    position:           relative;

    display:            flex;

    width:              100%;

    height:             250px; 

    margin-left:        auto;

    margin-right:       auto;

    margin-top:         -450px;

  /* background-color:  red;*/

}



main > section:first-child > div > p {

    width:              80%;

    margin-left:        auto;

    margin-right:       auto;

    align-self:         center;

    text-align:         center;

    color:              white;

    font-size:          60px;

    font-family:        sans-serif;

    text-shadow:        2px 3px 5px black;

}



main > section:nth-child(2) {

    /*background-color:   blueviolet; */

    width:               100%;

    height:              550px;

}



main > section:nth-child(2) > div {

    display:             flex;

    justify-content:     space-between;

    /*background-color: aqua;*/

    width:               80%;

    height:              550px;

    margin-left:         auto;

    margin-right:        auto;

}



#s2left {

    /*background-color: brown;*/

    width:               45%;

    height:              400px;

    align-self:          center;

}



/*

#s2left > h2 {

    background-color:    bisque;

    

    }

    

    #s2left > p {

    background-color:    blue;

    

    }

*/



.title {

    margin-bottom:       40px;

    font-family:         sans-serif;

    font-size:           35px;

    font-weight:         bold;

}



.text {

    font-family:         sans-serif;

    font-size:           22px;

    text-align:          justify; 

}



main > section:nth-child(2) > div > div:last-child {

    /*background-color: yellow;*/

    width:                45%;

    height:               400px;

    align-self:           center;

    text-align:           right;

}



main > section:nth-child(2) > div > div:last-child > img {

    border-radius:         5px;

}



#s2left > div {

    margin-top:            40px;

    text-align:            right;

}



#s2left > div > button {

    width:                 150px;

    height:                50px;

    box-shadow:            3px 3px 5px #858585;

    border-radius:         3px;

    border:                1px solid #858585;

    font-family:           sans-serif;

    font-size:             20px;

    cursor:                pointer;  

}



#s2left > div > button:hover {

    background-color:      rgb(248, 248, 32);

}



#s2left > div > button:hover > a {

    color:                 black;

}



#s2left > div > button:active {

    box-shadow:            3px 3px 5px #323232;

    /*border: 1px solid rgb(62, 147, 250);*/

}





/* TERZA SEZIONE */



main > section:nth-child(3) {

    display:                flex;

    width:                  100%;

    height:                 550px;

    background-color:       rgb(26, 25, 25) ;

}



main > section:nth-child(3) > div:first-child{

  /* background-color:        aqua; */

    width:                  90%;

    height:                 400px;

    margin-left:            auto;

    margin-right:           auto;

    align-self:             center; 

} 



#s3right {

    display:                flex;

    width:                  100%;

    height:                 400px;

    justify-content:        space-between;

    background-color:       rgb(26, 25, 25);

}



#s3right > div:first-child{

    width:                  45%;

    height:                 400px;

    align-items:            center;

    /* background-color: crimson; */

}



#s3right > div:nth-child(2) {

    width:                  45%;

    height:                 400px;

    align-items:            center; 

    /*  background-color: orange; */

}



#s3right > div:first-child > img{

    padding-left:           40px;

    border-radius:          5px; 

}



#s3right > div:nth-child(2) > p {

    padding-right: 10%;

}



#s3right > div:nth-child(2) > div {

   margin-top:              40px;

}





/* QUARTA SEZIONE */



main > section:nth-child(4) {

    display:                flex;

    width:                  100%;

    height:                 550px;

    background-color:     white;

}



main > section:nth-child(4) > div:first-child{

      display:              flex;

      width:                90%;

      height:               500px;

      margin-left:          auto;

      margin-right:         auto;

      align-self:           center; 

      justify-content:      space-between;

      /*background-color: aqua; */

  } 



#s4left {

    width:                  45%;

    height:                 400px;

    align-self:             center;

    padding-left:           40px;

    /*background-color:     darksalmon;*/

}



main > section:nth-child(4)> div > div:last-child {

    width:                  45%;

    height:                 400px;

    align-self:             center;

    /*background-color:     darkorchid;*/

}



main > section:nth-child(4)> div > div:last-child > img{

    border-radius:          5px;

    height:                 auto;

    width:                  600px;

}



#s4left > div{

    margin-top:            40px;

    text-align:            right;

}





/* --- SEZIONE 5: I NOSTRI SERVIZI --- */



#servizi{

    display:                flex;

    width:                  100%;

    height:                 690px;

    background-color:       rgb(26, 25, 25);

}



#servizi > div {

    width:                   90%;

    height:                  600px;

    align-self:              center;

    margin-left:             auto;

    margin-right:            auto;

   /* background-color:     aqua; */

}



#servizi > div:first-child > div:first-child{

  /* background-color:      blue;*/

    text-align:             center;

}



#box1 {

    display:                flex;

    width:                  95%;

    height:                 400px;

    margin-left:            auto;

    margin-right:           auto;

    justify-content:        space-around;

  /*background-color:       coral;*/

}



#box1 > div:first-child{

    width:                  45%;

    text-align:             end;

  /* background-color:     yellow;*/

}



#box1 > div:last-child{

    width:                  45%;

  /* background-color:      rgb(120, 41, 173); */

}





#box1 > div:last-child > div {

    padding:                15px;

}



#box1 > div:first-child > div {

    padding:                15px;

}



/*

#box span {

    background:             yellow;

}

*/



#box1 img {

    position:               relative;

    width:                  40px;

    height:                 40px;

    /*background:           red;*/

    top:                    6px;

}



/* bottone sezione 5 */

#servizi > div > div:last-child {

    margin-top:             30px;

    text-align:             center;

}



#servizi > div > div:last-child > button {

    width:                 150px;

    height:                50px;

    box-shadow:            3px 3px 5px #858585;

    border-radius:         3px;

    border:                1px solid #858585;

    font-family:           sans-serif;

    font-size:             20px;

    cursor:                pointer;  

}



#servizi > div > div:last-child > button:hover {

    background-color:      rgb(251, 251, 43);

    color:                 white;

}



#servizi > div > div:last-child > button:active {

    box-shadow:            #323232;

} 





/* --- SEZIONE 6: DOVE SIAMO --- */



main > section:nth-child(6) {

  /*  background-color:     yellow;*/

    border:                 1px solid transparent;

}



.new {

    margin-top:                60px;

    text-align:               center;

}



main > section:nth-child(6) > p{

    width:                  90%;

    height:                 33px;

    margin-left:            auto;

    margin-right:           auto;

  /* border:                1px solid black;*/

    margin-top:             -20px;

    margin-bottom:          45px;

    text-align: center;

}



main > section:nth-child(6) iframe {

    margin-bottom:          -3px;

}



/* -- FOOTER -- */



footer {

    display:                flex;

    width:                  100%;

    height:                 300px;

    background-color:        rgb(26, 25, 25);

}



footer > div {

    display:                flex;

    width:                  90%;

    height:                 250px;

    margin-left:            auto;

    margin-right:           auto;

    align-self:             center;

    justify-content:        space-between;

    /*background-color:     #858585;*/

}



footer > div > div {

    width:                  45%;

    height:                 250px;

}

footer > div > div > div {

   margin-bottom:           7px;

}



/*

footer > div > div:first-child{

    /*background-color:     yellow;

}

  */



  /*

footer > div > div:nth-child(2) {

  background-color:         pink;

}

*/



footer h2 {

    font-family:            sans-serif;

    font-weight:            bold;

    font-size:              25px;

    color:                   white;

}



.flabel {

    display:                inline-block;

    width:                  75px;

    color:                  gold;

    font-size:              20px;

    font-family:            sans-serif;

}



.ftext {

    display:                 inline;

    color:                   white;

    font-size:               20px;

    font-family:             sans-serif;

}



#ficon {

    display:                flex;

    width:                  80px;

    height:                 40px;

    justify-content:        space-between;

    cursor:                 pointer;

    /*background-color:     aqua;*/

}



#ficon img {

    width:                  auto;

    height:                 35px;

}



/*-- LOGO DEL FOOTER -- */



footer > div > div:last-child {

    display:                flex;

    /*background-color:     green; */

}



#flogo {

    width:                  260px;

    height:                 120px;

    margin-left:            auto;

    margin-right:           auto;

    /*border:                1px solid white;*/

}



/* -- PAGINA SERVIZI --*/



#main_s > section:first-child { 

    /*background-color:   green; */

    width:               100%;

    height:              600px;

  }

  

  #main_s > section:first-child > img {

    width:              100%;

    height:             600px;

    filter:             brightness(40%);

  }

  

  #main_s > section:first-child > div {

    position:           relative;

    display:            flex;

    width:              100%;

    height:             250px; 

    margin-left:        auto;

    margin-right:       auto;

    margin-top:         -450px;

    /*background-color:  red;*/

  }

  

  #main_s > section:first-child > div > p {

    width:              80%;

    margin-left:        auto;

    margin-right:       auto;

    align-self:         center;

    text-align:         center;

    color:              white;

    font-size:          60px;

    font-family:        sans-serif;

    text-shadow:        2px 3px 5px black;

  }



#main_s > section:nth-child(2){

    display:            flex;

    width:              100%;

    height:             400px;

  /* background-color:  darkslateblue;*/

}



#main_s > section:nth-child(2) > p{

    width:              70%;

    align-items:        center;

    margin-right:       auto;

    margin-left:        auto;

    padding-top:        100px;

 /* background-color:   aliceblue;*/

    font-size:          48px;

    font-family:        sans-serif;

    text-align:         center;   

}



#main_s > section:nth-child(3){

    width:              100%;

    height:             450px;

    background-color:    rgb(26, 25, 25);

}



#main_s > section:nth-child(3) > div {

    display:            flex;

    width:              90%;

    height:             300px;

    justify-content:    space-between;

}



#main_s > section:nth-child(3) > div > div:first-child{

    width:              28% ;

    height:             250px;

    align-self:         center;

    margin-left:        10px;

}



#main_s > section:nth-child(3) > div > div:nth-child(2){

    width:              28% ;

    height:             250px;

    align-self:         center;

    border-left:        1px solid white;

    border-right:       1px solid white;

    padding-right:      45px;

    padding-left:       45px; 

}



#main_s > section:nth-child(3) > div > div:nth-child(3){

    width:              28% ;

    height:             250px;

    align-self:         center;

    margin-right:       10px;  

    border-right:       1px solid white; 

}



#main_s > section:nth-child(3) > div > div:last-child{

    width:              28% ;

    height:             250px;

    align-self:         center;

    margin-right:       10px;   

}



#main_s > section:nth-child(3) > div > div h2 {

    text-align:         center;

} 



#main_s > section:nth-child(3) > div > div p {

    text-align:         center;

    padding:            10px;

}



#main_s > section:nth-child(4){

    display:            flex;

    width:              100%;

    height:             600px;

    background-color:   white;

    margin-bottom:      600px;

}



#main_s > section:nth-child(4) > div{

    display:            block;

    width:              90%;

    height:             550px;

    align-self:         center;

    margin-left:        auto;

    margin-right:       auto;

 /*  background-color:  aqua;*/

}



#main_s > section:nth-child(4) > div > div:first-child{

 /* background-color:   blue; */

    width: 100%;

    height: 100%;

    text-align:         center;

}



/*ELENCO SERVIZI*/



.box1, .box2, .box3{

    display:             flex;

    justify-content:     space-around;

    



}

.box {

   background-color:     #ecebeb;

   font-family:           sans-serif;

    margin-bottom:        20px;

    padding:              20px;

    border-radius:        10px;

    box-shadow:           0 0 10px rgba(0, 0, 0, 0.1);

    width:                300px;

}

.box img {

    width:              100%;

    height:             auto;

    border-radius:      10px;

}

.box h2 {

    margin-bottom:       15px;

}















/* PERCHE SCEGLIERCI? */



#sceglierci {

    background-color:       rgb(26, 25, 25);

    margin-bottom:           200px;

    padding-bottom:          30px;

    padding-top:             30px;

}



#sceglierci h2{

    text-align:         center;

    color:            white;

    font-size:         48px;

    

}



#sceglierci p {

    text-align:         center;

    font-family:        sans-serif;

    font-size:         30px;

    margin-top:        -30px;

    color:             yellow;

}



#sceglierci ul{

    margin-left:         600px;

    margin-right:        300px;

    text-align:          left;

    color:              white;

}



#sceglierci li{

    line-height:            2;

    font-size:            22px;

}





#finale{

    display:            flex;

    width:              100%;

    height:             100px;

  /* background-color:  darkslateblue;*/

}



#finale p{

    width:              70%;

    align-items:        center;

    margin-right:       auto;

    margin-left:        auto;

 /* background-color:   aliceblue;*/

    font-size:          48px;

    font-family:        sans-serif;

    text-align:         center;   

    margin-top:        -100px;

}







/* --PAGINA CHI SIAMO --*/



#chisiamo {

    display:            flex;

    width:              100%;

    height:             720px;

  /*background-color:  darkgoldenrod;*/

}



#chisiamo > div{

    width:              90%;

    height:             650px;

    align-self:         center;

    justify-content:    space-around;

   /* background-color: aliceblue;*/

}



#chisiamo > div > div:first-child{

    width:              45%;

    height:             600px;

  /*background-color:   aqua;*/

}



#chisiamo > div > div:first-child > p{

  /*background-color:   crimson;*/

    text-justify:       distribute;

}



#chisiamo > div > div:last-child{

    width:              45%;

    height:             600px;

  /*background-color:   darkorchid;*/

}



#chisiamo img{

    width:              80%;

    height:             300px;

}



#frase {

    width:              100%;

    height:             500px;

    background-color:  rgb(26, 25, 25);

}



#frase div{

    display:            flex;

    width:              90%;

    height:             400px;

  /*background-color: rgb(30, 54, 74);*/

}



#frase h2{

    align-self:         center;

    text-align:         center;

    font-size:          48px;

    color:              white;

}



#meetus {

    display:            block;

    width:              100%;

    height:             520px;

  /*background-color: crimson;*/

}



#meetus > div:first-child{

    width:              100%;

    height:             100px;

    margin-top:         20px;

  /*background-color:   #white;*/

}



#meetus > div:first-child > h2 {

    width:              100%;

    margin-top:         50px;

 /* background-color:   chartreuse;*/

    text-align:         center;

}



#meetus > div:nth-child(2){

    display:            flex;

    width:              100%;

    height:             250px;

    margin-top:         50px;

  /*background-color:   aquamarine;*/

}



#meetus > div:nth-child(2) span{

    width:              250px;

    height:             250px;

    margin-left:        350px;

    align-self:         center;

  /*background-color:   black;*/

}



#meetus h2{

    width:              100%;

    height:             50px;

  /*background-color:   #837979;*/

    text-align:         center;

}



#meetus img {

    width:              250px;

    height:             250px;

    border-radius:      50%;

}



/* -- PAGINA CONTATTI --*/



#main_c > section:nth-child(2) {

    display:            flex;

    width:              100%;

    height:             600px;

  /*  background-color:   aqua;*/

}



#main_c > section:nth-child(2) > div:first-child {

    display:            block;

    align-self:         center;

    align-content:      baseline;

  /*background-color:  rebeccapurple;*/

}





#main_c > section:nth-child(2) > div:first-child > h2{

    text-align:         left;

    font-size: 40px;

}



#main_c > section:nth-child(2) > div:first-child > p, ul{

font-size:           20px;

font-family:        sans-serif;

}



#main_c > section:nth-child(2) > div:first-child > ul{

line-height:              2.5;

padding-top:              20px;



}





/* #main_c > section:nth-child(2) > div:last-child {

    width:              60%;

    height:             500px;

    align-self:         center;

  background-color: lightsalmon;

}



#main_c > section:nth-child(2) > div:last-child > div{

    width:              50%;

    height:             450px;

    margin:             50px auto;

    padding:            20px;

    border-radius:      8px;

    border:             2px solid #323232;

}



#main_c > section:nth-child(2) > div:last-child > div > h2 {

    margin-top:         -3px;

    text-align:         center;

}



#main_c > section:nth-child(2) > div:last-child form {

    text-align:         center;

}



#main_c > section:nth-child(2) > div:last-child > div button{

    width:                100%;

    padding:              10px;

    margin-top:           10px;

    background-color:     black;

    color:                white;

    border:                none;

    border-radius:         4px;

    cursor:                pointer;

    transition:            0.3s ease;

}



#main_c > section:nth-child(2) > div:last-child > div button:hover{

    font-weight:            bold;

    color:                  black;

    background-color:       gray;

}



#main_c > section:nth-child(2) > div:last-child > div button:focus{

    color:                   red;

}*/



#contattateci {

    width:                  100%;

    height:                 400px;

    background-color:        rgb(26, 25, 25);

}



#contattateci div {

    display:                flex;

    width:                  90%;

    height:                 300px;

}



#contattateci h2{

    align-self:             center;

    color:                  white;

    font-size:              48px;

    text-align:             center;

}



#conmaps {

    display:                block;

    width:                  100%;

    height:                 732px;

}



#conmaps p{

   text-align:              center;  

}