
#azienda {
  position:relative;
  margin:0 auto;
  background: url('../images/who.jpg') center top no-repeat;
  background-attachment: fixed;
  margin-top:90px;
  text-align:center;
  padding: 0 0 3%;
  color:#000;
}

.prodotti {
  position:relative;
  background:rgba(219,211,211,0.4);
  margin:0 auto;
  padding:2% 0 0;
  font-family: 'Nexa';
  text-align:center;
}

.hero img {
  display:block;
  width:100%;
}

.games {
    padding: 0 5% 4%;
    background: url(../images/home4.jpg) no-repeat top center;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    -webkit-box-shadow: 0px 1px 30px 0px #a9a9a9;
    -moz-box-shadow: 0px 1px 30px 0px #a9a9a9;
    box-shadow: 0px 1px 30px 0px #a9a9a9;
}

.azienda {
  width:100%;
  height:100%;
  margin:0 auto;
  text-align:center;
  font-family: 'Nexa';
}

.vieni {
  width:100%;
  background:#cd3643;
  margin:0 auto;
  color:#fff;
  font-family: 'Nexa';
}

.come {
  width:100%;
  margin:0 auto;
  text-align: center;
  padding:1% 0 0;
  font-family:'Century-Regular';
}

.vieni p {
  margin:0;
}

#storia {
  background: url('../images/carp.jpg') top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding:110px 0 3% 0;
}

#storia .row {
  max-width:72%;
}

#storia img {
  max-width:100px;
  padding-right:2%;
}
#storia h3 {
  font-family: 'Nexa';
  margin-bottom:0;
  padding-top:2%;
  padding-bottom:0;
  font-weight:600;
  font-size:2em;

}
#storia p {
  font-family: 'caviar_dreamsregular';
  font-size:1.4em;
  padding:0 7.5em;
  margin-top:0;
}

.center {vertical-align:middle;}

.corsi a {
    display: block;
    color: #fff;
    font-family: 'Century-Regular';
    margin: 1% 7em 2%;
    font-size: 1.5em;
    text-decoration: none;
    background: #c23838;
    padding: 15px 30px 15px 30px;
    font-weight: 200;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
  }

  .corsi a:hover {
    background:#392526;
  }

.bold {
  margin-top:0;
  padding-bottom:4%;
}


.azienda .row {
  max-width:85%;
}

.sedi .row {
  max-width:85%;
}

.azienda h3, .sedi h3, #three h3 {
  display:inline-block;
  font-size:3.2em;
  font-family: 'Nexa';
  margin:0;
  color:#594949;
  padding:3% 2% 0;
  border-bottom:4px solid #cecece;
  font-weight:600;
  text-align:center;
}

.sedi h4 {
  font-family: 'Nexa';
  padding-top:1%;
  font-weight: 600;
  color:#c92535;
  font-size:2.2em;
}

.pol {
  margin-top:3.5%;
}

.sedi p {
  font-size:1.3em;
  font-family: 'Nexa';
  padding: 0 8em 0;
  min-height:170px;
  margin: 1% 0 0;
}

.process-icon {
    width: 140px;
    height: 140px;
    text-align: center;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #bbbbbb;
      transition-duration:0.3s;
}

.process-icon img {
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lop:hover .process-icon {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
}

.lop:hover .process-icon {
    background: rgba(201, 37, 53, 0.92);
}

.spok {
  padding:2% 2% 3%;
} 

.up {
  padding:1.5% 0;
}

.down {
  padding:0.5% 12em;
}

.lol span {
  color:#f93e3e;
}

.up li {
  color:#1b1b1b;
  font-size:1.62em;
  padding:0 5%;
  display:inline-block;
  font-family: 'NexaLight'!important;
  transition-duration:0.5s;
}

.up img {
  display:block;
  margin:0 auto;
  padding-bottom:1%;
  transition-duration:0.5s;
  padding-bottom:0.5%;
  transition-duration:0.5s;
}

.up:hover img {
      transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
}

.up span {
  font-size:1.1em;
}

.down li {
  color:#1b1b1b;
  font-size:1.62em;
  padding-left:1%;
  display:inline;
  font-family: 'NexaLight'!important;
  transition-duration:0.5s;
}

.down li:hover {
  font-size:1.65em;
}

.prodotti p{
  padding:0.5em 14em 2em;
  font-size:1.6em;
  margin-bottom:0;
  color:#473232;
}



.azienda p, .come p {
  padding:0.5em 10em 2em;
  font-size:1.6em;
  margin-bottom:0;
}

.come p {
  margin-top:0;
  font-family: 'NexaLight'!important;
}

.vieni p {
  text-align:center;
  padding:1.5em 12em;
  margin-bottom:0;
}

.come a {
  display:block;
  font-family:'Century-Regular';
  font-size:1.7em;
  font-weight:200;
  width:100%;
  padding:1.5% 0;
  border:0;
  color:#fff;
  text-align:center;
  text-decoration:none;
  background:#71a6fd;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.come a:hover {
  background:#424242;
  color:#fff;
}

.vieni a {
  display:block;
  font-family:'Century-Regular';
  font-size:1.7em;
  font-weight:200;
  width:100%;
  padding:1.5% 0;
  border:0;
  color:#7d6367;
  text-align:center;
  text-decoration:none;
  background:#fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.vieni a:hover {
  background:#71a6fd;
  color:#fff;
}

.hero1 {
  margin-top:90px;
}

table {
	width:100%;
	background:#f9f9f9;
	border:#d9d9d9;
	margin-top:3%;
}

table td {
	padding:10px;
}

.emer {
  background:#f8f8f8;
}

.sicurezza {
  background: #f13737;
  margin-top:2%;
  padding:6% 0;
}

.sicurezza a {
  background:#fff;
  font-family:'Century-Regular';
  padding:2% 2%;
  text-decoration: none;
  color:#000;
    -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.sicurezza a:hover {
  background:#cecece;
  color:#fff;
}

.carte {
  background:#fff;
  padding:0 2%;
}

.azienda h2 {
  font-family: 'poiret_oneregular';
  font-size:3em;
  margin:0;
  padding-bottom:0;
  font-weight:600;
  text-align:center;
} 


#three {
  position:relative;
  width:100%;
  padding:0;
  margin-top:90px;
  text-align:center;
  background: url('../images/home5.jpg') center top no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index:1;
  color:#594949;

}

#three .row {
  max-width:100%;
}

#three .col-3 {
  width:25%;
}

.box {
  position:relative;
  margin:0;
  padding:0;
  text-align:center;
  overflow:hidden;
}

.under {
  padding:6% 0 8%;
  margin:0;
  background:#fff;
   -webkit-transition-duration: 0.4s; 
  transition-duration: 0.4s;
}

.games h3 {
    display: inline-block;
    padding-bottom:0;
    color: #000;
    font-family: 'Nexa';
    margin: 2% auto 1%;
    font-weight: 400;
    font-size: 3em;
}

.port {
    margin-top: 2%!important;
}

.under h2, .spander h2 {
  margin:1% 0;
  font-size:2em;
  padding:2% 0;
  font-weight: 400;
  font-family:'Century-Regular';
}

.under img {
  transition-duration:0.2s;
  transform: scale(0.95,0.95);
  -webkit-transform: scale(0.95,0.95);
  -moz-transform: scale(0.95,0.95);
  -ms-transform: scale(0.95,0.95);
  -o-transform: scale(0.95,0.95);
}

.under:hover img {
  transform: scale(1.05,1.05);
  -webkit-transform: scale(1.05,1.05);
  -moz-transform: scale(1.05,1.05);
  -ms-transform: scale(1.05,1.05);
  -o-transform: scale(1.05,1.05);
}

.box:hover .under {
  background: #c92535;
  color:#fff;
}

.box img {
  line-height: 0;
  display:block;
 -webkit-transition-duration: 0.9s; 
    transition-duration: 0.9s;
}

.box p {
  font-size:1.3em;
  padding:0 4em;
  min-height:140px;
  font-family: 'Nexa';
  color:#c5c5c5;
}

.box a {
  text-decoration: underline;
  font-family: 'BookAntiqua-Italic';
  width:100%;
  text-align:center;
  padding:5% 0;
  font-size:1.2em;
  color:#758bd3;
  opacity:1;
   -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.box:hover a {
  color:#fff;
}

.bell img {
  height:100%;
  display:block;
  margin:0 auto;
}


.bold {
  font-weight:400;
}

.b2 {
  max-height:300px;
  max-width:512px;
}

.rox, .fox {
  position:relative;
  padding:0;
  overflow:hidden;
  margin-bottom:3%;
}

.rox:hover {background: rgba(0,0,0,0.95);}

.rox img, .fox img {
  padding:0;
  display:block;
 -webkit-transition-duration: 0.9s; 
    transition-duration: 0.9s;
      width:125%;
}

.rox:hover img {

   opacity:0.1;
}

.rox a {
  text-decoration: none;
  font-family: 'caviar_dreamsregular';
  position:absolute;
  width:100%;
  top:30%;
  left:0px;
  text-align:center;
  padding:5% 0;
  font-size:1.6em;
  font-weight:400;
  color:#fff;
  opacity:0;
   -webkit-transition-duration: 0.9s; 
    transition-duration: 0.9s;
}

.rox:hover a {
  opacity:1;
}

.bold a {
  text-decoration: none;
  font-size:1.2em;
  font-weight:600;
  color:#d91a1a;
}

.bold a:hover {
color:#8c8f9a;
}

.nox {
  padding-top:0!important;
}

/*------contatti-----------*/

#where {
  background: url('../images/cont.jpg') center top no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  width:100%;
  padding: 0.5% 0 3%;
  margin-top:90px;
  color:#f0f0f0;
}

#where h2 {
  padding:0;
  margin:3% 0 0;
}

#where h3 {
  display: inline-block;
  font-size: 2.6em;
  font-family: 'Nexa';
  margin: 0 0 0;
  color: #f0f0f0;
  padding: 3% 2% 0;
  border-bottom: 4px solid #cecece;
  font-weight: 400;
  text-align: center;
}

#where span {
  font-size:1.2em;
  display:inline-block;
  margin:0.5% 0 1%;
  font-family: 'poiret_oneregular';
  padding:0 5em;
  letter-spacing: 3px;
  line-height:1.2em;
  font-weight:600;
  color:#f0f0f0;
}

#where img {
  vertical-align: middle;
}

.lop {
  margin-top:2%;
}

.mappa {
  margin:0 auto;
}

.cmail {
  text-align:center;
  padding:1% 0 1%;
}

.cmail a, .soci a {
  display:inline-block;
  font-family:'Century-Regular';
  font-size:1.3em;
  font-weight:200;
  padding:0.6% 0.2%;
  border:0;
  margin-top:0%;
  color:#fff;
  text-align:center;
  text-decoration:none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cmail a:hover, .log a:hover, .soci a:hover {
  color:#dad8ff;
}

.cmail img {
  vertical-align: middle;
  height:30px;
}

iframe {
  width:85%;
  height:500px;
}

@media only screen and (min-width:0px) and (max-width: 720px){

  .azienda p, .come p {
    padding: 0.5em 3em 2em;
  }

  .full video {
    width: 70%;
  }

  .process-icon {
    width: 60px;
    height: 60px;
  }

  .process-icon img {
    height: 34px;
  }

  .sedi p {
    padding: 0;
  }

  .box p {
    font-size: 2.3em;
    padding: 0 3em;
    min-height: 110px;
    margin-bottom: 0;
  }

  .box a {
    font-size: 2.2em;
  }

  .under h2 {
    margin:0;
    font-size: 3em;
    padding: 1% 0;
  }

  #three h3 {
    padding-top: 8%;
  }

  .prodotti p {
    padding: 0.5em 3em 2em;
  }

  .pol {
    margin-top: 7.5%;
  }

  .sedi .row {
    padding-top:6%;
    max-width: 90%;
  }

  #three .col-3 {
    width: 100%;
  }

  #storia img {
    display: block;
    max-width: 70px;
    padding:0 0 6%;
    margin: 0 auto;
  }

  #storia {
    padding: 110px 0 8% 0;
  }

  #storia h3 {
    text-align: center;
    margin:4% 0 0;
    font-size: 2.6em;
  }

  .corsi a {
    margin: 0;
  }

  .inner {
    width: 70%;
  }

  .cmail {
    padding: 5% 0 1%;
  }

  iframe {
    width: 85%;
    height: 300px;
  }

  #where h3 {
    padding-top:6%;
  }

  .winn {
    padding:2% 0;
  }

  .cmail a, .soci a {
    font-size: 2em;
  }

  .soci {
    margin:4% 0;
  }

  #storia p {
    font-family: 'caviar_dreamsregular';
    font-size: 1.4em;
    padding:0;
    text-align: center;
  }

  .sedi p {
    min-height: 110px;
  }

  .vieni p {
    padding: 1.5em 3em;
  }

}

@media only screen and (min-width:601px) and (max-width: 1440px){

	body {font-size:80%;}


}

@media only screen and (min-width:601px) and (max-width: 1440px){

	
  #menu-con a {
    font-size:0.8em;

  }

  .box span {
    font-size:1.1em;
    top:2%;

  }

  .box p {
    min-height: 94px;
  }

    .prodotti p {
      padding: 2em 10em 2em;
      font-size: 1.5em;
      margin-bottom: 0;
  }

  iframe {
    height:400px;
  }

  #storia img {
    max-width: 80px;
  }

@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 1)  { 

  .azienda p, .come p {
    padding: 0.5em 3em 2em;
  }

  .full video {
    width: 70%;
  }

  .process-icon {
    width: 60px;
    height: 60px;
  }

  .process-icon img {
    height: 34px;
  }

  .sedi p {
    padding: 0;
  }

  .box p {
    font-size: 2.3em;
    padding: 0 3em;
    min-height: 160px;
    margin-bottom: 0;
  }

  .box a {
    font-size: 2.2em;
  }

  .under h2 {
    margin:0;
    font-size: 3em;
    padding: 1% 0;
  }

  #three h3 {
    padding-top: 8%;
  }

  .prodotti p {
    padding: 0.5em 3em 2em;
  }

  .pol {
    margin-top: 7.5%;
  }

  .sedi .row {
    padding-top:6%;
    max-width: 90%;
  }

  #three .col-3 {
    width: 100%;
  }

  #storia img {
    display: block;
    max-width: 70px;
    padding:0 0 6%;
    margin: 0 auto;
  }

  #storia {
    padding: 110px 0 8% 0;
  }

  #storia h3 {
    text-align: center;
    margin:4% 0 0;
    font-size: 2.6em;
  }

  .corsi a {
    margin: 0;
  }

  .inner {
    width: 70%;
  }

  .cmail {
    padding: 5% 0 1%;
  }

  iframe {
    width: 85%;
    height: 300px;
  }

  #where h3 {
    padding-top:6%;
  }

  .winn {
    padding:2% 0;
  }

  .cmail a, .soci a {
    font-size: 2em;
  }

  .soci {
    margin:4% 0;
  }

  .box img {
    width: 100%;
  }

  #storia p {
    font-family: 'caviar_dreamsregular';
    font-size: 1.4em;
    padding:0;
    text-align: center;
  }

  .sedi p {
    min-height: 110px;
  }

  .bell img {
    width: 46px!important;
  }


  .vieni p {
    padding: 1.5em 3em;
  }
}