/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */

/* ==================== Informazioni generali ==================== */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish&display=swap");
.option-menu-visibility {
  overflow: hidden;
}
/* General */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.d-none {
  display: none !important;
}
.block-vertical-scrolling {
  overflow-y: hidden;
}
.open-menu {
  transform: translateX(100%);
  transition-duration: 0.3s;
}
.close-menu {
  transform: translateX(-100vw);
  transition-duration: 0.3s;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1170px;
}
input:focus:required:invalid {
  border: 1px solid #ed1c24;
}

/* First Navbar */
#first-navbar {
  position: sticky;
  position: -webkit-sticky;
  width: 100%;
  max-width: 100%;
  background-color: rgba(13, 41, 95, 0.9);
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
  color: #fff;
  font-family: "Poppins";
  padding-bottom: 9px;
  z-index: 9999;
}
#first-navbar small {
  font-weight: inherit;
  font-size: 85%;
}
.header .col-xs-6 {
  line-height: 14px;
}
#first-navbar-grazie {
  position: sticky;
  top: 0;
  width: 100%;
  max-width: 100%;
  background-color: rgba(13, 41, 95, 0.9);
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
  color: #fff;

  z-index: 9999;
}
.div-left-first-navbar {
  display: flex;
  justify-content: center;
  align-content: center;
}
.div-right-first-navbar {
  display: flex;
  justify-content: center;
  align-content: center;

  padding: 10px;
}
.allineamento-first-navbar {
  display: flex;
  flex-direction: column;
}
.left-logo-visibility-small {
  display: none;
}
.left-logo-visibility {
  display: block;
}
/* fine First Navbar */

/* Second Navbar */
#second-navbar {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: rgba(13, 41, 95, 0.9);
  color: #fff;
  z-index: 9999;
}
#second-navbar.scrolled {
  background-color: rgba(13, 41, 95, 1);
}
.text-menu-visibility {
  display: none;
}
.option-menu-visibility {
  display: block;
}
.testo-first-navbar-phone {
  padding-top: 4px;
  color: #fff;
  font-family: "Mulish";
  font-size: 10px;
  letter-spacing: 0;
  opacity: 1;
  text-transform: uppercase;
}
.fa-envelope,
.fa-phone {
  font-size: 20px;
  color: #fff;
}
.fa-whatsapp {
  font-size: 22px;
  margin-left: 5px;
  color: #25d366;
}
.div-icon-bars {
  display: flex;
  flex-grow: 2;
  justify-content: flex-end;

  z-index: 9999;
}
.fa-bars {
  font-size: 28px;
  color: #fff;
}
/* --- Div Opinione dei Clienti --- */

.slick-dots {
  bottom: -15px !important;
}

.slider {
  margin-top: 20px !important;
}

/* --- Form Consulenza --- */
/* Form */
.ristretto {
  text-align: center;
  width: 100%;
}
.img-left-form {
  display: none;
}
.img-right-form {
  display: none;
}
.padding-input-small {
  padding: 0;
}
.padding-input-small-left {
  padding: 0px;
}
.padding-input-small-right {
  padding: 0px;
}

/* fine Form */
#form-consulenza {
  margin-top: -30px;
  text-align: center;
  background-color: #004296;
}

.p-titolo-consulenza {
  padding-top: 20px;
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.p-sottotitolo-consulenza {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}

.p-titolo-opinioni {
  padding-top: 20px;
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
}
.p-sottotitolo-opinioni {
  padding-top: 10px;
  padding-bottom: 0px;
  font-family: "Poppins";
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.dimensione-div-input {
  width: 100%;
  height: 61px;
}
.dimensione-div-messaggio {
  width: 100%;
  height: 200px;
}
.campo-input {
  border: none;
  padding-left: 20px;
  padding-top: 8px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  opacity: 1;
}
.input-message {
  padding-left: 20px;
  padding-top: 24px !important;
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  border-radius: 8px;
  opacity: 1;
}
.positionLabelAzienda {
  background-color: transparent;
  cursor: text;
  position: relative;
  font-family: "Poppins";
  font-size: 16px;
  top: -42px;
  left: 18px;
}
.positionLabelReferente {
  background-color: transparent;
  cursor: text;
  position: relative;
  font-family: "Poppins";
  font-size: 16px;
  top: -42px;
  left: 18px;
}
.positionLabelEmail {
  background-color: transparent;
  cursor: text;
  position: relative;
  font-family: "Poppins";
  font-size: 16px;
  top: -42px;
  left: 18px;
}
.positionLabelTelefono {
  background-color: transparent;
  cursor: text;
  position: relative;
  font-family: "Poppins";
  font-size: 16px;
  top: -42px;
  left: 18px;
}
.positionLabelMessaggio {
  background-color: transparent;
  cursor: text;
  position: relative;
  font-family: "Poppins";
  font-size: 16px;
  top: -184px;
  left: 18px;
}
.input-compiled {
  font-size: 12px !important;
  transform: translateY(-18px);
}
.campo-input:focus ~ .positionLabelAzienda {
  font-family: "Poppins";
  font-size: 12px;
  color: #686868;
  transform: translateY(-18px);
  transition-duration: 0.3s;
}
.campo-input:focus ~ .positionLabelReferente {
  font-family: "Poppins";
  font-size: 12px;
  color: #686868;
  transform: translateY(-18px);
  transition-duration: 0.3s;
}
.campo-input:focus ~ .positionLabelEmail {
  font-family: "Poppins";
  font-size: 12px;
  color: #686868;
  transform: translateY(-18px);
  transition-duration: 0.3s;
}
.campo-input:focus ~ .positionLabelTelefono {
  font-family: "Poppins";
  font-size: 12px;
  color: #686868;
  transform: translateY(-18px);
  transition-duration: 0.3s;
}
.input-message:focus ~ .positionLabelMessaggio {
  font-family: "Poppins";
  font-size: 12px;
  color: #686868;
  transform: translateY(-16px);
  transition-duration: 0.3s;
}
.campo-input ~ .positionLabelAzienda {
  transition-duration: 0.5s;
}
.campo-input ~ .positionLabelReferente {
  transition-duration: 0.5s;
}
.campo-input ~ .positionLabelEmail {
  transition-duration: 0.5s;
}
.campo-input ~ .positionLabelTelefono {
  transition-duration: 0.5s;
}
.input-message ~ .positionLabelMessaggio {
  transition-duration: 0.5s;
}
/* Checkbox */
.form-check {
  height: 34px;
}
.my-checkbox {
  visibility: hidden;
}
.my-text-checkbox {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  opacity: 1;
  z-index: 100;
  position: relative;
  color: #fff;
  left: 20px;
  top: 5px;
}
.my-text-checkbox > a {
  color: #fff;
  text-decoration: underline;
}
/* Di fatto, la nuova checkbox */
.my-text-checkbox::after {
  z-index: 99;
  position: absolute;
  top: -5px;
  left: -40px;
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  border: 1px solid #1aff00;
  border-radius: 6px;
  /* border-radius: 20%; */
}
.my-checkbox:checked ~ .my-text-checkbox::after {
  z-index: 101;
  display: block;
  content: "";
  color: #fff;
  transition-duration: 0.3s;
  background-color: #25d366;
  border: 1px solid #25d366; /* It doesn't have sense */
}
.my-checkbox ~ .my-text-checkbox::after {
  z-index: 100;
  display: block;
  content: "";
  color: #fff;
  transition-duration: 0.3s;
  border: 1px solid #fff;
  background-color: transparent;
}
.my-checkbox:checked ~ .fa-options {
  visibility: visible;
}
.fa-options {
  z-index: 110;
  visibility: hidden;
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: 14px;
  color: #fff;
}
/* fine checkbox */

.p-campi-obbligatori {
  padding-top: 10px;
  text-align: left;
  color: #fff;
}
.button-submit {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  background-color: #ed1c24;
  transition: 0.3s;
  border-radius: 5px;
}
.button-submit:hover {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  background-color: transparent;
  border: 1px solid #fff;
  transition: 0.3s;
  border-radius: 5px;
}
#consulenza .form-titolo {
  padding-top: 20px;
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto;
}
/* --- fine Form Consulenza --- */

/* --- Gestione Menu --- */
#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  /* ?? */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#menuToggleClose {
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  /* ?? */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#barss {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
#closs {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span {
  display: flex;
  width: 30px;
  height: 3px;
  margin-bottom: 4px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0, 0, 0, 0),
    background 0.5s cubic-bezier(0, 0, 0, 0), opacity 2s ease;
}
#menuToggleClose span {
  display: flex;
  width: 30px;
  height: 3px;
  margin-bottom: 4px;
  position: absolute;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0, 0, 0, 0),
    background 0.5s cubic-bezier(0, 0, 0, 0), opacity 2s ease;
}
.menu {
  position: fixed;
  top: 0;
  left: -100vw;
  width: 100vw;
  height: 100vh;
  /* box-shadow: 0 0 10px #85888C; */
  /* margin: -50px 0 0 -50px; */
  /* padding: 50px; */
  /* padding-top: 125px; */
  background-color: #03244d;
  transition-duration: 0.3s;
  /*-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(110%, 0);
	transition: transform 0.5s cubic-bezier(0, 0, 0, 0);*/
  z-index: 9999;
}
.barra-menu > p > a {
  color: #fff;
}
/*
#barss:checked ~ ul{
	transform: translateX(100%);
}
*/
.navigazione-verticale {
  text-align: center;
}
.div-voce-menu > p > a {
  color: #fff;
  text-transform: uppercase;
}
.div-voce-menu > p {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
.div-voce-menu {
  width: 90%;
  margin-left: 5%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#barss ~ span:nth-last-child(3) {
  /* Prima */
  transform-origin: 100% 0%; /* punto di origine della transition */
  /*background: yellow;*/
}
#barss ~ span:nth-last-child(2) {
  /* Centrale */
  transform-origin: 100% 0%; /* punto di origine della transition */
  /*background: green;*/
}
#barss ~ span:nth-last-child(1) {
  /* Ultima */
  transform-origin: 100% 0%; /* punto di origine della transition */
  /*background: red;*/
}

#closs ~ span:nth-last-child(2) {
  /* Span Centrale*/
  transform-origin: 0% 0%; /* punto di origine della transition */
  width: 38px;
  transform: rotate(45deg) translate(0px, 0px);
  /*background: red;*/
}
#closs ~ span:nth-last-child(1) {
  /* Ultima Span */
  transform-origin: 100% 0%; /* punto di origine della transition */
  transform: rotate(-45deg) translate(-9px, -9px);
  width: 38px;
  /*background: yellow;*/
}

#barss:checked ~ span {
  width: 30px;
  height: 3px;
  z-index: 300;
  opacity: 1;
  /* transform: rotate(180deg) translate(0px, 0px);*/
  background: transparent;
}
#barss:checked ~ span:nth-last-child(2) {
  opacity: 0.5;
  transform: rotate(0deg) translate(80px, 0px);
}
#barss:checked ~ span:nth-last-child(3) {
  transform: rotate(-360deg) translate(20px, 0px);
}
#barss:checked ~ span:nth-last-child(1) {
  transform: rotate(360deg) translate(20px, 0px);
}

#closs:checked ~ span {
  width: 30px;
  height: 3px;
  z-index: 300;
  opacity: 1;
  /* transform: rotate(180deg) translate(0px, 0px);*/
  background: #000;
}
#closs:checked ~ span:nth-last-child(2) {
  opacity: 0.5;
  transform: rotate(0deg) translate(80px, 0px);
  background: transparent;
}
#closs:checked ~ span:nth-last-child(1) {
  opacity: 0.5;
  transform: rotate(0deg) translate(80px, 0px);
  background: transparent;
}

.menu li {
  padding: 10px 0;
  transition-delay: 2s;
}
.barra-menu {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-right: 20px;
  margin: 0;
}
/* fine Second Navbar */

/* Slide a mo di carousel */
#offerta-centralino-cloud {
  position: relative;
  top: 0px;
  width: 100%;
  height: 220px;
  background-image: url("../img/landing-centralino/slide-xs.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  z-index: 10;
}
#offerta-centralino-cloud-grazie {
  position: relative;
  top: 0px;
  width: 100%;
  height: 380px;
  background-image: url("../img/landing-centralino/slide-xs.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  z-index: 10;
}
.testo-agente-tim {
  font-size: 14px;
  line-height: 20px;
}
.banner {
  position: relative;
  width: 90%;
  top: 0px;
  left: 5%;
  height: auto;
  margin-top: -40px;
  background-color: #fff;
  z-index: 100;
}
.div-banner-padding {
  padding-left: 0%;
}
.q {
  padding-top: 14px;
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 16px;
  color: #03244d;
  text-transform: uppercase;
  text-align: center;
}
.w {
  padding-top: 0px;
  font-family: "Poppins";
  font-size: 26px;
  font-weight: 700;
  color: #00b32c;
  text-transform: uppercase;
  text-align: center;
}
.e {
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 700;
  color: #03244d;
  text-transform: uppercase;
  text-align: center;
}
.r {
  margin-top: -6px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: "Poppins";
  font-size: 28px;
  font-weight: 700;
  color: #ed1c24;
  text-transform: uppercase;
  text-align: center;
}
.t {
  margin-top: -6px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 700;
  color: #ed1c24;
  text-align: center;
}
.button-banner {
  margin-left: -5.5%;
  position: relative;
  width: 100vw;
  min-height: 75px;
  height: auto;
  background-color: #00b32c;
  bottom: 0;
}
.text-button-banner {
  width: 100%;
  line-height: 1.2;
  margin-left: 0%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: "Poppins";
  text-align: center;
  cursor: default;
  color: #fff;
}
.w-icons-banner {
  width: 20px !important;
  min-width: 20px;
}
.fa-check-circle {
  font-size: 20px;
  color: #00b32c;
}
.a {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 1px;
  padding-bottom: 5px;
}
.b {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.c {
  font-size: 16px;
  font-weight: 300;
}
/* fineSlide a mo di carousel */

#div-vantaggi {
}

/* Sezione centrale testo e immagini */
.titolo-centrale {
  text-align: center;
}
.primo {
  padding-top: 14px;
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 15px;
  color: #03244d;
  text-transform: uppercase;
}
.secondo {
  padding-top: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #ed1c24;
  text-transform: uppercase;
}
.terzo {
  padding-top: 5px;
  margin-top: 0px;
  font-family: "Poppins";
  font-size: 15px;
  font-weight: 700;
  color: #03244d;
  text-transform: uppercase;
}
.titolo-servizi-inclusi {
  padding-top: 5px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 700;
  color: #00b32c;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 23px;
}
.w-icons {
  text-align: center;
  width: 50px !important;
  min-width: 50px;
}
.div-w-icons {
  display: flex;
  align-items: flex-start;
}

.voci {
  padding-left: 5px;
  padding-top: 0px;
  margin-bottom: 0px;
  font-family: "Poppins";
  line-height: 1.3;
  font-size: 15px;
  color: #03244d;
  margin-bottom: 7px;
}
.dimensione-icone {
  font-size: 30px;
  color: #48c3ea;
}
/* fine Sezione centrale testo e immagini */

.list-inline > li {
  padding-left: 0;
  list-style-type: none;
  margin-left: -5px;
  display: inline;
  padding-right: 20px;
}

.hidden-xs {
  display: none;
}
.visible-xs {
  display: block;
}
.size-icons {
  color: #004296;
  font-size: 24px;
}

#top-button {
  display: none;
  position: fixed;
  bottom: 15%;
  right: 5%;
  background-color: rgba(0, 26, 59, 0.8);
  border-radius: 50%;
  color: #fff;
  z-index: 99999;
  width: 50px;
  height: 50px;
  transition: 0.3s;
}
#top-button:hover {
  background-color: rgba(0, 26, 59, 0.98);
  transition: 0.3s;
}
#top-button:hover .fa-chevron-up {
  transform: translateY(-5px);
  transition: 0.3s;
}
.fa-chevron-up {
  font-size: 22px;
  transition: 0.3s;
}

#richiedi-consulenza {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 48px;
  background-color: rgba(3, 36, 77, 0.95);
  z-index: 9998;
}
.button-consulenza {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background-color: #ed1c24;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  /* border: 1px solid #fff; */
  opacity: 1;
}
.button-consulenza:hover {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  transition: 0.3s;
}
.button-contatto {
  width: 100%;
  height: 50px;
  background-color: transparent;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 300;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  border: 1px solid #fff;
  opacity: 1;
}
.button-contatto:hover {
  color: #fff;
}
.d-small-none {
  display: none;
}

.chiudi {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-left: 20px;
}

.div-grazie {
  position: absolute;
  left: 10%;
  width: 80%;
  top: 160px;
  text-align: center;
  border-radius: 10px;
  background-color: rgba(123, 123, 123, 0.5);
  z-index: 6000;
}
.titolo-grazie {
  /* Layout Properties */
  margin-bottom: 0;
  padding-top: 30px;
  z-index: 100;
  /* UI Properties */
  font-family: "Roboto Condensed";
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: center;
  color: #03244d;
  opacity: 1;
}
.descrizione-grazie {
  /* Layout Properties */
  margin-bottom: 0;
  padding: 20px;
  z-index: 100;
  /* UI Properties */
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: center;
  color: #000;
  opacity: 1;
}

.div-left-footer {
  max-width: 280px;
  padding: 10px;
}
.div-right-footer {
  max-width: 140px;
  padding: 10px;
}
.footer .row {
  justify-content: center;
}

/* ==================== Small devices (landscape phones, 576px and up) ==================== */
@media all and (min-width: 576px) {
  #offerta-centralino-cloud {
    position: relative;
    top: 0px;
    width: 100%;
    height: 260px;
    background-image: url("../img/landing-centralino/slide-xs.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: 10;
  }
}

/* ==================== Medium devices (tablets, 768px and up) ============================ */
@media all and (min-width: 768px) {
  /* First Navbar */
  #first-navbar {
    /* background-color: rgba(13, 41, 95, 0.9); */
  }
  .allineamento-first-navbar {
    display: flex;
    flex-direction: row;
  }
  .div-left-first-navbar {
    justify-content: flex-start;
  }
  .div-right-first-navbar {
    justify-content: flex-end;
  }
  .left-logo-visibility-small {
    display: block;
  }
  .left-logo-visibility {
    display: none;
  }
  /* fine First Navbar */

  .primo {
    padding-top: 14px;
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 15px;
    color: #03244d;
    text-transform: uppercase;
  }
  .secondo {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #ed1c24;
    text-transform: uppercase;
  }
  .terzo {
    padding-top: 0px;
    margin-top: 0px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 700;
    color: #03244d;
    text-transform: uppercase;
  }

  .q {
    padding-top: 16px;
    margin-bottom: 0;
    font-family: "Poppins";
    font-size: 15px;
    color: #03244d;
    text-transform: uppercase;
    text-align: center;
  }
  .w {
    padding-top: 0px;
    margin-top: -6px;
    font-family: "Poppins";
    font-size: 25px;
    font-weight: 700;
    color: #00b32c;
    text-transform: uppercase;
    text-align: center;
  }
  .e {
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 15px;
    font-weight: 700;
    color: #03244d;
    text-transform: uppercase;
    text-align: center;
  }
  .r {
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Poppins";
    font-size: 38px;
    font-weight: 700;
    color: #ed1c24;
    text-transform: uppercase;
    text-align: center;
  }
  .t {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: "Poppins";
    font-size: 19px;
    font-weight: 700;
    color: #ed1c24;
    text-align: center;
  }
  /* Second Navbar */
  .item-menu {
    margin: 0;
  }
  .item-menu > p {
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-family: "Fira sans";
    font-weight: 400;
  }
  #second-navbar a {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
  }
  .text-menu-visibility {
    display: block;
  }
  .option-menu-visibility {
    display: none;
  }
  /* fine Second Navbar */

  .padding-input-small {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padding-input-small-left {
    padding-right: 8px;
    padding-left: 15px;
  }
  .padding-input-small-right {
    padding-left: 8px;
    padding-right: 15px;
  }

  /* Slide a mo di carousel */
  #offerta-centralino-cloud {
    position: relative;
    top: 0px;
    width: 100%;
    height: 400px;
    background-image: url("../img/landing-centralino/slide-xs.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: 10;
  }

  .div-w-icons {
    display: flex;
    align-items: center;
  }

  /* fineSlide a mo di carousel */

  .titolo-servizi-inclusi {
    text-align: left;
  }

  .p-titolo-opinioni {
    padding-top: 20px;
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
  }
  .p-sottotitolo-opinioni {
    padding-top: 10px;
    padding-bottom: 0px;
    font-family: "Poppins";
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
  }

  .button-submit {
    height: 48px;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    width: 350px;
    background-color: #ed1c24;
    border-radius: 5px;
  }
  .button-submit:hover {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    width: 350px;
    background-color: transparent;
    border: 1px solid #fff;
    transition: 0.3s;
    border-radius: 5px;
  }
  .p-titolo-consulenza {
    padding-top: 20px;
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
  }
  .p-sottotitolo-consulenza {
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 300;
    color: #fff;
  }
  .hidden-xs {
    display: block;
  }
  .visible-xs {
    display: none;
  }
}

/* ==================== Large devices (desktops, 992px and up) ============================ */
@media all and (min-width: 992px) {
  /* Slide a mo di carousel */
  #offerta-centralino-cloud {
    position: relative;
    top: 0px;
    width: 100%;
    height: 630px;
    background-image: url("../img/landing-centralino/slide.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: 10;
  }
  .banner {
    position: absolute;
    top: 100px;
    left: 0;
    width: 550px;
    height: 555px;
    margin-top: 50px;
    background-color: #fff;
  }
  .div-banner-padding {
    padding-left: 15%;
  }
  .q {
    padding-top: 16px;
    margin-bottom: 0;
    font-family: "Poppins";
    font-size: 16px;
    color: #03244d;
    text-transform: uppercase;
    text-align: left;
  }
  .w {
    padding-top: 0px;
    margin-top: -6px;
    font-family: "Poppins";
    font-size: 26px;
    font-weight: 700;
    color: #00b32c;
    text-transform: uppercase;
    text-align: left;
  }
  .e {
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 700;
    color: #03244d;
    text-transform: uppercase;
    text-align: left;
  }
  .r {
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #ed1c24;
    text-transform: uppercase;
    text-align: left;
  }
  .t {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #ed1c24;
    text-align: left;
  }
  .button-banner {
    position: absolute;
    margin-left: -15%;
    width: 100%;
    height: 56px;
    max-height: 56px !important;
    background-color: #00b32c;
    bottom:0;
  }
  .text-button-banner {
    width: 100%;
    margin-left: 10%;
    padding-top: 15px;
    font-family: "Poppins";
    cursor: default;
    color: #fff;
    text-align: left;
  }
  .w-icons-banner {
    width: 20px !important;
    min-width: 20px;
  }
  .fa-check-circle {
    color: #00b32c;
  }
  .a {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 1px;
    padding-bottom: 5px;
  }
  .b {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .c {
    font-size: 16px;
    font-weight: 300;
  }
  /* fineSlide a mo di carousel */
  .secondo {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "Poppins";
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    color: #ed1c24;
    text-transform: uppercase;
  }
  .terzo {
    padding-top: 0px;
    margin-top: 0px;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #03244d;
    text-transform: uppercase;
  }
  /* Form */

  #richiedi-consulenza {
    height: 70px;
  }

  .button-consulenza {
    position: relative;
    width: 90%;
    height: 50px;
    background-color: #ed1c24;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    /* border: 1px solid #fff; */
    opacity: 1;
  }
  .button-consulenza:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3s;
  }
  /* fine Form */
  .d-small-none {
    display: block;
  }
}

/* ==================== Extra large devices (large desktops, 1200px and up) ================ */
@media all and (min-width: 1200px) {
  .ristretto {
    text-align: center;
    width: 60%;
  }
  .img-left-form {
    display: block;
    position: relative;
    top: 136px;
    right: -8%;
    width: 10px;
    height: 10px;
  }
  .img-right-form {
    display: block;
    position: relative;
    top: 120px;
    left: 80%;
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 991px) {
  #first-navbar,
  #second-navbar {
    background-color: rgba(13, 41, 95, 1);
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  #first-navbar small {
    font-weight: inherit;
    font-size: 70%;
  }
  #first-navbar .col-6,
  #div-vantaggi .col-6 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }
  .div-w-icons {
    margin: 5px 0;
  }
  .testo-agente-tim {
    font-size: inherit;
    line-height: inherit;
    padding-top: 0 !important;
  }
  .testo-agente-tim strong {
    font-size: 14px;
  }
}