*,*:before,*:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
body,html   { background:#F1F0F6; margin:0; padding:0; width:100%; height:100%; font-family:Open Sans; -webkit-tap-highlight-color:rgba(0,0,0,0) }
div         { position:relative; line-height:1.5rem; color:rgba(0,0,0,0.7); font-weight:400 }
.clear      { clear:both }
a           { color:#4E463B; text-decoration:none }
img         { position:relative; border:none }
h1          { margin:0; font-weight:bold; font-size:1.5rem }
h2          { margin:0; font-weight:bold; font-size:1.2rem }
input,textarea  { font-size:1rem; font-family:Open Sans; font-size: 1rem;}
input:focus     { outline:0 }
select:focus    { outline:0 }
textarea:focus  { outline:0 }
select          { font-size:1.2rem; border:0; padding:0.5rem }
.bottone             { border:0; border-radius:0.2rem; background:#29235D; color:#ffffff; text-transform:uppercase; padding:0.5rem 1rem 0.5rem 1rem; font-size:0.9rem }
.campo-callback      { width:20rem; margin-bottom:0.8rem }
.bottone:hover       { cursor:pointer; opacity:0.5 }
.campo               { border:solid 1px rgba(0,0,0,0.3); border-radius:0.2rem; padding:0.5rem }
.nascosto            { display:none }
.informativa         { display:none; padding:1rem 0 0 0 }
.errore              { color:red; display:none; margin:0 0 1.5rem 0; font-weight:600 }
.conferma            { color:#1BC31B; display:none; margin:0 0 1.5rem 0; font-weight:600 }
.menu-attivo         { border-bottom:solid 2px #000000; }

.mobile-menu,
.mobile-x,
.mobile-hamburger
     { display:none }

.top                      { width:100%; padding:1.5rem 12rem 1.5rem 12rem; background:#ffffff; border-bottom:solid 1px rgba(0,0,0,0.1) }
.top-menu                 { display:block; float:right; margin:0; margin-top:0.6rem; padding:0; list-style-type:none }
.top-menu li              { display:inline; margin-left:1.2rem; font-size:1rem }
.top-menu li a            { color:#000000 }
.top-menu li a:hover      { color:#29235D }
.facebook                 { height:1.3rem; top:0.2rem } 
.logo-top                 { height:2.5rem } 
.pagina                   { padding:0 12rem 0 12rem }
.home-claim               { background:#ffffff; text-align:center; padding:4rem 0 4rem 0 }
.home-claim-frase         { font-weight:300; color:#29235D; font-size:2.4rem }
.home-foto                { background:url(images/home1.jpg) center center no-repeat; background-size:cover; padding:7rem 10rem 10rem 12rem; overflow: hidden  }
.home-foto-frase          { display:inline-block; text-align:left; width: 100%; max-width: 40rem; color:#ffffff; font-size:1.7rem }
.home-foto-frase-home     { line-height:1.9rem; width: 100%; font-size:1.6rem; font-weight: 100; }
.home-foto-frase-home  b  { display:block; font-size:3rem; font-weight: normal; line-height: 2.6rem; margin-bottom: 2rem}
.home-traspa-rettangolo   { transform: rotate(70deg); position:absolute; top:0; left:-120rem; width:200rem; height:200rem; opacity:0.2; background:#000000 }
.piu-home                 { background:url(ico/plus.svg) center left no-repeat; background-size:auto 100%; height:1.8rem; padding-left:2.5rem; padding-top:0.3rem; font-size:0.7rem; text-transform:uppercase }

.top-foto                { background:center center no-repeat; background-size:cover; padding:7rem 0 7rem  12rem; overflow: hidden  }
.top-traspa-rettangolo   { transform: rotate(70deg); position:absolute; top:0; left:-130rem; width:200rem; height:200rem; opacity:0.3; background:#000000 }
.top-foto-frase          { color:#ffffff; font-size:2.3rem; line-height:2.5rem }

.page-title         { text-align: center; font-weight:300; color:#29235D; font-size:2rem; width: 100%; padding: 3rem 0; background-color: #fff; left:-12rem; width:calc(100% + 24rem);}
.page-title a       { display: inline-block; margin: 0 1.5rem; font-size: 1.6rem }
.page-title-on      { border-bottom: solid 3px #29235D; padding-bottom: 0.5rem }

.home-cerchi { 
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem;
  justify-content: center;
  justify-items: center;
 }
.home-cerchi > a, 
.home-cerchi > div { 
  display: block; 
  text-align: center;
  padding: 5rem 0;
}
 .home-cerchi2 { 
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 3rem; 
 }
.home-cerchio  > div                { display:inline-block; height:12rem; width:12rem; background:center center no-repeat; background-size:cover; border-radius:50%; margin-bottom: 2rem}
.home-cerchio2 > div                { height:9rem; width:9rem }
.home-cerchio                 h1    { color:#29235D; font-size:1.2rem; font-weight:bold; margin-bottom:1rem }
.home-cerchio:nth-of-type(1) > div  { background-image:url(images/home-who1.jpg) }
.home-cerchio:nth-of-type(2) > div  { background-image:url(images/home-who2.jpg) }
.home-cerchio:nth-of-type(3) > div  { background-image:url(images/home-who3.jpg) }
.home-cerchio2:nth-of-type(1) > div  { background-image:url(images/home-project1.jpg) }
.home-cerchio2:nth-of-type(2) > div  { background-image:url(images/home-project2.jpg) }
.home-cerchio2:nth-of-type(3) > div  { background-image:url(images/home-project3.jpg) }
.home-cerchio2:nth-of-type(4) > div  { background-image:url(images/home-project4.jpg) }
.home-cerchio2:nth-of-type(5) > div  { background-image:url(images/home-project5.jpg) }




.home-news { 
  display: grid; 
  grid-tremplate-columns: 1fr 1fr 1fr;
  justify-content: center;
  margin: 0 0 5rem 0;
}
.home-news > div { 
  text-align: center;
}
.home-news h1 { 
  color: #29235D; 
  font-size:1.2rem; 
  font-weight:700;
  margin-bottom: 1.5rem;
}
.home-news .foto { 
  width: 100%;
  height: 18rem;
  background:center center no-repeat; 
  background-size:cover;
  margin-bottom: 2rem;
}
.home-news .testo { 
  padding: 0 3rem 0 3rem;
}

.home-news-box            { float:left; width:calc(100%/3) }
.home-news-box-foto       { width:100%; height:15rem; background:center center no-repeat; background-size:cover }
.home-news-box-testo       { text-align:center; padding:2rem 4rem 4rem 4rem }
.home-news-box-testo h1    { color:#29235D; font-size:1.2rem; font-weight:700; margin-bottom:1rem}
.home-news-box-foto.f1  { background-image:url(images/home-space.jpg) }
.home-news-box-foto.f2  { background-image:url(images/home-transport.jpg) }
.home-news-box-foto.f3  { background-image:url(images/home-other.jpg) }
.home-callback           { padding:4rem 0 4rem 0 }
.home-callback .col1      { float:left; width:50%; text-align:right; padding-right:1rem }
.home-callback .col2      { float:left; width:50%; text-align:left; padding-left:1rem }
.home-callback textarea   { height:12.4rem }



.colonne {
  display: grid;   
  grid-tremplate-columns: 250px auto;
  margin: 5rem 0 5rem 0;
}
.colonne > div:nth-child(1) ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.colonne > div:nth-child(1) li {
  padding-left: 1.3rem;
  background-image: url(ico/right.svg);
  background-size: 0.7rem 0.7rem;
  background-repeat: no-repeat;
  background-position: left 0.4rem;
}

.paragrafo {
  margin: 5rem 0 5rem 0;
}
.paragrafo ul {
  margin: 0;
  margin-bottom: 2rem;
  padding: 0;
  padding-left: 1.5rem;
}
.paragrafo ul li {
  margin-bottom: 1.5rem;
}
.ul-compressed ul li {
  margin-bottom: 0.7rem;
}
.paragrafo-big {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.8rem;
}
.paragrafo h1 {
  margin-bottom: 1.5rem;
  color: #29235D; 
  font-size:1.2rem; 
  font-weight:700;
}
.paragrafo-persone {
  display: grid;
  grid-tremplate-columns: 1fr 1fr 1fr;
  justify-itrems: center;
  grid-column-gap: 5rem;
}
.paragrafo-persone > div {
  text-align: center;
}
.paragrafo-persone .foto {
  display: inline-block;
  height: 8rem;
  width: 8rem;
  background: center center no-repeat;
  background-size: cover;
  margin-bottom: 1.5rem;
  box-shadow: 1px 1px 12px rgba(0,0,0,0.3);
  border-radius: 0.4rem;
}
.paragrafo-persone h1 {
  margin-bottom: 1.5rem;
}
.paragrafo-premises {
  display: grid;
  grid-tremplate-columns: 1fr 1fr;
  justify-itrems: center;
  grid-column-gap: 6rem;
}
.paragrafo-premises > div{
  text-align: center;
}
.paragrafo-premises h1 {
  margin-bottom: 2rem;
}
.paragrafo-premises img {
  display: inline-block;
  margin-bottom: 2rem;
  box-shadow: 1px 1px 12px rgba(0,0,0,0.3);
  border-radius: 0.4rem;
}


.team-persona            { height:25rem; margin-bottom:3rem }
.team-persona-foto       { float:left; width:calc(50% - 3rem); margin-right:3rem; height:100%; background:center center no-repeat; background-size:cover }
.team-persona-info       { float:left; width:calc(50% - 3rem); margin-left:3rem; padding-top:3rem }
.team-persona h1,h2,h3   { font-size:1rem; font-weight:400; margin:0; padding:0 }
.team-persona h1         { font-size:2rem; font-weight:700; margin-bottom:0.3rem; color:#29235D; text-transform:uppercase; line-height:1rem }
.team-persona h2         { font-weight:bold; margin-bottom:1rem; opacity:0.7 }
.team-persona h3         { margin-bottom:2rem }
.team-foto-remiliano      {  background-image:url(team/alpha-consult-remiliano-spaltro.jpg)}
.team-foto-claudia       {  background-image:url(team/alpha-consult-claudia-maltoni.jpg)}
.team-foto-elizabeth     {  background-image:url(team/alpha-consult-elizabeth-alexandra-nerantzis.jpg)}
.team-piu                { background:url(ico/plus2.svg) center left no-repeat; background-size:auto 90%; height:1.8rem; padding-left:2.2rem; padding-top:0.3rem; font-size:1rem; text-transform:uppercase; color:#29235D }
.team-right              { margin:0 }
.team-persona-info.team-right { margin-right:3rem; }
.team-persona-foto.team-right { margin-left:3rem; }




.grid-capabilities-card {
  padding: 3rem;
  padding-bottom: 3rem;
  background-color: white;
  border-top: solid 3px #29235D;
  margin-top: 3rem;
  color: rgba(0,0,0,0.7);

}
.grid-capabilities-card:last-of-type {
  margin-bottom: 3rem;
}
.grid-capabilities-card h1 {
  font-weight: 400;
  font-size: 1.6rem;
  margin-bottom: 2.5rem;
  color: #29235D;
}
.grid-capabilities-card b {
  color: #000;
  
}
.grid-capabilities-card u {
  text-decoration: none;
  font-weight: bold;
}
.grid-capabilities-card ul {
  margin: 2rem 0;
  padding: 0 1rem;
  list-style-type: square;
}
.grid-capabilities-card li {
  margin-bottom: 0.5rem;
}
.paragrafo-findus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem
}
.paragrafo-findus h2 {
  font-weight: bold;
  color: #000;
  font-size: 1.1rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.paragrafo-findus .card {
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: #fff;
  box-shadow: 0 5px 20px rgba(0,0,0,0.15);
  margin-top: 3rem;
}
.paragrafo-findus .card .google {
  display: grid;
  object-fit: cover;
  object-position: center center;
  box-shadow: none;
  height: 100%;
  width: 16rem;
  margin: 0;
}
.paragrafo-findus .card .txt {
  display: grid;
  justify-self: center;
  padding: 2rem 0;
  font-size: 0.9rem;
}
.paragrafo-findus .card .txt .ico {
  display: inline-block;
  height: 0.9rem;
  margin-right: 0.6rem;
  top: 0.2rem;
  opacity: 0.6;
}

.nascosto {
  display: none !important;
}

.cookiebanner {
  position: fixed;
  display: grid;
  z-index: 1000;
  bottom: 1rem;
  right: 1rem;
  width: 100%;
  max-width: 16rem;
  font-size: 0.8rem;
  line-height: 1.1rem;
  background-color: #fff;
  padding: 1rem;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  border: solid 1px rgba(0,0,0,0.2);
}
.cookiebanner button {
  display: grid;
  justify-self: right;
  width: 100%;
  max-width: 10rem;
  margin-top: 1rem;
}

.footer        { display: grid; grid-template-columns: 1fr auto; align-items: end; background:#ffffff; padding:4rem 12rem; border-top:solid 1px rgba(0,0,0,0.1); font-size: 0.9rem; }
.footer-logo   { height:1.8rem; margin-bottom:0.5rem }
.footer a      {  }