/* ! Typography */
.headline{font-family: 'Roboto', sans-serif; font-size: 40px; color: #E9D9CA;}
.title{font-family: 'Roboto', sans-serif; font-size: 55px;}
.text{font-family: 'EB Garamond', serif; font-size: 20px; color: #E9D9CA;}

@media (max-width: 991px) {
   .headline,
   .title{font-size: 30px; text-align: center;}
}


/* ! Helpers */
.mobile{display: none;}
.mb{margin-bottom: 60px;}


@media (max-width: 991px) {
  .mobile{display: block;}
  .desktop{display: none;}
}

/* ! Hero */
.hero{display: flex; flex-wrap:wrap; width: 100%; height: 100vh; background: url(img/background.jpg) no-repeat center; padding: 50px 0; background-size: cover}

header{display: flex; flex-wrap:wrap; flex-flow: column; justify-content: center; align-items: center; width: 100%; text-align: center;}
.site-nav{list-style-type: none; width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.site-nav > li {display: inline-block;}
.site-nav > li a{display: block; padding: 20px; font-size: 30px; color:#E9D9CA; text-align: center;  text-decoration: none;}


.hero_text,
.hero_img,
.arrow_down{display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;}

.arrow_down{flex-flow: column;}
.arrow_down p{margin-bottom: 20px; font-style: italic; font-weight: 600;}

.logo img{width: 100%; height: auto;}

@media (max-width: 1440px) {
   .logo img{width: 70%;}
   .site-nav{margin-top: 20px;}
   .hero_img img{width: 180px;}
}

@media (max-width: 991px) {

   
   .logo{position: relative;}
   .logo img{width: 190px; position: relative; z-index: 9;}
   .logo--menu:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 57px; background: url(img/logo-menu.png) no-repeat center; z-index: 10;}

   .header__menu{position: absolute; display: flex; align-items: center; top: 0; left: 0; width: 100%; height: 100vh; background: #E9D9CA; transform: translateX(-100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
   .header__menu--open{transform: translateX(0);}
 
   .site-nav{flex-flow: column;}
   .site-nav li{width: 100%;}
   .site-nav li a{display: block; width: 100%; color: #706C7D; text-align: center; font-size: 30px; margin-bottom: 10px;}
 
   .header__icon{margin-top: 25px; position: relative; z-index: 6; width: 100%; display: flex; justify-content: center; align-items: center;}
   .icon-hamburger{text-align: center; width: 100px;height: 25px;}
   .icon-hamburger span:after{width: 100%; content: 'Menù '; text-align: center; color: #e9d9ca; font-size: 20px; text-decoration: underline; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}

 

   .icon-hamburger--open span{background: transparent!important;}
   .icon-hamburger--open span:before{content: 'Chiudi'; color: #706C7D; text-decoration: underline; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
   .icon-hamburger--open span:after{display: none;}
 

}


/* ! Tecnologia */
.tecnologia{padding: 80px 50px; background: #E9D9CA;}
.container-tecnologia{display: flex; flex-flow: column; justify-content: space-between; align-items: center; width: 100%;}
.tecnologia .title{color: #706C7D;}
.tecnologia .text{color: #706C7D; margin-top: 50px;}
.media_img{width: 100%; display: flex; justify-content: flex-end; align-items: center;}




@media (max-width: 991px) {
   .tecnologia{padding: 50px 25px;}
   .tecnologia .title{order: 1;}
   .tecnologia .text{order: 3; text-align: center;}
   .tecnologia .media_img{order: 2;}
   .media_img{justify-content: center;}
   .tecnologia img.mobile{width: 180px; height: auto; margin: 0 auto; margin-top: 20px;}
}


/* ! Corpo */
.corpo{padding: 50px; background: #E9D9CA;}
.corpo .title{color: #706C7D;}
.corpo .text{color: #706C7D; margin-top: 50px;}
.corpo span{font-weight: 600;}
.corpo .media_text{max-width: 400px;}

.container-icons{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 35px;}
.box-icon{display: flex; align-items: center; flex-direction: column;}
.box-icon .text{font-style: italic; font-weight: 600; margin-top: 15px;}


@media (max-width: 991px) {
  .corpo{padding: 25px;}
  .container-icons{justify-content: space-around;}
  .box-icon{margin-bottom: 15px; margin-right: 12px;}
  .corpo .text.mobile{margin: 35px 0; text-align: center;}
}

/* ! Servizi */
.servizi{padding: 80px 50px; background: #E9D9CA;}
.servizi .media_img{justify-content: flex-start; height: 100%;}
.servizi .title{color: #706C7D; font-size: 28px;}
.servizi .text{color: #706C7D; margin-top: 30px;}

@media (max-width: 991px) {
   .servizi{padding: 25px; padding-bottom: 50px;}
   .servizi img.mobile{margin: 0 auto; margin-top: 40px;}
   .servizi .text{text-align: center;}
}


/* ! Chi siamo */
.chi-siamo{padding: 80px 50px; background: url(img/bg-chi-siamo.png) no-repeat center; background-size: cover;}
.chi-siamo .title{color: #E9D9CA;}
.chi-siamo .text{margin-top: 40px; line-height: 28px;}
.chi-siamo span{font-weight: 600;}
.chi-siamo .media_img{justify-content: flex-start; height: 100%;}

.video{margin-top: 80px; display: flex; width: 100%; justify-content: center; align-items: center;}
.video:hover{transform: scale(1.1); transition: all 1s cubic-bezier(.215, .61, .355, 1);}


@media (max-width: 991px) {
   .chi-siamo{padding: 50px 25px;  background: url(img/chi-siamo-mobile.png) no-repeat center; background-size: cover;}
   .chi-siamo .text{text-align: center;}
   .chi-siamo img.mobile{margin: 0 auto; margin-bottom: 50px; width: 100%;}
   img.img_video{width: 100%;}
}

/* ! Instagram */
.instagram{position: relative; padding: 80px 50px; border-radius: 40px; background: #e9d9ca; margin: 80px 0;}
.insta-social{display: flex; justify-content: center; align-items: center; width: 100%;}
.instagram .title{color: #706c7d; font-size: 18px; margin-left: 30px;}
.insta-social img{width: 60px;}
.carousel{margin-top: 50px;}

.carousel-cell { width: 50%; height: 590px; margin-right: 10px; border-radius: 5px;}
.flickity-page-dots{bottom: -35px !important;}

@media (max-width: 800px) {
  .instagram{padding: 50px 0; width: 100%;}
  .carousel-cell{width: 100%;}
  .flickity-page-dots{display: none !important;}
}

/* ! Footer */
footer{padding: 80px 50px; background: #706C7D; text-align: center;}
footer a{color: #E9D9CA;}
footer .title{text-align: center; color: #E9D9CA; margin-bottom: 25px;}
footer .text{margin-top: 40px;}
.privacy{margin: 25px 0; text-align: center;}
.social a{margin-right: 25px;}
.social a:last-child{margin-right: 0;}
.orari { font-family: 'EB Garamond', serif; font-size: 20px; color: #E9D9CA; margin-top: 40px;
}

/* ! Grid System */
.grid { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {
   .tab-20 { width: 20%; }
   .tab-25 { width: 25%; }
   .tab-33 { width: 33.33%; }
   .tab-50 { width: 50%; }
   .tab-100 { width: 100%; }
}

@media (max-width: 991px) {
   [class*='col-'] { width: 100%;}
   .sma-20 { width: 20%; }
   .sma-25 { width: 25%; }
   .sma-33 { width: 33.33%; }
   .sma-50 { width: 50%; }
   .sma-100 { width: 100%; }

   .sma-hide{display:none}
}


*,
*:before,
*:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
}