*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

@font-face {
  font-family: WalterTurncoat;
  src: url("https://www.alesenso.it/gallery/font/WalterTurncoat.ttf");
}

@font-face {
  font-family: Gill;
  src: url("../font/Gill Sans Light.otf");
}

html, body {

  width: 100%;

  height: 100%;

  margin: 0px;

  text-align: center;

}

body {

  background-color: transparent;

  font-family: Gill, sans-serif;

  background-color: #F0F0F0;

  background-image: url('http://www.alesenso.it/gallery/imgs/ale_senso_fondo_bianco20_LQ.jpg');
  /*background-image: url('http://www.alesenso.it/gallery/imgs/ale_senso_fondo_nero_LQ.jpg');*/

  background-size: 100%;

  background-position: top;

  background-origin: border-box;

  box-sizing: border-box;

}

p {

  margin: 0px;

}

h1 {

  margin: 0px;

}

h2 {

  margin: 0px;

}

h3 {

  margin: 0px;

}


.logo {

  display: inline-block;

  //width: 50px;

  height: 90px;

  margin: 20px auto 20px auto;



}



.titolo {

/*    	position: absolute;

    top: 78px; */

    color: #f0f0f0;

}

#sfondo {

  width: 94vw;

  border-radius: 10px;

  margin: 20px auto 0px auto;

  /*padding: 20px 20px 50px 20px;*/

  /*background-image: url("imma/iv-sfondo-light.jpg");

  background-attachment: fixed;

  background-size: 100%;*/

  /*min-height: 300vh;*/

  position: relative;

}

.contenitoreGriglia {
  width: 80vw;
  margin: 20px auto;
  display: grid;
  grid-template-columns: 80vw;
  grid-template-rows: 20vw 20vw 43vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw;

}

.linkGrande, .linkPiccolo {
  transition-property: transform;
  transition-duration: 0.5s;
}

.linkGrande:hover {
  transform: scale(1.05);
  z-index: 500;
}

.linkPiccolo:hover {
  transform: scale(1.1);
  z-index: 500;
}

.carosello {
  width: 100%;
  height: 100%;
}

.sfondotesto {
 position: relative;
  width: 100%;
  height: 100%;

  border-radius: 20px;
  padding: 20px 20px 20px 20px;

  background-color: #eeeeee88;

  text-align: justify;



}

.vcentr{
  color: #cc0909;
  /*margin: auto;
  display: block;

  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
.areatesto {

  width: 100%;

  height: 100%;

  /*margin: 20px auto 20px auto;*/

}

.testoGrande {
  font-size: 3.7vw;
}

.testoPiccolo {
  font-size: 2vw;
}
.sfondovideo {

  border-radius: 20px;

  padding: 10px 10px 10px 10px;

  background-color: #dd1111aa;

  text-align: justify;

  overflow:hidden;

  width: 100%;
  height: 100%;

}



.contenitorevideo {

  width: 100%;

height: 100%;

}

.areavideo {

  width: 100%;

  height: 100%;

  margin: 0px;



}

#videogrande {
  position: fixed;
  z-index:20000000;
  width: 100%;
  height: 100%;
  top=0px;
  left=0px;
  display: none;
}

.filmato {
  border-radius: 10px;
}
.contenitoreimmagine {
  position: relative;
  width:100%;
  height:100%;
}

.immagine {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.immagine50 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px 0px 0px 20px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 50%;
}
.testo50 {
  background-color: #10000088;
  border-radius: 0px 20px 20px 0px
  width: 100%;
  height: 50%;
  padding-top: 3vw;
  font-size: 3vw;
  color: #f0f0f0;
  background-image: url('http://www.alesenso.it/gallery/imgs/ale_senso_fondo_nero_LQ.jpg');
}

.testoB {
  background-color: #10000088;
  border-radius: 20px;
  text-align: center;
  width: 100%;
  height: 10vw;
  padding-top: 3vw;
  font-size: 3vw;
  color: #f0f0f0;
  background-image: url('http://www.alesenso.it/gallery/imgs/ale_senso_fondo_nero_LQ.jpg');
}

.frecciaingiu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('https://www.alesenso.it/imgs/FRECCIA_giu.png');
}

.frecciainsu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('https://www.alesenso.it/imgs/FRECCIA_su.png');
}

.fondinogrigio {
  background-color: #e0dddd88;
  border-radius: 20px;
  overflow: hidden;
}
.standard {

  margin-bottom: 2em;

}



.social {

  height: 30px;

  margin-left: 30px;

  margin-right: 30px;

  vertical-align: middle;

}

.centrata {

  margin: 0px auto 0px auto;



}

.email {

color: #0f0f0f;

font-size: 15px;

vertical-align: middle;

}



.piedipagina {

position: fixed;

bottom: 0px;

left: 0px;

z-index: 100000;

width: 100%;

background-color: #f0f0f0;

padding-top: 10px;

padding-bottom: 10px;

color: #0f0f0f;



}



.linguetta {

position: fixed;

left:0px;

bottom: 8vh;

background-color: #f0f0f088;

border-radius: 0px 20px 20px 0px;

padding: 10px;

z-index: 100001;

}



.linguetta:hover {

position: fixed;

left:0px;

bottom: 8vh;

background-color: #f0f0f088;

border-radius: 0px 20px 20px 0px;

padding: 10px;

transform: scale(1.05);

z-index: 100001;

}



.logoAS {
  display: block;
  width: 90px;
  //height: 57.72px;
  margin: 20px auto 20px auto;
  //border-radius: 5px;
}



.filmato {

width: 100%;

height: 100%;

}



.inglese {

display: none;

}



.italianoIL {

display: inline;

}

.ingleseIL {

display: none;

}



.italiano {

display: block;

}


.bandierine {

width: 30px;
/*position: fixed;
top: 50px;
right: 10px;*/
}

a {

text-decoration: none;

font-weight: bold;

color: #111;

}



a:hover {

text-decoration: underline;

color: #222;

}



a:visited {

color: #111;

}

/* DEFINIZIONE DEGLI OGGETTI DELLA GRIGLIA */
.cella1 {
  grid-row: 1 / span 1;
}

.cella2 {
  grid-row: 2 / span 1;
}

.cella3 {
  grid-row: 3 / span 1;
}

.cella4 {
  grid-row: 4 / span 1;
}

.cella5 {
  grid-row: 5 / span 1;
}

.cella6 {
  grid-row: 6 / span 1;
}

.cella7 {
  grid-row: 7 / span 1;
}

.cella8 {
  grid-row: 8 / span 1;
}

.cella9 {
  grid-row: 9 / span 1;
}

.cella10  {
  grid-row: 10 / span 1;
}

.cella11  {
  grid-row: 11 / span 1;
}


.cella12 {
  grid-row: 1 / span 2;
}

.cella23 {
  grid-row: 2 / span 2;
}

.cella34 {
  grid-row: 3 / span 2;
}

.cella45 {
  grid-row: 4 / span 2;
}

.cella56 {
  grid-row: 5 / span 2;
}

.cella67 {
  grid-row: 6 / span 2;
}

.cella78 {
  grid-row: 7 / span 2;
}

.cella89 {
  grid-row: 8 / span 2;
}

.cella1011 {
  grid-row: 10 / span 2;
}

.cella123 {
  grid-row: 1 / span 3;
}

.cella234 {
  grid-row: 2 / span 3;
}

.cella345 {
  grid-row: 3 / span 3;
}

.cella456 {
  grid-row: 4 / span 3;
}

.cella567 {
  grid-row: 5/ span 3;
}


.cella678 {
  grid-row: 6 / span 3;
}

.cella789 {
  grid-row: 7 / span 3;
}

.cellaA {
  grid-column: 1 / span 1;
}

.cellaB {
  grid-column: 2 / span 1;
}

.cellaC {
  grid-column: 3 / span 1;
}

.cellaD {
  grid-column: 4 / span 1;
}


.cellaAB {
  grid-column: 1 / span 2;
}

.cellaCD {
  grid-column: 3 / span 2;
}

.frameYT {
  width: 53vw;
  height: 30vw;
  margin-left: 11vw;
}

.locandinaErmeticoUrbano {
  width: 53vw;
  height: 53vw;
  margin-left: 11vw;
}

.locandinaArvalia {
  width: 53vw;
  height: 27.7vw;
  margin-left: 11vw;
    
}

@media only screen and (max-device-width: 1080px) {

#virtual {

height: 60vh;

}

.logo {

height: 15vh;

}
.logoAS {
  width: 10vh;
}



.social {

height: 50px;

}

.frameYT {
  width: 67vw;
  height: 38vw;
  margin-left: 13vw;
}

.locandinaErmeticoUrbano {
  width: 67vw;
  height: 67vw;
  margin-left: 13vw;
}

.locandinaArvalia {
  width: 67vw;
  height: 35vw;
  margin-left: 13vw;
}

.email {

font-size: 40px;

}

.bandierine {
  width: 45px;
  z-index: 20000000;
}

.contenitoreGriglia {
  width: 96vw;
  margin: 20px auto;
  display: grid;
  grid-template-columns: 96vw;
  grid-template-rows: 24vw 24vw 53vw 24vw 24vw 24vw 24vw 24vw 24vw 24vw 24vw;

}

}