/* Elementi stili font esterni */
@font-face {
  font-family:'LatoR';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato_Regular'), local('LatoR'),
       url('http://vallino.i-demo.it/font/lato-regular.woff2') format('woff2'),
       url('http://vallino.i-demo.it/font/lato-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'LatoB';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato_Bold'), local('LatoB'),
       url('http://vallino.i-demo.it/font/lato-bold.woff2') format('woff2'),
       url('http://vallino.i-demo.it/font/lato-bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'PlayFairR';
  font-weight: 400;
  src: local('PlayFair Regular'), local('PlayFair_Regular'), local('PlayFairR'),
       url('http://vallino.i-demo.it/font/playfair-regular.woff2') format('woff2'),
       url('http://vallino.i-demo.it/font/playfair-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'PlayFairB';
  font-weight: 700;
  src: local('PlayFair Bold'), local('PlayFair_Bold'), local('PlayFairB'),
       url('http://vallino.i-demo.it/font/playfair-bold.woff2') format('woff2'),
       url('http://vallino.i-demo.it/font/playfair-bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-verde-00 { background-color:#627d79; }
.assoluto { position:absolute !important; }
.fisso { position:fixed !important; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo, .ratio { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.content-ratio { position:absolute !important; top:0px; left:0px; width:100%; height:100%; }
.base-avviso { position:fixed !important; top:0px; left:0px; width:100%; height:100%; visibility:hidden; overflow:hidden; z-index:10000; }
.sfondo-base { background-position:center; background-repeat:no-repeat; background-size:cover; }
.centrato { margin:0px auto 0px auto; }
.chiusura { position:relative; clear:both; }
.rotondo { border-radius:50%; }
.arrotondato { border-radius:10px; }
.sinistra { float:left; }
.destra { float:right; }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt-centro { text-align:center !important; }
.txt-destro { text-align:right !important; }
.txt-sinistro { text-align:left !important; }
.txt-alto { vertical-align:top; }
.txt-mezzo { vertical-align:middle; }
.txt-basso { vertical-align:bottom; }
.giustificato { text-align:justify; }
.minuscolo { text-transform:lowercase; }
.maiuscolo { text-transform:uppercase; }
.sottolineato { text-decoration:underline; }
.grassetto { font-weight:bold; }
.corsivo { font-style:italic; }
.normale { text-transform:none; }
.invisibile { visibility:hidden; }
.nascosto, .display-port { display:none; }
.limitato { overflow:hidden; }
.superiore { z-index:20; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px; line-height:0px; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#ffffff url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { opacity:.80; }
.opaco-01 { opacity:.90; }
.opaco-02 { opacity:.40; }
.opaco-03 { opacity:.85; }
.ombra-00 { box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5); }
.ombra-01 { box-shadow:2px 4px 10px rgba(0, 0, 0, 0.5); }
.ombra-02 { box-shadow:1px 1px 10px rgba(0, 0, 0, 0.5) inset; }

body { font-family:verdana; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#000000; background-color:#363c52; z-index:0; }


/* -font- */
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.lato-r { font-family:"LatoR"; }
.lato-b { font-family:"LatoB"; }
.play-r { font-family:"PlayFairR"; }
.play-b { font-family:"PlayFairB"; }
.txt-base { font-size:14px; line-height:18px; }

input { width:100px; font-size:14px; line-height:24px; text-align:center; margin:5px; }

div#box-quadro-base { margin:0px auto 0px auto; background-image:url(../img/sfondi/logo-hs.png); background-repeat:no-repeat; background-position:center; background-size:30% auto;  }
div.box-triangolo { position:absolute !important; width:100%; top:0px; }
div.box-triangolo-sx { left:-210%; }
div.box-triangolo-dx { right:-210%; }
div.angolo { position:absolute !important; top:14.7%; width:70.6%; height:70.6%; }
div.angolo-dx { right:-35.3%; transform:rotate(-135deg); background:linear-gradient(45deg, transparent 50%, #ffffff 0) top left; }
div.angolo-sx { left:-35.3%; transform:rotate(45deg); background:linear-gradient(45deg, transparent 50%, #cdd2d5 0) top left; }
div#box-piegatura { top:0.5%; left:50%; width:1px; height:99%; margin:0px 0px 0px -0.5px; background-color:#5d5d5d; }
div.box-freccia { position:absolute !important; }
div.box-freccia-esterna { top:50%; width:10%; height:10%; margin:-5% 0px 0px 0px; border-top:solid 1px #000000; border-right:solid 1px #000000; visibility:hidden; }
div#freccia-sx { left:5%; transform:rotate(-135deg); }
div#freccia-dx { right:5%; transform:rotate(45deg); }
div.box-freccia-interna { top:20%; right:20%; width:25%; height:25%; border-top:solid 2px #000000; border-right:solid 2px #000000; cursor:pointer; }
div.box-bordo-freccia { position:absolute !important; top:-20%; left:50%; width:1px; height:140%; background-color:#000000; transform:rotate(135deg); }
div#box-slide-testo { top:50%; left:50%; width:51.22%; height:38.56%; margin:-19.28% 0px 0px -25.61%; }
div.box-indice-roll { display:flex; }
div.box-indice-roll div.slide { min-width:100%; }
div.sfondo-testo { position:absolute !important; top:0px; width:50%; height:100%; }
div#box-slide-testo div.rientro { padding:1% 1% 1% 1%; }
div#box-slide-testo table { border-spacing:20px 20px; }
div#box-slide-testo h1, div#box-slide-testo h2 { font-size:20px; line-height:30px; margin:0px 0px 10px 0px; }
div.box-link { position:absolute !important; width:20%; height:20%; background-color:#ffffff; transform:rotate(45deg); cursor:pointer; z-index:-5; }
div.box-link div.sfondo-link { background-repeat:no-repeat; transform:rotate(-45deg); }
div#box-link-1 { top:37%; left:37%; margin:-10% 0px 0px -10%;  }
div#box-link-1 div.sfondo-link { background-image:url(../img/sfondi/vetrina.png); background-size:70% auto; background-position:center 30%; }
div#box-link-2 { top:37%; right:37%; margin:-10% -10% 0px 0px; }
div#box-link-2 div.sfondo-link { background-image:url(../img/sfondi/ecommerce.png); background-size:85% auto; background-position:center 40%; }
div#box-link-3 { bottom:37%; left:37%; margin:0px 0px -10% -10%; }
div#box-link-3 div.sfondo-link { background-image:url(../img/sfondi/corsi.png); background-size:70% auto; background-position:center 60%; }
div#box-link-4 { bottom:37%; right:37%; margin:0px -10% -10% 0px; }
div#box-link-4 div.sfondo-link { background-image:url(../img/sfondi/analisi-seo.png); background-size:70% auto; background-position:center 60%; }

@media only screen and (orientation:landscape) {
  div#box-quadro-base { width:40%; }
}
@media only screen and (min-width:0px) and (max-width:768px) and (orientation:landscape) {
  div#box-quadro-base { width:45%; }
}
@media only screen and (min-width:813px) and (max-width:1279px) and (orientation:landscape) {
  div#box-quadro-base { width:60%; }
}
@media only screen and (min-width:1280px) and (max-width:1449px) and (orientation:landscape) {
  div#box-quadro-base { width:55%; }
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:landscape) {
  div#box-slide-testo h1, div#box-slide-testo h2 { font-size:14px; line-height:20px; }
  div#box-slide-testo p { display:none; }
}
@media only screen and (min-width:768px) and (max-width:812px) and (orientation:landscape) {
  div#box-slide-testo h1, div#box-slide-testo h2 { font-size:16px; line-height:21px; }
  div#box-slide-testo p { display:none; }
}
@media only screen and (min-width:0px) and (max-width:567px) and (orientation:landscape) {
  div#box-slide-testo h1, div#box-slide-testo h2 { font-size:12px; line-height:15px; }
}
@media only screen and (orientation:portrait) {
  div#box-quadro-base { width:96%; }
}
@media only screen and (min-width:0px) and (max-width:599px) and (orientation:portrait) {
  div#box-slide-testo h1, div#box-slide-testo h2 { font-size:14px; line-height:20px; }
  div#box-slide-testo p { display:none; }
}