@charset "UTF-8";
/* COLOR VARIABLES
============================================= */
/* COLORS
============================================= */
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* GRID
============================================= */
/* BOX SHADOW
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* TEXT TRANSFORM
============================================= */
/* ---------------------------------------------------------------------------------------------------- */
/* ISTITUZIONALI -------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.hiddena {
  display: block;
  position: relative;
  top: -180px;
  visibility: hidden;
}

#f14 h1 {
  width: 100%;
}

#menu-about-cont {
  background: #636B73;
  display: block;
  text-align: center;
}
#menu-about-cont a {
  border-bottom: 3px solid transparent;
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 12px 20px;
  font-size: 14px;
  -webkit-transition: padding 0.5s ease 0s;
  -moz-transition: padding 0.5s ease 0s;
  -o-transition: padding 0.5s ease 0s;
  transition: padding 0.5s ease 0s;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}
#menu-about-cont a:hover {
  background: #000000;
}
#menu-about-cont .fixed {
  position: fixed;
  top: 100px;
  z-index: 10;
  width: 100%;
  background: #000000;
  border-bottom: none;
  display: flex;
  overflow-x: auto;
  justify-content: center;
}
#menu-about-cont .fixed a {
  border-bottom: 4px solid transparent;
  display: inline-block;
  color: #FFFFFF;
}
#menu-about-cont .fixed a.active {
  background: #000000;
}

.about-us, .applications {
  margin-top: 50px;
}
.about-us .img-container, .applications .img-container {
  position: relative;
  min-height: 300px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}
.about-us .img-container .gallery, .applications .img-container .gallery {
  min-height: 50vh;
}
.about-us .text, .applications .text {
  padding: clamp(20px, 2vw, 100px) 0;
  max-width: 740px;
  width: 50vw;
}
.about-us h1, .about-us h2, .applications h1, .applications h2 {
  padding: 10px 0;
  margin: 0;
  color: #000000;
  font-size: clamp(26px, 2.5vw, 40px);
  line-height: normal;
  padding-bottom: 0;
}
.about-us h1 strong, .about-us h2 strong, .applications h1 strong, .applications h2 strong {
  color: #EA0029;
  font-weight: 400;
}
.about-us h1::after, .about-us h2::after, .applications h1::after, .applications h2::after {
  content: "";
  height: 2px;
  background-color: #EA0029;
  width: clamp(100px, 10vw, 185px);
  display: block;
  margin: clamp(7px, 2vw, 12px) 0;
}
.about-us h4, .applications h4 {
  padding: 15px 0;
  margin: 0;
}
.about-us p, .applications p {
  text-align: justify;
  margin: 0;
  padding: 15px 0;
}
.about-us #okForm p, .applications #okForm p {
  text-align: center;
}
.about-us.txtcenter h1, .about-us.txtcenter h2, .applications.txtcenter h1, .applications.txtcenter h2 {
  margin-top: 20px;
  display: inline-block;
}
.about-us.txtcenter h1::after, .about-us.txtcenter h2::after, .applications.txtcenter h1::after, .applications.txtcenter h2::after {
  margin: clamp(15px, 4vw, 25px) auto;
}
.about-us.flex, .applications.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.about-us.flex .img-container, .applications.flex .img-container {
  width: calc(50vw - 60px);
  margin-right: 40px;
}
.about-us.flex .text, .applications.flex .text {
  margin-left: 40px;
  text-align: justify;
  text-justify: distribute;
}

.applications {
  /*.related-prods {
    @include grid();
    grid-template-columns: 150px 250px auto ;
    grid-template-rows: auto auto auto;
    grid-template-areas: "img codice codice" "img descrizione descrizione" "img link .";
    column-gap: 10px;

    picture {
      grid-area: img;
    }
    h4 {
      grid-area: codice;
    }
    p {
      grid-area: descrizione;
    }
    a {
      grid-area: link;
    }
  }*/
}
.applications h1, .applications h2 {
  font-size: clamp(18px, 3vw, 45px);
  line-height: clamp(24px, 3vw, 45px);
}
.applications .related-prods {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.applications .related-prods article {
  width: 180px;
  margin: 5px;
  margin-left: 0;
}
.applications .related-prods article a {
  color: #000000;
}
.applications .related-prods article picture {
  position: relative;
  border: 1px solid #E2E6EB;
  margin-bottom: 10px;
  margin-left: 0;
}
.applications .related-prods article picture img {
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}
.applications .related-prods article picture h5 {
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  color: #FFFFFF;
  padding: 5px 10px;
}
.applications .related-prods article a:hover picture img {
  opacity: 0.8;
}

.container-large:nth-child(2n) .about-us.flex {
  flex-direction: row-reverse;
}
.container-large:nth-child(2n) .about-us.flex .img-container {
  margin-right: 0;
  margin-left: 40px;
}
.container-large:nth-child(2n) .about-us.flex .text {
  margin-left: 0;
  margin-right: 40px;
}

.container-full:nth-child(2n) .applications.flex {
  flex-direction: row-reverse;
}
.container-full:nth-child(2n) .applications.flex .img-container {
  margin-right: 0;
  margin-left: 40px;
}
.container-full:nth-child(2n) .applications.flex .text {
  margin-left: 0;
  margin-right: 40px;
}

.detail ul li,
.about-us ul li,
.applications ul li,
.privacyDetail ul li,
.editorial ul li {
  color: #636B73;
  margin-left: 21px;
  list-style: none;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  padding: 5px 0;
  font-size: 14px;
}

.catalogue-detail ul li::before, .about-us ul li::before, .blog-article article ul li::before {
  color: #EA0029;
  font-family: "tabler-icons";
  content: "";
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  left: -20px;
  font-size: 12px;
  top: 5px;
}

.utility ul li, .grkSlider ul li {
  margin-left: 0px;
}

.utility ul li::before, .grkSlider ul li::before, .blog-article article .grkSlider ul li::before {
  display: none;
}

.utility li.right {
  text-align: right;
}

.detail ol, .about-us ol, .applications ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.detail ol li, .about-us ol li, .applications ol li {
  color: #636B73;
  border-bottom: 1px solid #D5D5D5;
  counter-increment: my-awesome-counter;
  width: 100%;
  margin: 0;
  padding: 15px 0;
  line-height: 22px;
}

.detail ol li::before, .about-us ol li::before {
  color: #EA0029;
  content: "0" counter(my-awesome-counter);
  font-weight: bold;
  font-size: 40px;
  margin-right: 30px;
  line-height: 40px;
  float: left;
  height: 100%;
}

.about-us ol li h3,
.applications ol li h3 {
  line-height: 45px;
}

.gallery-about .three {
  margin: 0.2%;
  padding: 0;
  width: 24.6%;
}

.padding-percent {
  padding: 5%;
}

.help {
  padding: 30px 0;
}
.help h3.underline {
  font-family: "NeueHaasGrotesk-Roman", Arial, Helvetica, Clean, sans-serif;
  color: #FFFFFF;
}
.help h4 {
  font-size: 18px;
  margin: 30px 0;
  line-height: 28px;
  color: #FFFFFF;
}
.help p {
  color: #FFFFFF;
}
.help .btn {
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 30px;
}
.help h1 {
  color: #FFFFFF;
}

/* ---------------------------------------------------------------------------------------------------- */
/* PAGINE DOCUMENTALI --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.document .about-us h1, .document .about-us h2, .document .about-us h3, .document .about-us h4, .document .about-us h5, .document .about-us p, .document .about-us ul li, .document .about-us.txtcenter h1, .document .about-us.txtcenter h2, .document .about-us.txtcenter h3, .document .about-us.txtcenter h4, .document .about-us.txtcenter h5, .document .about-us.txtcenter p, .document .about-us.txtcenter ul li {
  text-align: justify;
  padding: 0;
  margin-top: 20px;
}
.document .about-us h1, .document .about-us h2, .document .about-us.txtcenter h1, .document .about-us.txtcenter h2 {
  font-size: 30px;
  line-height: 35px;
  margin-top: 40px;
}
.document .about-us h3, .document .about-us.txtcenter h3 {
  font-size: 22px;
  line-height: 30px;
}
.document .about-us h4, .document .about-us.txtcenter h4 {
  font-size: 16px;
  color: #636B73;
}
.document .about-us p, .document .about-us.txtcenter p {
  margin: 10px 0;
  font-size: 14px;
  line-height: 20px;
  color: #636B73;
}

/* ---------------------------------------------------------------------------------------------------- */
/* PAGINE ------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
#map-canvas {
  width: 100%;
  height: clamp(250px, calc( 50vw - 40px), 500px);
}

.general-contacts-container {
  padding: 30px 0;
}

.general-contacts-container h2 {
  margin-bottom: 20px;
}

.warning {
  font-style: italic;
  margin: 20px 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
@media all and (max-width: 1023px) {
  .about-us.txtcenter {
    text-align: left;
  }

  .container-large:nth-child(2n) .about-us.flex .text {
    margin-right: 0;
  }

  .container-full:nth-child(2n) .applications.flex .text {
    margin-right: 0;
  }

  .container-large:nth-child(2n) .about-us.flex {
    flex-direction: column;
  }
  .container-large:nth-child(2n) .about-us.flex .img-container {
    width: 100%;
    min-height: calc(66vw - 40px);
    margin-left: 0;
    margin-right: 0;
  }

  .container-full:nth-child(2n) .applications.flex {
    flex-direction: column;
  }
  .container-full:nth-child(2n) .applications.flex .img-container {
    width: 100%;
    min-height: calc(66vw - 40px);
    margin-left: 0;
    margin-right: 0;
  }

  .about-us.flex, .container-large:nth-child(2n+1) .about-us.flex,
.applications.flex, .container-full:nth-child(2n+1) .applications.flex {
    flex-direction: column;
  }
  .about-us.flex .img-container, .container-large:nth-child(2n+1) .about-us.flex .img-container,
.applications.flex .img-container, .container-full:nth-child(2n+1) .applications.flex .img-container {
    width: 100%;
    min-height: calc(66vw - 40px);
    margin-left: 0;
    margin-right: 0;
  }
  .about-us.flex .text, .container-large:nth-child(2n+1) .about-us.flex .text,
.applications.flex .text, .container-full:nth-child(2n+1) .applications.flex .text {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 1023px) {
  #menu-about-cont {
    display: none;
  }
}

/*# sourceMappingURL=istituzionali.css.map */