/* Variabili*/
/*@import "margini-griglia";*/
/*reset*/
html {
  font-size: 16px;
  /*scroll-behavior: smooth;*/
}

a, a:hover, a:visited, a:active, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/*CONTAINER BIG*/
.container {
  width: 1340px; }

.tasto {
  padding: 0.75em 1em;
  display: inline-block;
  line-height: 1em;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
  background-color: #0069b4;
  color: #fff;
  font-size: 0.9em; }
  p + .tasto {
    margin-top: 1em; }
  .tasto:hover, .tasto:active, .tasto:focus {
    background-color: #0055a0;
    color: #fff; }
  .tasto:visited {
    color: #fff; }
  .tasto.continua {
    position: relative;
    padding-right: 30px; }
    .tasto.continua:after {
      content: '>';
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }
  .tasto [class^="icon-"], .tasto [class*=" icon-"] {
    font-size: 1.5em; }

.tasto_bianco {
  padding: 0.75em 1em;
  display: inline-block;
  line-height: 1em;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
  background-color: #0069b4;
  color: #fff;
  font-size: 0.9em;
  background-color: rgba(255, 255, 255, 0.9);
  color: #0069b4; }
  p + .tasto_bianco {
    margin-top: 1em; }
  .tasto_bianco:hover, .tasto_bianco:active, .tasto_bianco:focus {
    background-color: #0055a0;
    color: #fff; }
  .tasto_bianco:visited {
    color: #fff; }
  .tasto_bianco.continua {
    position: relative;
    padding-right: 30px; }
    .tasto_bianco.continua:after {
      content: '>';
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }
  .tasto_bianco [class^="icon-"], .tasto_bianco [class*=" icon-"] {
    font-size: 1.5em; }
  .tasto_bianco:hover, .tasto_bianco:active, .tasto_bianco:focus {
    background-color: white;
    color: #0069b4; }
  .tasto_bianco:visited {
    color: #0069b4; }

.tasto_colore2 {
  padding: 0.75em 1em;
  display: inline-block;
  line-height: 1em;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
  background-color: #0069b4;
  color: #fff;
  font-size: 0.9em;
  background-color: #eff2f4;
  color: #fff; }
  p + .tasto_colore2 {
    margin-top: 1em; }
  .tasto_colore2:hover, .tasto_colore2:active, .tasto_colore2:focus {
    background-color: #0055a0;
    color: #fff; }
  .tasto_colore2:visited {
    color: #fff; }
  .tasto_colore2.continua {
    position: relative;
    padding-right: 30px; }
    .tasto_colore2.continua:after {
      content: '>';
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }
  .tasto_colore2 [class^="icon-"], .tasto_colore2 [class*=" icon-"] {
    font-size: 1.5em; }
  .tasto_colore2:hover, .tasto_colore2:active, .tasto_colore2:focus {
    background-color: #f2f8fb;
    color: #fff; }
  .tasto_colore2:visited {
    color: #fff; }

.flexcenter {
  display: flex;
  justify-content: center;
  align-items: center; }

.flexstretch {
  display: flex;
  justify-content: center;
  align-items: stretch; }

.sfumatura {
  position: relative; }
  .sfumatura:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6em;
    z-index: -1;
    background: -moz-linear-gradient(top, #d8d8d8 0%, rgba(216, 216, 216, 0) 100%);
    background: -webkit-linear-gradient(top, #d8d8d8 0%, rgba(216, 216, 216, 0) 100%);
    background: linear-gradient(to bottom, #d8d8d8 0%, rgba(216, 216, 216, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#00d8d8d8',GradientType=0 ); }

.color1, a.color1 {
  color: #0069b4; }

/* LAYOUT */
body {
  background-color: #fff; }

a[name] {
  display: block;
  height: 110px;
  position: absolute;
  top: -2em;
  width: 50px; }

.solomobile {
  display: none; }

img {
  max-width: 100%; }
  img.grande {
    min-width: 100%; }

section.pagina {
  margin-top: 110px; }
  .testata section.pagina {
    margin-top: 0; }

/*STILI*/
.boxgrigio {
  background-color: #939393;
  color: #fff; }

.boxcolore1 {
  background-color: #0069b4;
  color: #fff; }
  .boxcolore1 .tasto {
    background-color: #0055a0; }
    .boxcolore1 .tasto:hover {
      background-color: #00418c; }
  .boxcolore1 h1, .boxcolore1 h2, .boxcolore1 h3 {
    color: inherit !important; }

.boxcolore2 {
  background-color: #eff2f4; }
  .boxcolore2 .tasto {
    background-color: #0055a0; }
    .boxcolore2 .tasto:hover {
      background-color: #00418c; }

.boxgrigio-chiaro {
  background-color: #eaeaea; }

.clear {
  clear: both; }

ul.puntato {
  list-style: initial;
  margin-left: 1em; }
  ul.puntato li {
    padding: 0.3em 0;
    text-align: left; }

.nota {
  font-size: 0.9em;
  color: #666; }
  .nota.asterisco {
    margin-left: 1em; }
    .nota.asterisco:before {
      content: '* ';
      color: #0069b4; }

.no_padding, div.no_padding {
  padding: 0; }

.no_border, div.no_border {
  border: none; }

img.totale {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.relative {
  position: relative; }

/*ELEMENTI*/
#back-top {
  position: fixed;
  display: none;
  z-index: 100;
  bottom: 1.5em;
  right: 1em;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 100%;
  /* border: 2px solid #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.3);*/ }
  .shrink #back-top {
    display: inherit; }
  #back-top:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 2rem;
    transform-origin: center;
    font-weight: 900;
    color: #0069b4; }

.separatore {
  border-top: 1px dashed rgba(0, 0, 0, 0.5);
  width: 100%;
  clear: both; }

.fascia {
  padding: 5em 0; }

.elencobox {
  margin: 1em -10px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left; }
  .elencobox.box2 .box {
    max-width: calc(50% - 30px);
    flex: 1 1 calc(50% - 30px);
    -webkit-flex: 1 1 calc(50% - 30px); }
  .elencobox.box3 .box {
    max-width: calc(33.33333% - 30px);
    flex: 1 1 calc(33.33333% - 30px);
    -webkit-flex: 1 1 calc(33.33333% - 30px); }
  .elencobox.box4 .box {
    max-width: calc(25% - 30px);
    flex: 1 1 calc(25% - 30px);
    -webkit-flex: 1 1 calc(25% - 30px); }
  .elencobox.box5 .box {
    max-width: calc(20% - 30px);
    flex: 1 1 calc(20% - 30px);
    -webkit-flex: 1 1 calc(20% - 30px); }
  .elencobox .box {
    margin: 15px 15px 30px;
    position: relative; }
    .elencobox .box .immagine img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
      margin: 0 0 2em; }
    .elencobox .box .testo {
      line-height: 1.2em; }
      .elencobox .box .testo a {
        display: inline-block;
        margin-top: 1em; }
    .elencobox .box .logo {
      text-align: center; }
      .elencobox .box .logo img {
        width: 250px;
        max-width: 100%; }
    .elencobox .box.contain .immagine img {
      object-fit: contain; }
  .elencobox.stretti .box .immagine img {
    height: 175px; }
  .elencobox .separatore {
    margin-bottom: 3em; }
  .elencobox.modelli .immagine img {
    height: 200px; }
  .elencobox.piastrelle .box .testo {
    padding: 2em; }
  .elencobox.piastrelle .box h3 {
    text-align: center; }
  .elencobox.rassegna .box .immagine img {
    height: auto; }

[class^="tasto"].tondo, [class*=" tasto"].tondo {
  border-radius: 100%;
  width: 3em;
  height: 3em;
  padding: 0;
  line-height: 3em;
  font-size: 1.3em;
  text-align: center; }

a.icona {
  color: #0069b4;
  display: inline-block;
  font-size: 80px;
  line-height: 1em; }

.sfondo .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0; }
  .sfondo .background img {
    object-fit: cover;
    object-position: center;
    z-index: 0;
    width: 100%;
    height: 100%; }

.spoiler {
  min-height: 580px;
  text-align: center;
  background-color: #f5f5f5; }
  .spoiler .testo {
    position: relative;
    z-index: 1; }
    .spoiler .testo h3 {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600; }
    .spoiler .testo .titolo {
      font-size: 2em;
      margin: 0.75em;
      line-height: 1em; }
  .spoiler .background {
    top: auto;
    bottom: 0;
    height: 75%; }
    .spoiler .background:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100px;
      top: 0;
      left: 0;
      background: -moz-linear-gradient(top, whitesmoke 0%, rgba(245, 245, 245, 0) 100%);
      background: -webkit-linear-gradient(top, whitesmoke 0%, rgba(245, 245, 245, 0) 100%);
      background: linear-gradient(to bottom, whitesmoke 0%, rgba(245, 245, 245, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 ); }
  .spoiler.boxcolore1 {
    background-color: #0069b4; }
    .spoiler.boxcolore1 .background:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100px;
      top: 0;
      left: 0;
      background: -moz-linear-gradient(top, #0069a2 0%, rgba(0, 105, 162, 0) 100%);
      background: -webkit-linear-gradient(top, #0069a2 0%, rgba(0, 105, 162, 0) 100%);
      background: linear-gradient(to bottom, #0069a2 0%, rgba(0, 105, 162, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 ); }
    .spoiler.boxcolore1.nero {
      background-color: #000; }
      .spoiler.boxcolore1.nero .background:after {
        background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 ); }
  .spoiler .tasti {
    position: absolute;
    width: 100%;
    bottom: 20px; }
    .spoiler .tasti a {
      margin: 0.1em 0.3em; }

.storia img.big {
  margin-bottom: 3em; }
.storia img.mobile {
  display: none; }

.icone-link {
  text-align: center; }
  .icone-link > div {
    padding: 0 2em;
    margin-bottom: 2em; }
    .news .icone-link > div {
      margin: 1.5em auto 2em; }
  .icone-link a {
    color: #0069b4;
    font-weight: 400; }
  .icone-link .icona {
    display: inline-block;
    margin: 1rem 0; }
    .box-icone.vocazione .icone-link .icona {
      margin-top: 6rem; }

.box-icone .riga {
  clear: both;
  overflow: hidden; }
  .box-icone .riga + .riga {
    margin-top: 1em; }

.accordion .panel-heading {
  padding: 0;
  border-radius: 0; }
.accordion .panel-title > a {
  display: block;
  padding: 0.5em 1em;
  background-color: #0069b4;
  color: #fff;
  position: relative; }
  .accordion .panel-title > a:hover {
    background-color: #0055a0; }
  .accordion .panel-title > a:after {
    content: '-';
    position: absolute;
    right: 0.5em;
    font-size: 2em;
    line-height: 0.5em; }
  .accordion .panel-title > a.collapsed:after {
    content: '+'; }
.accordion .panel + .panel {
  margin-top: -1px; }

.controlli-freccia-alti {
  position: absolute;
  top: 0;
  right: 0;
  color: #0069b4; }

a.biscotto_tondo {
  padding: 1.1em;
  padding-right: 3em;
  text-transform: uppercase;
  background-color: #0069b4;
  font-size: 1.15em;
  font-weight: 300;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  width: 60%;
  text-align: right;
  border-radius: 100px 0 0 100px;
  color: #fff; }
  a.biscotto_tondo:hover {
    background-color: #0055a0; }
  a.biscotto_tondo span[class^="icon"] {
    font-size: 3em;
    line-height: 0;
    position: relative;
    top: 18px;
    right: -10px; }

.pre-biscotto {
  padding-bottom: 3em; }
  .pre-biscotto.boxcolore2 {
    padding-bottom: 6em; }

.post-biscotto {
  padding-top: 3em; }
  .post-biscotto.boxcolore2 {
    padding-top: 6em; }

.titologrande h2 {
  font-size: 2.2em;
  margin-bottom: 1.2em; }
.titologrande.con_scroller h2 {
  padding-right: 2.1em; }

.news {
  padding-top: 5em; }
  .news .argomenti {
    padding: 3em 2em; }

.argomenti {
  font-size: 0.9em; }
  .argomenti img {
    margin-bottom: 1.5em;
    height: 240px;
    width: 100%;
    object-fit: cover; }
  .argomenti #rassegna img {
    height: auto; }
  .argomenti .argomento {
    margin-bottom: 3em; }
    .argomenti .argomento .descrizione {
      position: relative;
      padding-right: 60px; }
      .argomenti .argomento .descrizione .tasti {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px; }
      .argomenti .argomento .descrizione .tasto {
        font-size: 0.75rem;
        margin: 0 0 2px;
        width: 50px;
        padding: 0.7em 0.6em;
        text-align: center; }
      .argomenti .argomento .descrizione .prodotto {
        font-weight: 600;
        color: #0069b4; }
  .argomenti .tile {
    padding: 0 0.5rem; }
  .argomenti.maxi img {
    height: 400px; }
  .argomenti.maxi .tile {
    padding: 0 0.5rem; }

.newsletter .icon-mail {
  position: absolute;
  color: #489;
  font-size: 2.5em;
  transform: translate(-20%, -50%);
  top: 50%;
  right: 0;
  z-index: 10; }
.newsletter .input-group {
  padding: 1em 0; }
  .newsletter .input-group input {
    line-height: 3.5em;
    height: 3.5em;
    background-color: #eff2f4;
    color: #0069b4;
    border: none;
    border-radius: 0;
    font-weight: 600;
    padding-right: 60px;
    font-size: 1.1em; }
    .newsletter .input-group input::placeholder {
      color: #0069b4;
      font-weight: 300; }
    .boxcolore2 .newsletter .input-group input {
      background-color: #fff; }
.newsletter.novita h2 {
  font-size: 2em; }
.newsletter.novita .input-group {
  display: inline-block; }

.placeholder-blu {
  color: #0069b4;
  font-weight: 600; }
  .placeholder-blu::placeholder {
    color: #0069b4;
    font-weight: 300; }

.introduzione {
  padding: 3em 0;
  font-size: 1.4em;
  position: relative; }
  .introduzione h2 {
    text-transform: none; }
  .introduzione .testo {
    max-width: 75%;
    padding: 0; }

.scopri {
  text-align: center;
  font-size: 18px;
  color: #0069b4; }
  .scopri .icona {
    font-size: 80px;
    margin-bottom: 10px;
    display: inline-block; }
  .carousel .scopri {
    position: absolute;
    z-index: 10;
    bottom: 1.5em;
    left: 50%;
    transform: translateX(-50%);
    color: #fff; }
    .carousel .scopri .icona {
      color: #fff; }
  .introduzione .scopri {
    position: relative;
    top: 3em; }

#socialmedia {
  margin: 3em 0; }
  #socialmedia .container {
    display: flex; }
  #socialmedia .video {
    width: 65%;
    padding-top: 2em;
    position: relative; }
    #socialmedia .video:before {
      content: '';
      display: block;
      position: absolute;
      width: 50%;
      height: 3em;
      background-color: #0069b4;
      top: 0;
      right: 0; }
    #socialmedia .video .media {
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative; }
      #socialmedia .video .media iframe, #socialmedia .video .media object, #socialmedia .video .media embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
    #socialmedia .video .testo {
      padding: 0 1em; }
    #socialmedia .video .titolo {
      display: none; }
  #socialmedia .altro {
    width: 35%; }
    #socialmedia .altro .intro {
      padding: 3em; }
  #socialmedia .titolo {
    line-height: 2em;
    margin-bottom: 1rem; }
    #socialmedia .titolo span {
      font-size: 2em;
      position: relative;
      top: 0.25em;
      margin-right: 5px; }
  #socialmedia .instagram {
    position: relative;
    padding: 0 3em; }
    #socialmedia .instagram:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: calc(100% - 110px);
      background-color: #fff;
      bottom: 0;
      left: 0; }
    #socialmedia .instagram .posts {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      z-index: 1;
      margin: 0 -1rem; }
      #socialmedia .instagram .posts .post {
        max-width: 50%;
        padding: 0.5rem; }

.embed-video {
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative; }
  .embed-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

#login .input-group {
  padding: 0.5em 0;
  width: 100%; }
  #login .input-group input {
    line-height: 3em;
    height: 3em;
    color: #0069b4;
    border: none;
    border-radius: 0;
    font-weight: 600;
    font-size: 1.1em;
    padding: 1em; }
    #login .input-group input::placeholder {
      color: #0069b4;
      font-weight: 300; }
#login .icon-avanza {
  margin: 0.5em;
  font-size: 3em; }

.bicolore {
  position: relative; }
  .bicolore:before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    background-color: #eff2f4; }

.menu-verticale {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.1em;
  position: relative; }
  .menu-verticale li a {
    background-color: #eff2f4;
    padding: 1em;
    color: #0069b4;
    display: block;
    position: relative; }
    .menu-verticale li a [class^="icon-"], .menu-verticale li a [class*=" icon-"] {
      position: absolute;
      color: #0069b4;
      right: 0.5em;
      z-index: 10;
      font-size: 2em;
      top: 50%;
      transform: translateY(-50%); }
    .menu-verticale li a.active, .menu-verticale li a:hover {
      background-color: #0069b4;
      color: #fff; }
      .menu-verticale li a.active [class^="icon-"], .menu-verticale li a.active [class*=" icon-"], .menu-verticale li a:hover [class^="icon-"], .menu-verticale li a:hover [class*=" icon-"] {
        color: #fff; }
    .menu-verticale li a.active:hover {
      background-color: #0055a0; }
    .boxcolore2 .menu-verticale li a {
      background-color: #fff; }
      .boxcolore2 .menu-verticale li a.active, .boxcolore2 .menu-verticale li a:hover {
        background-color: #0069b4;
        color: #fff; }
        .boxcolore2 .menu-verticale li a.active [class^="icon-"], .boxcolore2 .menu-verticale li a.active [class*=" icon-"], .boxcolore2 .menu-verticale li a:hover [class^="icon-"], .boxcolore2 .menu-verticale li a:hover [class*=" icon-"] {
          color: #fff; }
  .menu-verticale li + li {
    margin-top: 3px; }
  .menu-verticale .dropdown-menu {
    border: none;
    width: calc(100% - 30px);
    left: auto; }
    .menu-verticale .dropdown-menu li a {
      white-space: normal; }
  .menu-verticale.solomobile a.active:after {
    content: '+';
    position: absolute;
    right: 1em;
    font-size: 2rem; }
  .menu-verticale.solomobile .open a.active:after {
    content: '-'; }
  .menu-verticale [class^="icon-"], .menu-verticale [class*=" icon-"] {
    position: absolute;
    color: #0069b4;
    right: 0.5em;
    z-index: 10;
    font-size: 2em;
    top: 50%;
    transform: translateY(-50%); }

.scheda {
  margin-bottom: 2em; }
  .scheda .immagine {
    margin-bottom: 2em; }

.elenco-download .argomento h3, .elenco-download .argomento p {
  margin: 0.2em 0; }
.elenco-download .argomento .icona {
  margin-bottom: 15px; }
.elenco-download img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  }
.elenco-download .descrizione {
  margin-top: 1em;
  position: relative;
  padding-right: 50px; }
  .elenco-download .descrizione a {
    position: absolute;
    right: 0;
    font-size: 35px;
    color: #0069b4;
    top: 5px; }

.recapiti {
  color: #0069b4;
  font-size: 1.2em;
  margin: 2em 0;
  font-size: 0.8em; }

.pulsantiera {
  padding-bottom: 2em;
  justify-content: center; }
  .pulsantiera .container {
    display: flex;
    flex-wrap: wrap; }
  .pulsantiera .item {
    text-align: center;
    width: 24%;
    padding: 1em;
    /*border-left:1px solid $colore1; border-right:1px solid $colore1;*/
    margin: 0 0 50px 0; }
    .pulsantiera .item a {
      font-size: 1.2em;
      color: #0069b4; }
    .pulsantiera .item a.icona {
      font-size: 60px;
      margin-bottom: 30px; }
    .pulsantiera .item.active {
      font-weight: bold; }
    .pulsantiera .item.active, .pulsantiera .item:hover {
      /*background-color: $colore2; box-shadow: 0 0 30px 20px #fff inset; */
      font-weight: bold; }
  .specifiche_tecniche .pulsantiera .container {
    width: 100%; }
  .specifiche_tecniche .pulsantiera .item {
    width: 25%;
    margin: 0 0 25px 0; }
    .specifiche_tecniche .pulsantiera .item a.icona {
      margin-bottom: 12px;
      font-size: 60px; }
    .specifiche_tecniche .pulsantiera .item a {
      font-size: 0.85em;
      line-height: 1.2em;
      display: inline-block; }
    .specifiche_tecniche .pulsantiera .item.active, .specifiche_tecniche .pulsantiera .item:hover {
      /* background-color: #fff; box-shadow: 0 0 30px 20px #eff2f4 inset; */ }
  .pulsantiera h3 {
    margin-bottom: 1em;
    text-align: center; }

.reparti {
  display: flex; }
  .reparti .planimetria {
    text-align: center; }
    .reparti .planimetria img {
      max-width: 80%; }
  .reparti .reparto {
    position: relative; }
  .reparti .seleziona {
    color: #0069b4;
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 1em; }

.certificazioni .item {
  text-align: center;
  margin: 1em 0; }
  .certificazioni .item img {
    max-width: 80%; }

/*MODALI*/
.modal-sm {
  width: 380px; }

.modal .modal-dialog {
  margin-top: 10vh; }
.modal .modal-content {
  overflow: hidden;
  background-color: #eff2f4;
  padding: 0.5em 1em;
  border-radius: unset; }
.modal .modal-header {
  border-bottom: none; }
  .modal .modal-header h3 [class^="icon-"], .modal .modal-header h3 [class*=" icon-"] {
    color: #0069b4;
    font-size: 1.5em;
    position: relative;
    top: 0.2em;
    margin-right: 5px; }
.modal button.close {
  position: absolute;
  right: 0.25em;
  top: 0;
  z-index: 2;
  font-weight: 100;
  font-size: 50px;
  line-height: 1em;
  color: #0069b4;
  opacity: 0.8; }
  .modal button.close:hover {
    color: #0055a0;
    opacity: 1; }

.leftRs, .rightRs {
  position: absolute;
  top: 0.1em;
  right: 0;
  color: #0069b4;
  font-size: 2em;
  cursor: pointer; }
  .leftRs:hover, .rightRs:hover {
    color: #0055a0; }

.leftRs {
  right: 1.2em; }

.cronologia .tile {
  text-align: center;
  padding: 2em 1em 1em;
  position: relative; }
  .cronologia .tile:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #0069b4;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 100%; }
.cronologia h3 {
  margin-bottom: 2em; }
.cronologia .linea {
  position: absolute;
  width: 100%;
  border-top: 1px solid #0069b4;
  top: 5px; }

.notizia {
  font-size: 1.1em; }
  .notizia h2 {
    margin-bottom: 1em; }
  .notizia .data {
    color: #0069b4;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1em;
    display: inline-block; }
  .notizia img.grande {
    margin-bottom: 2em; }
  .notizia .tag {
    text-transform: uppercase;
    font-size: 1.1em; }
  .notizia a {
    color: #0069b4;
    font-weight: 400; }
    .notizia a:hover {
      color: #0055a0; }

.icone-social {
  display: flex;
  color: #0069b4;
  justify-content: space-around;
  margin-top: 3em; }
  .icone-social [class^="icon-"], .icone-social [class*=" icon-"] {
    font-size: 50px; }

.mappa {
  display: flex;
  align-items: end; }

#map {
  margin: 0px auto;
  height: 50vh;
  position: relative;
  overflow: hidden; }

/*FORM*/
.boxform {
  padding: 2em;
  margin: 1em 0 0; }
  .boxgrigio-chiaro .boxform {
    margin: 1em auto;
    color: #0069b4; }
  .boxform #messaggio {
    min-height: 15em; }

.contatto {
  margin: 2em 0 0;
  border-bottom: 1px solid #ccc; }

label {
  font-weight: inherit; }

.btn-default {
  padding: 0.75em 1em;
  display: inline-block;
  line-height: 1em;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
  background-color: #0069b4;
  color: #fff;
  font-size: 0.9em;
  border: none;
  padding: 0.75em 1.5em;
  font-size: 0.8em; }
  p + .btn-default {
    margin-top: 1em; }
  .btn-default:hover, .btn-default:active, .btn-default:focus {
    background-color: #0055a0;
    color: #fff; }
  .btn-default:visited {
    color: #fff; }
  .btn-default.continua {
    position: relative;
    padding-right: 30px; }
    .btn-default.continua:after {
      content: '>';
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }
  .btn-default [class^="icon-"], .btn-default [class*=" icon-"] {
    font-size: 1.5em; }
  .btn-default:hover {
    color: #fff; }
  #img .btn-default, .fondoblu .btn-default {
    background-color: #fff;
    color: #333; }

.gruppo_filtri {
  margin-top: 2em; }
  .gruppo_filtri .campo {
    padding: 1px; }
  .gruppo_filtri select {
    background-color: #eff2f4;
    color: #0069b4;
    border: 1px solid #0069b4;
    width: 100%;
    padding: 0.25em 0;
    font-weight: 600;
    border-radius: 0; }
  .gruppo_filtri .icone-link {
    margin: 2em 0;
    text-align: left; }
    .gruppo_filtri .icone-link > div {
      display: inline-block;
      padding: 0 0.5em;
      text-align: center; }

.elenco-campi .campo {
  margin-bottom: 15px; }
  .elenco-campi .campo input[type="text"], .elenco-campi .campo input[type="file"], .elenco-campi .campo textarea, .elenco-campi .campo select {
    background-color: #eff2f4;
    border: none;
    color: #0069b4;
    width: 100%;
    font-weight: 600;
    border-radius: 0;
    padding-left: 1em;
    font-size: 1em; }
    .elenco-campi .campo input[type="text"]::placeholder, .elenco-campi .campo input[type="file"]::placeholder, .elenco-campi .campo textarea::placeholder, .elenco-campi .campo select::placeholder {
      color: #0069b4;
      font-weight: 300; }
  .elenco-campi .campo input[type="text"], .elenco-campi .campo input[type="file"], .elenco-campi .campo select {
    height: 50px; }
  .elenco-campi .campo textarea {
    height: 150px; }
  .elenco-campi .campo input[type="file"] {
    padding: 0; }

.elenco-check .item {
  margin-bottom: 1.5em;
  position: relative;
  padding-left: 40px; }
.elenco-check input[type="radio"], .elenco-check input[type="checkbox"] {
  position: absolute;
  left: 0; }
.elenco-check p {
  margin-top: 0; }

/*TOOLBAR*/
#toolbar {
  background-color: #eef2f5;
  padding: 0.5em 50px;
  color: #0069a2;
  height: 55px;
  position: relative; }
  #toolbar > * {
    float: right; }
  #toolbar .icon-user {
    font-size: 30px;
    margin-top: 3px; }
  #toolbar .infomail {
    font-weight: 400;
    position: relative;
    top: 7px;
    right: 20px; }

.scelta_lingue {
  font-size: 15px;
  margin: 3px 1.5em 0 0; }
  .scelta_lingue .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #eff2f4;
    z-index: 200; }
    .scelta_lingue .dropdown .dropdown-content a {
      text-decoration: none;
      display: block;
      text-align: left;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      padding: 0.5em 1em;
      white-space: nowrap; }
      .scelta_lingue .dropdown .dropdown-content a:hover {
        color: #0055a0;
        font-weight: 600; }
      .scelta_lingue .dropdown .dropdown-content a + a {
        border-top: 2px solid #fff; }
  .scelta_lingue .dropdown:hover .dropdown-content {
    display: block; }
  .scelta_lingue .dropdown a {
    width: 120px; }
    .scelta_lingue .dropdown a.active {
      font-weight: 600; }

.scelta {
  margin: 0 1em; }
  .scelta .trigger {
    width: 100%;
    background-color: #eff2f4;
    border: 1px solid #0069b4;
    display: block;
    color: #0069b4;
    padding: 0.5em 1em; }
    .scelta .trigger .caret {
      position: absolute;
      right: 1em;
      top: 20px; }
  .scelta .dropdown-menu {
    width: 100%;
    padding: 0;
    background-color: #eff2f4; }
    .scelta .dropdown-menu li {
      padding: 0 1.2em; }
      .scelta .dropdown-menu li a {
        font-size: 1.1em;
        padding: 0.66em 0;
        color: #0069b4; }
        .scelta .dropdown-menu li a:hover {
          background-color: transparent; }
      .scelta .dropdown-menu li + li a {
        border-top: 1px solid #bcf; }
      .scelta .dropdown-menu li:hover {
        background-color: #e0e5f9; }
  .automazione .scelta {
    margin: 3em 1em 0em; }

/*MENU*/
.navbar-brand {
  z-index: 100;
  position: absolute;
  height: auto;
  padding: 0;
  float: none;
  left: 40px;
  top: 10px;
    /*
	.testata &, .menu.aperto &.bianco, &.bianco, .shrink.testata &.bianco  {opacity:0;}
	.testata &.bianco, .menu.aperto &, .shrink.testata &, #toolbar & {opacity:1;}
    */ }
  .navbar-brand img {
    max-width: 196px;
    position: absolute; }
  .navbar-brand.bianco {
    display: none; }
  #toolbar .navbar-brand {
    top: 15px;
    display: none; }

.menu {
  position: absolute;
  width: 100%;
  top: 55px;
  z-index: 50;
  background-color: #fff;
  padding: 2.2em 2em 2.5em;
  overflow: hidden;
  height: 99px;
  /*.testata & {background-color:transparent;
  	.numero, h3 {color:#fff;
  	}
  	.bordo {border-color: #fff;}
  }*/ }
  .shrink .menu {
    position: fixed;
    top: 0; }
  .menu .voci {
    display: flex;
    max-width: 75%;
    float: right;
    width: 100%; }
  .menu .voce {
    width: 33.33%;
    padding-right: 2em;
    /*padding-left:40px;*/
    position: relative; }
    .menu .voce .opener {
      position: absolute;
      display: block;
      width: calc(100% - 2em);
      height: 50px;
      top: 0;
      left: 0; }
    .menu .voce .bordo {
      border-left: 2px solid #fff;
      padding-left: 1em; }
    .menu .voce .numero {
      position: absolute;
      color: #0069b4;
      font-size: 1.4em;
      left: 0;
      display: none; }
    .menu .voce .contenuto p {
      line-height: 1.2em;
      font-size: 15px;
      color: #666;
      margin: 3em 0; }
    .menu .voce .numero, .menu .voce h3 {
      cursor: default;
      line-height: 1em; }
    .menu .voce h3 {
      font-size: 1.7em; }
      .menu .voce h3.active {
        font-weight: 600; }
    .menu .voce ul {
      margin-left: 1em; }
      .menu .voce ul a {
        color: #0069b4;
        font-size: 1.1em;
        margin: 1em 0;
        display: block;
        line-height: 1em; }
        .menu .voce ul a:hover {
          font-weight: 600; }
        .menu .voce ul a.active {
          font-weight: 600; }
  .menu.aperto {
    height: auto;
    background-color: #eff2f4; }
    .testata .menu.aperto .numero, .testata .menu.aperto h3 {
      color: #0069b4; }
    .menu.aperto .bordo {
      border-color: #0069b4;
      height: auto;
      margin-bottom: 0;
      overflow: inherit; }
  .menu.chiuso {
    height: 99px; }
  .shrink .menu {
    background-color: #fff;
    padding-top: 2em;
    z-index: 100; }
    .shrink .menu .navbar-brand {
      top: 10px; }
  .shrink.testata .menu .numero, .shrink.testata .menu h3 {
    color: #0069b4; }
  .shrink.testata .menu .bordo {
    border-color: #0069b4; }
  .menu .bordo {
    height: 35px;
    margin-bottom: 2em;
    overflow: hidden; }
  .menu.aperto .bordo {
    border-color: #0069b4; }
  .menu.aperto {
    background-color: #eff2f4; }

.menumobile {
  display: none; }
  .menumobile .voci {
    display: flex;
    justify-content: space-between; }
  .menumobile .voce {
    width: 33.33%;
    cursor: default; }
    .menumobile .voce .nascosto {
      position: absolute;
      width: 100vw;
      background-color: #eef2f5;
      left: 0;
      padding: 0;
      z-index: 20;
      height: 470px;
      overflow: hidden;
      top: 150px; }
      .menumobile .voce .nascosto .ingombro {
        padding: 20px; }
      .menumobile .voce .nascosto p {
        line-height: 1.2em;
        font-size: 1rem;
        color: #666;
        margin: 0 0 1em; }
      .menumobile .voce .nascosto ul a {
        color: #0069b4;
        font-size: 1.1em;
        margin: 0.5em 0;
        display: block;
        line-height: 1em; }
        .menumobile .voce .nascosto ul a.active {
          font-weight: 600; }
      .menumobile .voce .nascosto.chiuso {
        height: 0 !important; }
    .menumobile .voce:hover, .menumobile .voce:active, .menumobile .voce:focus {
      background-color: #eff2f4; }
    .menumobile .voce:hover {
      cursor: pointer; }
  .menumobile .titolo {
    display: block;
    padding: 20px; }
    .menumobile .titolo h3, .menumobile .titolo span {
      color: #0069b4;
      font-size: 20px;
      line-height: 20px;
      display: inline-block; }
    .menumobile .titolo h3 {
      font-size: 25px;
      /*padding-left: 10px; margin-left: 10px; border-left: 2px solid $colore1;*/ }
      .menumobile .titolo h3.active {
        font-weight: 600; }
    .menumobile .titolo .numero {
      display: none; }
  .shrink .menumobile {
    position: fixed;
    top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #eff2f4; }
    .shrink .menumobile .voce .nascosto {
      top: 60px; }

.strumenti {
  position: absolute;
  left: 30px;
  bottom: 20px;
  transition: none; }
  .strumenti .contatti .icona {
    font-size: 60px;
    margin-right: 5px; }
  .strumenti .social .icona {
    font-size: 20px;
    margin: 5px; }
  .menu:hover .strumenti, .menumobile:hover .strumenti {
    opacity: 1; }
  .menu .strumenti {
    display: none; }
  .menu.aperto .strumenti {
    display: inherit; }

.cerca {
  position: relative;
  margin: 1.5em 0; }
  .cerca input {
    width: 250px;
    padding-right: 30px; }
  .cerca span {
    position: absolute;
    right: 7px;
    color: #0069b4;
    z-index: 5;
    font-size: 20px;
    line-height: 33px; }
  .cercagrande .cerca {
    margin: 1em auto;
    width: 100%;
    max-width: 800px; }
    .cercagrande .cerca input {
      height: 4em;
      line-height: 4em;
      padding: 0 50px 0 1em; }
  .cerca [class^="icon-"], .cerca [class*=" icon-"] {
    position: absolute;
    color: #0069b4;
    right: 0.5em;
    z-index: 10;
    font-size: 1em;
    top: 50%;
    transform: translateY(-50%); }
    .newsandpress .cerca [class^="icon-"], .newsandpress .cerca [class*=" icon-"] {
      font-size: 2em; }

.cercagrande {
  padding: 2.5em 0; }

.menu-close {
  background-color: #0069b4;
  color: #fff;
  position: absolute;
  bottom: 1em;
  right: 2em;
  width: 2em;
  height: 2em;
  text-align: center;
  z-index: 100; }
  .menu-close span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; }
  .menu-close:hover {
    background-color: #0055a0; }
  .chiuso .menu-close {
    display: none !important; }
  .menu .menu-close {
    display: none; }
  .menu.aperto .menu-close {
    display: block; }

/*Dropdown*/
#subMenu {
  margin-bottom: 20px;
  text-align: center; }
  #subMenu a {
    padding: 0.75em 1em;
    display: inline-block;
    line-height: 1em;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 400;
    background-color: #0069b4;
    color: #fff;
    font-size: 0.9em;
    border-radius: 30px;
    font-size: 0.8em;
    font-weight: 900;
    padding: 5px 15px;
    text-transform: uppercase;
    margin: 2px 0;
    display: inline-block; }
    p + #subMenu a {
      margin-top: 1em; }
    #subMenu a:hover, #subMenu a:active, #subMenu a:focus {
      background-color: #0055a0;
      color: #fff; }
    #subMenu a:visited {
      color: #fff; }
    #subMenu a.continua {
      position: relative;
      padding-right: 30px; }
      #subMenu a.continua:after {
        content: '>';
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%); }
    #subMenu a [class^="icon-"], #subMenu a [class*=" icon-"] {
      font-size: 1.5em; }
    #subMenu a.active {
      background-color: #0069b4; }

.sottomenu {
  overflow: hidden; }
  .sottomenu li {
    float: left;
    width: 50%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center; }
    .sottomenu li a {
      font-size: 0.85em;
      color: #666;
      display: block;
      font-weight: 400;
      text-transform: uppercase;
      padding: 20px 12px; }
      .sottomenu li a:hover {
        color: #222; }

/*SLIDESHOW HOME*/
#carousel, #carousel .item {
  height: calc(50vh - 80px); }
  .home #carousel, .home #carousel .item {
    height: calc(100vh - 175px); }

.carousel {
  color: #fff;
  overflow: hidden;
  clear: both;
  margin-top: 99px; }
  .home .carousel .item:before {
    height: 40%; }
  .carousel .carousel-inner {
    height: 100%; }
  .carousel .item {
    background-position: center center;
    background-size: cover;
    min-height: 200px;
    height: 100%; }
    .carousel .item .testo {
      max-width: 50%;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 2em;
      z-index: 5;
      font-weight: 400;
      line-height: 1.2em; }
    .carousel .item .carousel-caption {
      text-shadow: none; }
    .carousel .item .immagine {
      background-position: center center;
      background-size: cover;
      height: 100%;
      width: 100%; }
    .carousel .item .immagine00 {
      background-image: url("../img_s/generica.jpg");
      background-position: 50% 60%; }
    .carousel .item .immagine01 {
      background-image: url(../img_s/slider/home01.jpg);
      background-position: 50% 60%; }
    .carousel .item .taiwan {
      background-image: url(../img_s/slider/taiwan.jpg);
      background-position: 50% 70%; }
    .carousel .item .uk {
      background-image: url(../img_s/slider/uk.jpg);
      background-position: 50% 40%; }
  .carousel.carousel-fade .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    transition-duration: 0.7s; }
  .carousel.carousel-fade .item, .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {
    opacity: 0; }
  .carousel.carousel-fade .active, .carousel.carousel-fade .next.left, .carousel.carousel-fade .prev.right {
    opacity: 1; }
  .carousel.carousel-fade .next, .carousel.carousel-fade .prev, .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel.titolato .item video, .carousel.titolato .item canvas {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 101%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-color: #000; }
  .carousel.titolato .item .titolo {
    position: absolute;
    z-index: 5;
    color: #0069b4;
    bottom: 0;
    transform: translateY(-100%);
    left: 50px;
    padding: 0 7% 0 0;
    line-height: 1em;
    font-size: 1.1em; }
    .carousel.titolato .item .titolo h2 {
      font-size: 4em;
      font-weight: 100; }
    .carousel.titolato .item .titolo h3 {
      font-size: 2.5em;
      font-weight: 300; }
  .carousel.titolato .carousel-control {
    height: 100%; }
  .carousel.titolato .carousel-indicators {
    bottom: calc(10% + 10px); }
  .carousel .carousel-indicators {
    bottom: 25px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    z-index: 2; }
    .carousel .carousel-indicators li {
      width: 16px;
      height: 16px;
      margin: 0 1px;
      border-width: 2px; }
  .carousel .carousel-control {
    background-image: none;
    z-index: 2;
    opacity: 1;
    text-shadow: none; }
    .carousel .carousel-control span {
      width: auto;
      text-align: center;
      margin: 0;
      transform: translateY(-50%);
      top: 50%;
      position: absolute; }
    .carousel .carousel-control.left span {
      left: 0; }
    .carousel .carousel-control.right span {
      right: 0; }
    .carousel .carousel-control span:before {
      background-color: #0069b4;
      padding: 1em 0.35em;
      transition-property: padding;
      transition-duration: 0.2s; }
    .carousel .carousel-control:hover span:before {
      background-color: #0055a0;
      padding: 1em 0.66em; }
  .carousel.fondobianco, .carousel.fondobianco .carousel-caption, .carousel.fondobianco, .carousel.fondobianco .carousel-caption {
    color: inherit; }
  .carousel.fondobianco .carousel-indicators li, .carousel.fondobianco .carousel-indicators li {
    border-color: rgba(80, 80, 80, 0.66); }
    .carousel.fondobianco .carousel-indicators li.active, .carousel.fondobianco .carousel-indicators li.active {
      background-color: rgba(80, 80, 80, 0.66); }
  .carousel .didascalia {
    text-transform: uppercase;
    margin-top: 1em; }

/*SLIDE IMMAGINI*/
.slide-immagini .item img {
  height: 550px;
  width: 100%;
  object-fit: cover; }

/*GLOSSARIO*/
.glossario {
  display: flex;
  flex-wrap: wrap; }
  .glossario .voce {
    width: 33.3%;
    margin-bottom: 3em;
    padding-right: 3em; }

/*TWIST*/
.twist {
  display: flex;
  justify-content: center;
  align-items: stretch; }
  .twist > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%; }
    .twist > div > div {
      width: 100%; }
  .twist .testo {
    padding: 5em; }
    .twist .testo > div {
      max-width: 500px; }
    .twist .testo h3 {
      font-size: 1.5em;
      text-transform: uppercase; }
  .twist .immagine {
    background-size: cover;
    background-position: center center; }
  .twist + .twist:nth-child(2n) .testo {
    order: 2; }
    .twist + .twist:nth-child(2n) .testo > div {
      justify-content: left; }
  .twist.presentazione {
    margin: -2em 5em 5em; }

.twister .row + .row {
  margin-top: 4em; }
.twister .row:nth-child(2n-1) .immagine {
  left: 50%; }
.twister .row:nth-child(2n-1) .testo {
  right: 50%; }

/*FOOTER*/
#footer {
  margin-top: 5px;
  text-align: center;
  padding: 5em 1em;
  line-height: 1.75em; }
  #footer .bandiere {
    display: flex;
    justify-content: center;
    margin: 2em auto; }
    #footer .bandiere li {
      display: inline-block;
      margin: 0 1em;
      font-size: 13px;
      line-height: 2em;
      opacity: 0.66; }
      #footer .bandiere li.active, #footer .bandiere li:hover {
        opacity: 1; }
      #footer .bandiere li img {
        width: 30px; }
  #footer .recapiti {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #0069b4; }
  #footer [class^="icon-"], #footer [class*=" icon-"] {
    color: #0069b4;
    margin: 0 0.2em; }

/**/
.sociali {
  list-style: none;
  padding: 0;
  text-align: center;
  margin-top: 1.3em; }
  .sociali li {
    display: inline-block;
    margin: 1px; }
    .sociali li a {
      display: block;
      background-color: #fff;
      border-radius: 100%;
      width: 40px;
      height: 40px;
      position: relative; }
    .sociali li a:hover {
      transform: scale(1.15);
      transition-property: all;
      transition-duration: 0.35s; }
    .sociali li a:before {
      color: #0069b4;
      font-size: 22px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .sociali li a.facebook:before {
      content: "\e903"; }
    .sociali li a.twitter:before {
      content: "\e901"; }
    .sociali li a.instagram:before {
      content: "\e909"; }
    .sociali li a.email:before {
      content: "\e90b"; }

ul.elenco-icone {
  list-style: none;
  margin: 0; }
  ul.elenco-icone li {
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 35px; }
    .arabian ul.elenco-icone li {
      padding: 0 35px 0 0;
      background-position: top right; }
  ul.elenco-icone .geo {
    background-image: url("images/ico-geo.png"); }
  ul.elenco-icone .tel {
    background-image: url("images/ico-tel.png"); }
  ul.elenco-icone .email {
    background-image: url("images/ico-email.png"); }
  .boxgrigio ul.elenco-icone {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px dashed rgba(255, 255, 255, 0.5);
    font-size: 1.2em; }
    .boxgrigio ul.elenco-icone li {
      background-position: left 0.2em; }

ul.elenco-link {
  list-style: none;
  margin-top: 1em; }
  ul.elenco-link a {
    margin: 0.5em 0;
    display: block;
    padding-left: 1em;
    position: relative; }
    ul.elenco-link a:before {
      content: '>';
      color: #0069b4;
      position: absolute;
      left: 0; }
    ul.elenco-link a:hover {
      color: #0069b4; }

/**/
/* TIPOGRAFIA */
body {
  font-family: 'Raleway', sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  color: body default;
  }

.capolettera:first-letter {
  color: #0069b4;
  font-size: 3em;
  display: block;
  float: left;
  line-height: 1.2em;
  margin: 0.18em 0.028em -0.02em -0.03em; }

h1, h2, h3, h4 {
  margin: 0; }
  h1 + p, h2 + p, h3 + p, h4 + p {
    margin-top: 1em; }

h1, h2, h3 {
  color: #0069b4;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1em; }
  .boxgrigio h1, .boxcolore1 h1, .boxcolore2 h1, #carousel h1, .boxgrigio h2, .boxcolore1 h2, .boxcolore2 h2, #carousel h2, .boxgrigio h3, .boxcolore1 h3, .boxcolore2 h3, #carousel h3 {
    color: inherit; }
  h1.chiaro, h2.chiaro, h3.chiaro {
    color: rgba(0, 0, 0, 0.3); }
  .pagina h1, .pagina h2, .pagina h3 {
    text-transform: uppercase;
    color: #0069b4; }
  h1.grigio, h2.grigio, h3.grigio {
    color: #939393; }
  h1.minuscolo, h2.minuscolo, h3.minuscolo {
    text-transform: none; }

h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.1em; }

.titoletto {
  font-weight: 600;
  color: #0069b4;
  margin-bottom: 0; }

.fontsize120 {
  font-size: 1.2em; }

.fontsize150 {
  font-size: 1.5em; }

.fontsize200 {
  font-size: 2em; }

/*RESPONSIVE*/
@media (max-width: 1399px) {
  .twist .testo {
    padding: 4em; }

  .container {
    width: 1170px; } }
@media (max-width: 1199px) {
  .navbar-brand {
    /*top:28px;*/ }
    .navbar-brand img {
      max-width: 150px; }

  #carousel {
    margin-top: 79px; }
    #carousel .titolo {
      padding: 0 6em 0 0; }
    .home #carousel, .home #carousel .item {
      height: calc(100vh - 155px); }

  .container {
    width: 100%; }

  .twist .testo {
    padding: 3em; }

  .elencobox.box5 .box, .elencobox.box4 .box {
    max-width: calc(33.3333% - 30px);
    flex: 1 1 calc(33.3333% - 30px);
    -webkit-flex: 1 1 calc(33.3333% - 30px); }

  .menu {
    height: 79px;
    padding: 1.6em 2em 2.5em; }
    .menu .voci .voce {
      padding-right: 10px;
      /*padding-left: 33px;*/ }
    .menu .voci h3 {
      font-size: 1.5em; }
    .menu .voci .bordo {
      padding-left: 0.5em; }
    .menu .voci ul {
      margin-left: 0.5em; }
      .menu .voci ul a {
        font-size: 1rem; }

  a.biscotto_tondo {
    width: 75%; }

  #socialmedia .altro .intro {
    padding: 3em 1.5em; }
  #socialmedia .instagram {
    padding: 0 1.5em; } }
@media (max-width: 991px) {
  section.pagina {
    margin: 0; }

  #toolbar {
    height: 90px;
    padding: 0.5em 1em;
    background-color: #fff;
    border-bottom: 1px solid #eff2f4; }
    #toolbar .navbar-brand {
      left: 1em;
      top: 15px;
      display: block; }
    #toolbar .icon-user, #toolbar .scelta_lingue {
      margin-top: 25px; }
    #toolbar .scelta_lingue li > a {
      width: 60px;
      line-height: 2em;
      margin-top: -6px; }
    #toolbar .infomail {
      top: 29px; }

  .strumenti .cerca {
    margin: 0.75em 0; }

  .menumobile {
    display: block; }

  #carousel, #carousel .item {
    height: calc(70vh - 150px);
    margin-top: 0; }
    .home #carousel, .home #carousel .item {
      height: calc(100vh - 150px); }
    #carousel .testo, #carousel .item .testo {
      max-width: none;
      line-height: 1.2em;
      font-size: 0.9em; }

  #carousel .titolo {
    text-align: center;
    padding: 0;
    bottom: auto;
    top: 70px;
    width: 100%;
    left: 0;
    transform: unset;
    color: #fff; }

  .navbar-header {
    position: relative;
    padding: 2em;
    height: 112px; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border: none;
    box-shadow: none;
    padding: 0;
    overflow: hidden;
    overflow-y: hidden;
    margin: 0 -2em;
    max-height: inherit !important;
    box-shadow: 0 50px 20px -35px rgba(0, 40, 65, 0.75); }
    .navbar-collapse.collapse {
      display: none !important; }
      .navbar-collapse.collapse.in {
        display: inherit !important; }

  .navbar-nav {
    padding: 40px 50px 30px;
    margin: 0;
    background-color: rgba(0, 42, 83, 0.95);
    position: relative;
    border-bottom: 1px solid #002a40; }
    .home .navbar-nav, .testata .navbar-nav {
      padding: 0;
      margin: 0; }
    .navbar-inverse .navbar-nav > li {
      display: block;
      padding: 0.5em 0;
      /*width: 50%; float: left; */ }
      .navbar-inverse .navbar-nav > li.solomobile {
        display: inherit;
        width: auto;
        float: none;
        padding: 0.5em 1em;
        clear: both; }
      .navbar-inverse .navbar-nav > li + li {
        border-top: 1px solid rgba(255, 255, 255, 0.2); }
      .navbar-inverse .navbar-nav > li a, .navbar-inverse .navbar-nav > li a.active, .navbar-inverse .navbar-nav > li a:focus, .navbar-inverse .navbar-nav > li a:hover {
        color: #fff;
        text-align: center;
        font-size: 1.2em;
        padding: 0.5em; }
      .navbar-inverse .navbar-nav > li a.active {
        border: none !important; }
    .navbar-nav .input-group {
      max-width: 400px;
      margin: auto; }
    .navbar-nav .dropdown a.language {
      padding-left: inherit !important;
      padding-bottom: 25px !important; }
      .navbar-nav .dropdown a.language img.flag {
        margin-top: -7px; }
    .navbar-nav .dropdown .dropdown-content {
      position: relative;
      transform: none;
      box-shadow: unset;
      font-size: 0.8em; }
      .navbar-nav .dropdown .dropdown-content, .navbar-nav .dropdown .dropdown-content:before {
        background-color: #246; }
      .navbar-nav .dropdown .dropdown-content:before {
        transform: rotate(45deg) translateX(-50%);
        right: auto;
        left: 50%;
        top: 0; }

  .menu {
    display: none; }

  .menu.solomobile {
    display: inherit; }

  .carousel .item .immagine01 {
    background-image: url(../img_s/slider/home01.jpg);
    background-position: center center;
    position: relative; }
    .carousel .item .immagine01:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #0af;
      opacity: 0.2;
      width: 100%;
      height: 100%; }

  .immagine-testo {
    display: inherit; }
    .immagine-testo > div {
      /*margin:1em 0 2em;*/ }

  .twist {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap; }
    .twist > div {
      width: 100%; }
    .twist .testo {
      padding: 3.5em 2.5em;
      text-align: center; }
    .twist .immagine {
      min-height: 55vh; }
    .twist + .twist:nth-child(2n) .testo {
      order: inherit; }
    .twist.presentazione {
      margin: 0 2em 2em; }
      .twist.presentazione .testo {
        padding: 3em 1em; }

  .specifiche_tecniche .pulsantiera .item {
    width: 33%; }

  .elencobox.box3 .box, .elencobox.box4 .box, .elencobox.box5 .box {
    max-width: calc(50% - 30px);
    flex: 1 1 calc(50% - 30px);
    -webkit-flex: 1 1 calc(50% - 30px); }
  .elencobox.box2 .box {
    max-width: calc(100% - 30px);
    flex: 1 1 calc(100% - 30px);
    -webkit-flex: 1 1 calc(100% - 30px); }

  .boxgrigio .elenco-icone li {
    max-width: none;
    background: none;
    padding: unset; }

  .storia img.big {
    display: none; }
  .storia img.mobile {
    display: inherit;
    margin-top: 2.5em; }

  .bicolore:before {
    display: none; }

  .news h2 {
    text-align: center;
    margin-bottom: 0; }
  .news .argomenti {
    padding: 0;
    background-color: #fff; }
  .news .argomento {
    text-align: center; }
  .news .icone-link > div {
    display: inline-block; }

  .icone-link > div {
    display: inline-block; }

  .newsletter {
    background-color: #eff2f4; }
    .newsletter h2 {
      text-align: center;
      font-size: 2em; }
    .newsletter .input-group input {
      background-color: #fff; }
    .newsletter.novita {
      background-color: #fff; }
      .newsletter.novita .input-group input {
        background-color: #eff2f4; }

  .pulsantiera .item {
    width: 24%; }

  .reparti .planimetria img {
    max-width: 100%; }

  #socialmedia {
    margin: 0; }
    #socialmedia > .container {
      flex-wrap: wrap;
      padding: 0;
      background-color: #0069b4; }
    #socialmedia .video:before, #socialmedia .instagram:before {
      display: none; }
    #socialmedia .altro {
      order: 1; }
    #socialmedia .video {
      order: 2;
      padding: 2em 1em; }
      #socialmedia .video .testo {
        display: none; }
      #socialmedia .video .titolo {
        display: block;
        color: #fff; }
    #socialmedia .video, #socialmedia .altro {
      width: 100%;
      text-align: center; }

  #footer > .container {
    display: block;
    text-align: center; }
    #footer > .container > div + div {
      margin-top: 3em; }
    #footer > .container > div:nth-child(2) {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      padding: 3em 0; }
      #footer > .container > div:nth-child(2) ul {
        font-size: 16px; }
  #footer .foot {
    text-align: center; } }
@media (max-width: 767px) {
  .scelta_lingue {
    margin-right: 0.5em; }
    .scelta_lingue .dropdown a {
      width: 90px;
      font-size: 13px;
      margin-top: 2px; }

  .mappa {
    display: inherit; }

  #map {
    margin-top: 2em; }

  .solomobile {
    display: inherit; }

  .menumobile .voce:nth-child(1) {
    width: 30%; }
  .menumobile .voce:nth-child(2) {
    width: 30%; }
  .menumobile .voce:nth-child(3) {
    width: 40%; }
  .menumobile .titolo {
    white-space: nowrap; }
    .menumobile .titolo h3, .menumobile .titolo span {
      font-size: 20px;
      display: inline-block; }

  .carousel .carousel-control {
    /*opacity: 0;*/ }
  .carousel.titolato .carousel-indicators {
    bottom: 145px; }

  .introduzione {
    padding: 2em 0;
    font-size: 1.2em; }
    .introduzione .testo {
      max-width: none; }

  .twister .row:nth-child(2n-1) .immagine {
    left: unset; }
  .twister .row:nth-child(2n-1) .testo {
    right: unset; }
  .twister .immagine {
    margin-bottom: 2em; }

  .elencobox.box2 .box, .elencobox.box3 .box, .elencobox.box4 .box, .elencobox.box5 .box {
    max-width: calc(100% - 30px);
    flex: 1 1 calc(100% - 30px);
    -webkit-flex: 1 1 calc(100% - 30px); }
  .elencobox.stretti .box .immagine img {
    height: 250px; }
  .elencobox .separatore {
    display: none; }
  .elencobox .box .testo {
    padding: 1em; }

  .nomobile, .nomobile > * {
    display: none !important; }

  .nomobile-alert {
    display: block; }

  .modal .modal-dialog {
    margin: 1em auto;
    max-width: 100%; }
  .modal .box .immagine img {
    height: 250px; }
  .modal .box h3 {
    font-size: 1em;
    letter-spacing: unset;
    padding: 1em;
    top: 250px; }
  .modal .box .testo {
    padding: 0 1em 1.5em;
    line-height: 1.3em;
    font-size: 0.95em; }

  a.biscotto_tondo {
    width: 100%;
    border-radius: 0;
    padding: 1.1em 0;
    text-align: center; }

  .news .argomenti {
    padding-left: inherit;
    padding-right: inherit; }

  .motore_prodotti .scheda {
    margin: 2em 0; }

  .gruppo_filtri .icone-link {
    text-align: center; }

  .pulsantiera .item {
    width: 50%; }
  .automazione .pulsantiera {
    display: none; }

  .reparti {
    display: inherit;
    margin: 3em 0; }
    .reparti .reparto {
      margin-top: 2em; }
    .reparti .planimetria img {
      max-width: 100%; }

  .specifiche_tecniche .accordion {
    margin: -2em 0 !important; }

  .glossario .voce {
    width: 50%; }

  .elenco-download .argomento {
    text-align: center; }
  .elenco-download .box3 .box {
    max-width: calc(50% - 30px);
    flex: 1 1 calc(50% - 30px);
    -webkit-flex: 1 1 calc(50% - 30px); }

  #socialmedia .instagram .post:nth-child(n+3) {
    display: none; }

  #footer .bandiere {
    flex-wrap: wrap;
    width: 240px; }
    #footer .bandiere li {
      width: 33.33%;
      margin: 0 0 1em; } }
@media (max-width: 480px) {
  .shrink #back-top {
    display: none; }

  #toolbar .infomail {
    display: none; }

  .pulsantiera .item {
    width: 100%;
    border: none;
    border-bottom: 1px solid #0069b4;
    margin: 0;
    padding: 3em 1em; }
    .pulsantiera .item:first-child {
      padding-top: 0; }

  .navbar-header {
    padding: 2em 1em; }

  .navbar-collapse {
    margin: 0 -1em; }

  #carousel .titolo {
    font-size: 0.85em; }

  .menumobile .voci .voce .nascosto {
    height: 430px; }
  .menumobile .voci .nascosto ul a {
    margin: 0.5em 0; }
  .menumobile .voci .nascosto p {
    display: none; }
  .menumobile .titolo {
    text-align: center;
    padding: 20px 0; }
    .menumobile .titolo h3, .menumobile .titolo span {
      font-size: 1rem;
      display: inline-block; }
    .menumobile .titolo h3 {
      margin-left: 1px;
      padding-left: 3px; }

  .spoiler .tasti a {
    width: 62%; }

  #socialmedia .instagram .posts .post {
    max-width: unset;
    width: 100%; }
    #socialmedia .instagram .posts .post:nth-child(n+2) {
      display: none; }

  .titologrande h2 {
    font-size: 2em; }

  .news .col-md-2.icone-link > div {
    padding: 0 0.5em; }

  .glossario .voce {
    width: 100%;
    padding-right: 0; }

  .elenco-download .argomento {
    text-align: center; }
  .elenco-download .box3 .box {
    max-width: calc(100% - 30px);
    flex: 1 1 calc(100% - 30px);
    -webkit-flex: 1 1 calc(100% - 30px); } }

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