/* Variables */



:root {

  --primary-color: #00a783;

  --dark-color: #000000;

  --light-color: #ffffff;

  --primary-font-family: "Noto Sans", sans-serif;

}



/* Main CSS */

.section-main,

.section-main__aside {

  background: none;

}



.aside__title,

.aside__subtitle,

.aside__text,

.aside__socials,

.company-info {

  color: var(--light-color);

}



.aside__text {

  font-family: var(--primary-font-family);

  font-weight: 400;

}



.section-main__aside {

  z-index: 12;

}



.innovare--desktop-main-bg {

  background-image: url("../img/bg-landing@2x.png");

}



.intro__header .logo img {

  margin-left: 30px;

}



.innovare--bg-bottom {

  position: absolute;

  width: 40%;

  height: 40%;

  bottom: 0;

  right: 0;

  background: var(--primary-color);

  z-index: 0;

  padding: 0;

  margin: 0;

  display: none;

}



.innovare--aside-skew {

  transform: skew(-25deg);

  transform-origin: top left;

  background: var(--primary-color);

  padding: 40px;

  color: var(--light-color);

  top: 0;

  right: -67%;

  height: 100%;

  position: absolute;

  width: 100%;

  z-index: 10;

}



.innovare--pm {

  position: absolute;

  width: 468px;

  height: 468px;

  bottom: 0;

  right: 0;

  /* background: url("img/Gruppo di maschere 2.png") 0% 0% no-repeat padding-box; */

  mix-blend-mode: multiply;

  opacity: 1;

  z-index: 11;

}



.innovare--aside__content p {

  font-family: var(--primary-font-family);

  font-weight: 400;

}



.innovare--aside__content p.innovare--aside__text_up {

  font-weight: 700;

  font-size: 1.6rem;

  line-height: 22px;

  opacity: 0.63;

}



.innovare--aside__content p.innovare--aside__text_middle {

  font-size: 1.6rem;

  line-height: 22px;

}



.aside__socials p.innovare--aside__text_down,

a.innovare--white {

  font-size: 1.4rem;

  font-weight: 700;

  color: var(--light-color);

}



a.innovare--white:hover,

a.innovare--white:focus,

a.innovare--white:active {

  color: #ddd;

}



.innovare--aside__content p strong {

  font-weight: 700;

}



.innovare--firma {

  text-align: left;

  width: 140px;

}



.section-main .intro__countdown p.innovare--text-description {

  font-size: 3.8rem;

  line-height: 55px;

  font-weight: 700;

  font-family: var(--primary-font-family);

  width: 55%;

  padding: 30px;

}



p.copyright {

  color: rgba(255, 255, 255, 1);

}



body {

  overflow: auto;

  min-height: 600px;

}



.innovare-p-spacing {

  height: 12px;

  display: block;

  width: 100%;

}



@media screen and (min-width: 1200px) {

  .section-main__aside {

    position: absolute;

  }



  .innovare--aside__content {

    top: 0;

    transform: none;

    padding-top: 50px;

  }



  .aside__content,

  .aside__socials {

    padding-left: 2rem;

    padding-right: 5rem;

  }

}



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

  .innovare--aside-skew {

    right: -65%;

    /* transform: skew(-22deg); */

  }



  .section-main .intro__countdown p.innovare--text-description {

    font-size: 3rem;

    line-height: 34px;

  }



  .innovare--aside__content p.innovare--aside__text_up {

    font-size: 1.3rem;

    line-height: 18px;

  }



  .innovare--aside__content p.innovare--aside__text_middle {

    font-size: 1.3rem;

    line-height: 18px;

  }



  .aside__socials p.innovare--aside__text_down,

  a.innovare--white {

    font-size: 1.2rem;

    line-height: 17px;

  }



  .section-main .intro__countdown p.innovare--text-description {

    width: 50%;

  }

}



@media (max-width: 1400px) {

  .innovare--aside-skew {

    right: -60%;

  }



  .intro__header .logo img {

    width: 60%;

  }





  .section-main .intro__countdown p.innovare--text-description {

    width: 43%;

  }

}



@media (max-width: 1199px) {

  .innovare--aside-skew {

    right: -80%;

    /* transform: skew(-11deg); */

  }







  .section-main__aside {

    margin-top: -350px;

  }



  .color-layer-medium {

    display: none;

  }



  .section-main {

    height: auto;

  }



  .innovare--color-layer-mobile {

    background-color: rgba(0, 0, 0, 0.6);

  }



  .innovare--desktop-main-bg {

    background: none;

  }



  #main {

    background-image: url("../img/bg-landing@2x.png");

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

  }





  .intro__header {

    padding-top: 50px;

    padding-bottom: 50px;

  }



  .fullheight-desktop {

    height: auto !important;

  }



  #intro {

    background: transparent;

    position: relative;

  }



  .media__image {

    position: relative;

  }



  .intro__countdown {

    position: relative;

  }



  .innovare--aside-skew {

    top: 0;

    bottom: 0;

    height: 100%;

  }







  .section-main__intro {

    padding-bottom: 0;

  }



  #intro {

    z-index: 15;

  }











  .section-main__aside {

    margin-top: -300px;

  }





  .intro__header .logo img {

    width: 60%;

  }



  .innovare--aside-skew {

    right: -118%;

    width: 135%;

  }



  .aside__content,

  .aside__socials {

    width: 50%;

    margin-left: 50%;

  }



  .aside__text,

  .innovare--aside__text_up {

    max-width: 300px;

  }



  .aside__content {

    padding-left: 3rem;

    padding-right: 5rem;

  }



  .aside__content,

  .aside__socials {

    width: 40%;

    margin-left: 60%;

  }





  .section-main .intro__countdown p.innovare--text-description {

    font-size: 2.8rem;

    line-height: 39px;

  }







  #main {

    background: var(--primary-color);

  }



  .intro__countdown {

    margin-bottom: 100px;

  }



  .innovare--mobile-main-bg#intro {

    background-image: url("../img/bg-landing@2x.png");

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

    z-index: 10;

  }





  .section-main__aside {

    margin-top: 0;

    padding-top: 0;

  }



  .section-main .intro__countdown p.innovare--text-description {

    width: 85%;

  }



  .aside__content,

  .aside__socials {

    width: 80%;

    margin-left: 10%;

  }



  .innovare--aside-skew {

    transform-origin: right center;

    right: -186%;

    transform: skew(-83deg);

    /* width: 403%; */

    width: 367%;

  }



  .aside__text,

  .innovare--aside__text_up {

    max-width: none;

  }





  .aside__content,

  .aside__socials {

    width: 100%;

    margin-left: 0%;

    padding-left: 6rem;

    padding-right: 6rem;

  }



}



/* 



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



  .innovare--aside-skew {

    right: -125%;

  }



} */





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

  .innovare--aside-skew {

    right: -153%;

  }







  .section-main .intro__countdown p.innovare--text-description {

    font-size: 2.3rem;

    line-height: 35px;

  }



  .innovare--aside__content p.innovare--aside__text_up,

  .innovare--aside__content p.innovare--aside__text_middle {

    font-size: 1.3rem;

    line-height: 22px;

  }



  .innovare--firma {

    width: 130px;

  }

}



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

  .innovare--aside-skew {

    width: 460%;

  }

}



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



  .section-main .intro__countdown p.innovare--text-description {

    width: 100%;

  }



  .intro__countdown {

    margin-bottom: 50px;

  }



  .innovare--aside-skew {

    transform: skew(-82deg);

    right: -75%;

  }



  .innovare--firma {

    width: 100px;

  }

}





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

  .innovare--aside-skew {

    /* right: 85%; */

    right: 55%;

  }

}



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

  .innovare--aside-skew {

    right: 240%;

  }

}





@media screen and (min-width:1399px) {

  .col-xxl-4 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 33.33333%;

    -moz-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;



  }



  .offset-8 {

    margin-left: 66.66667%;

  }

}