html,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-size:16px;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,menu,section{
	display:block;
}

/* Typography */

h1 {
    position: absolute;
    bottom: 130px;
    font-family: 'Lato', sans-serif;
	font-weight: 900;
    font-size: 2.5em; /* 40px / 16px */
    line-height: 1.2em; /* 48px / 40px */
    margin-bottom: .4em;/* 16px / 40px */
    margin-top: .4em; /* 16px / 40px */
	color:#FFF;
	text-align:center;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
	margin-right:10%;
	margin-left:10%;
	width: 80%;
}

h2 {
	position: absolute;
    top: 300px;
	width: 100%;
    font-family: 'Lato', sans-serif;
	font-weight: 900;
    font-size: 1.4em; /* 40px / 16px */
    line-height: 1em; /* 48px / 40px */
    margin-bottom: .4em;/* 16px / 40px */
    margin-top: .4em; /* 16px / 40px */
	color:#FFF;
	text-align:center;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

.fontmenu {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#FFF;
}

.maintitle{
	color:#FFF;
	text-align: center;
}

header h1{
	margin-bottom: 0;
}

h1 img{
	max-width: 100%;
}

hr  {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#000;
	margin-top:50px;
	margin-bottom:40px;
}

.gray999 {
	color: #999;
}

.gray999b {
	color: #999;
	font-weight: 900;
}

.blacksubtitle {
	color: #000;
}

.fontbold {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
	font-size:1.4em;
	line-height: 1.2em;
	color:#000;
}

.didascalia {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
	font-size:1.2em;
	color:#000;
	text-align:center;
}

.fontboldw {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size:1.4em;
	line-height: 1.2em;
	color:#FFF;
}

.fontgraylight {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #999;
	font-size:1.2em;
	line-height: 1.4em;
}

.fontsez, .fontsezred, .fontsezpurp, .fontsezgreen, .fontsezblu, .fontsezorange {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 1.1em;
}

.tabspot {
	font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 1.2em;
}

.fontsez {
	color: #333;
}

.fontsezred {
	color: #F00;
	}

.fontsezpurp {
	color: #E5008A;
	}

.fontsezgreen {
	color: #269F00;
	}

.fontsezblu {
	color: #0099CC;
	}

.fontsezorange{
	color: #333;
	}

.fonttest {
	color: #333;
	font-weight: 300;
	font-size: 1.3em;
	}

.fonttestb {
	color: #000;
	font-weight: 900;
	font-size: 1.2em;
	}

.fontsezb, .fontsezbred, .fontsezbpurp, .fontsezbgreen, .fontsezbblu, .fontsezborange {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
	font-size: 1.1em;
}

.fontsezbred {
	color: #F00;
	}

.fontsezbpurp {
	color: #E5008A;
	}

.fontsezbgreen {
	color: #269F00;
	}

.fontsezbblu {
	color: #0099CC;
	}

.fontsezb {
	color: #333;
}

.fontsezborange{
	color: #FF6600;
	}

.fontsezitalic {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 300;
	font-style: italic;
}

.fontitaliclight {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
}

.fontitalicred {
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color:#F00;
}

.fontredasterisco {
	color:#F00;
}

.fontitalic {
	font-family: 'Lato', sans-serif;
	font-style: italic;
}

.fontdidab {
	font-weight: 500;
	font-style: italic;
}

.fontp {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 0.8em;
}

.fontpmin {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 0.8em;
}

.fontpbold {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
	font-size: .8em;
}

.fontpboldcontrol {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
	font-size: 1em;
	padding-bottom:5px;
}

figcaption,
.top-stories li {
    font-size: .75em; /* 12px / 16px */
}

blockquote {
    font-style: italic;
    margin-bottom: 1.5em;
    padding-left: 1em;
}

blockquote:before {
    content: "\201C";
    float: left;
    font-size: 2.5em;
    font-style: normal;
    left: -.4em;
    position: relative;
}

cite {
    display: block;
    font-style: normal;
    text-align: right;
}

/* Base styles */

body {
    font-family: 'Lato', sans-serif;
	background-color:black;
}

html, body {
 height: 100%;
}

.inner {
    margin: auto;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
}

.inner2 {
    margin: auto;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
}

.innercase {
   	margin: auto;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
	background: url(../images/appendiabiti.svg) no-repeat left center;
}

.innercase2 {
   	margin: auto;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
	background: url(../images/industria.svg) no-repeat left center;
}

.innercase3 {
   	margin: auto;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
	background: url(../images/progettazione.svg) no-repeat left center;
}

.clear {
	clear:both;
}

#languageabs {
 position: absolute;
 width: 96%;
 top: 46px;
 font-family: 'Lato', sans-serif;
 font-size: 0.9em;
 color:#FFF;
 text-align:right;
}

#languageabs a:link  {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
}

#languageabs a:visited  {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
}

#languageabs a:hover, #languageabs a:active {
	text-decoration: none;
	color: #BABABA;
	font-family: 'Lato', sans-serif;
}

#freccia-text {
 position: absolute;
 bottom: 60px;
 width: 100%;
 font-family: 'Lato', sans-serif;
 font-weight: 300;
 font-size: 1em; /* 40px / 16px */
 color:#FFF;
 text-align:center;
 text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
}

#freccia-header {
 position: absolute;
 bottom: 0;
 width: 100%;
 border-bottom: 10px solid #fff;
}

#freccia-header a {
 display: block;
 width: 68px;
 height: 23px;
 margin: 0 auto;
 background: url(../images/freccia.png) no-repeat;
 padding-bottom: 17px;
}

.boxmix {
	margin-top: 0px;
	text-align:center;
	width:100%;
	}

.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}

.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

header {
	position: relative;
    height: 100%;
    background:url(../images/home.jpg) no-repeat center center;
    background-size:cover;
	 -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
}

#headerevento {
	margin: 0 auto;
	padding: 0;
	height: 500px;
	background: url(../images/foto1.jpg) no-repeat center center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerevento2 {
	margin: 0 auto;
	padding: 0;
	height: 500px;
	background: url(../images/foto2.jpg) no-repeat center center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerdown1 {
	margin: 0 auto;
	padding: 0;
	height: 500px;
	background: url(../images/hotel.jpg) no-repeat center center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerdown2 {
	margin: 0 auto;
	padding: 0;
	height: 500px;
	background: url(../images/progettisti.jpg) no-repeat center center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerdown3 {
	margin: 0 auto;
	padding: 0;
	height: 500px;
	background: url(../images/aziende.jpg) no-repeat center center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header002 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/hotelinterna.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header003 {
	margin: 0 auto;
	padding: 0;
	height: 400px;
	background: url(../images/esempio.jpg) no-repeat center center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header004 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/aziendeinterna.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header005 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/progettazioneinterna.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header006 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/tecnologia.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header007 {
    position: relative;
	margin: 0 auto;
	height: 250px;
	background: url(../images/chisiamo.jpg) no-repeat top center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

#header008 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/contatti.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header009 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/privacy.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header010 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/apparati.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerev {
	position: relative;
	margin: 0 auto;
	height: 250px;
	background: url(../images/eventi.jpg) no-repeat top center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-image: url(../images/eventi.jpg);
}

#header011 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/wireless.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header012 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/building.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header013 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/accessi2.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header014 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/filodiffusione.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header015 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/comunicazione.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header016 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/sicurezza.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header017 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/segnale_tv.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header018 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/servizi.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header019 {
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(../images/multimediale.jpg) no-repeat top center;
    -moz-background-size: cover;
        -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.maintitle {
	padding-top: 100px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	color: #FFF;
}

#logo{
	text-align: center;
	padding-top: 10px;
}

#logo img{
	 width: 120px;
}

.small{
    width: 110px;
}

.medium{
    width: 50px;
	}

.smaller{
    width: 20px;
	}

.center{
    text-align: center;
	}

section {
 margin: 0 auto;
}

.form-control {
	background-color: #FFF;
	background-image: none;
	border: thin solid #B1B1B1;
	display: block;
	font-size: .8em;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #999;
	width: 99%;
	margin-bottom: 7px;
	font-style: italic;
}

/* Image replacement */
.ir {
 border: 0;
 overflow: hidden;
 *text-indent: -9999px;
 width: 128px;
 height: 128px;
}

.ir:before {
 content: "";
 display: block;
 width: 0;
 height: 100%;
}

/* Regole per IE8  */

.lt-ie9 header {
 background-position: top center;
}

.backgray {
	margin: 0 auto;
	background-color: #f6f2f2;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align:center;
}

.backblack {
	margin: 0 auto;
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 10px;
}

.backwhite {
	margin: 0 auto;
	background-color: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

.backwhite a:link, .backwhite a:visited {
	text-decoration: none;
	color: #000;
	font-weight: 900;
}

.backwhite a:active, .backwhite a:hover {
	text-decoration: none;
	color: #F00;
	font-weight: 900;
}

.backwhitestart {
	margin: 0 auto;
	background-color: #FFF;
	padding-bottom: 40px;
}

.backwhiteint {
	margin: 0 auto;
	background-color: #FFF;
	padding-top: 60px;
	padding-bottom: 60px;
}

.backgraytecstart {
	margin: 0 auto;
	background-color: #f6f2f2;
	padding-bottom: 40px;
}

.backgraytec {
	margin: 0 auto;
	background-color: #f6f2f2;
	padding-bottom: 60px;
	padding-top: 60px;
}

.backred {
	margin: 0 auto;
	background-color: #bd0711;
	padding-top: 40px;
	padding-bottom: 40px;
}

.backpink {
	margin: 0 auto;
	background-color: #f6c6c7;
}

.backpinkint {
	margin: 0 auto;
	background-color: #f6c6c7;
}

.backblu {
	margin: 0 auto;
	background-color: #d2d7e4;
}

.backbluint {
	margin: 0 auto;
	background-color: #d2d7e4;
}

.backgrayint {
	margin: 0 auto;
	background-color: #F4F4F4;
	padding-top:30px;
	padding-bottom:30px;
}

.backgreen {
	margin: 0 auto;
	background-color: #e4e4d2;
}

.backgreenint {
	margin: 0 auto;
	background-color: #e4e4d2;
}

.titlebody, .titlebodyred {
	text-align: center;
	font-family: 'Lato', sans-serif;
    font-weight: 900;
	font-size: 2em;
	}

.titlebodyred {
	color: #F00;
	}

.titlebody {
	color: #000;
	}

.titlebodylight {
	text-align: center;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 2em;
	color: #000;
	}

.titlebodysmall {
	text-align: center;
	font-family: 'Lato', sans-serif;
    font-weight: 900;
	font-size: 1.2em;
	color: #FFF;
	}

.title-sez {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1em;
	color: #000;
	padding-bottom: 10px;
	}

.title-sez a:link, .title-sez a:visited {
	text-decoration: none;
	color: #000;
	font-family: 'Lato', sans-serif;
}

.title-sez a:hover, .title-sez a:active {
	text-decoration: none;
	color: #F00;
	font-family: 'Lato', sans-serif;
}

.target-top {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.2em;
	color: #000;
	padding-bottom: 10px;
	padding-top: 40px;
	}

.target-topvar {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1em;
	color: #000;
	padding-bottom: 10px;
	padding-top: 40px;
	}

.target-topbold {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.7em;
	color: #000;
	}

.target-toplight {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.7em;
	color: #000;
	}

.target-title {
	text-align: center;
	margin-top:50px;
	margin-bottom:17px;
	}

.target-text {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.3em;
	color: #000;
}

.square-text {
	margin:20px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.3em;
	color: #000;
	text-align:left;
}

.square-textvar {
	margin:20px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.3em;
	color: #000;
	text-align:center;
}

.square-title {
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}

.square-title-fontb {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #000;
}

.square-title-font {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #000;
}

.subtitlebody_school {
	text-align: center;
	font-family: 'Lato', sans-serif;
  font-weight: 300;
	font-size: 1.2em;
	}

.subtitlebody, .subtitlebodyred {
	text-align: center;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 1.3em;
	}

.subtitlebodyred {
	color: #F00;
	}

.subtitlebody {
	color: #000;
	}

.pic {
	text-align: center;
	}

.textprice {
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 1.4em;
}

.square {
	background-color: #f6f2f2;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:2%;
	margin-right:2%;
	border: thin solid #DEDEDE;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

.school {
	background-color: #f6f2f2;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	border: thin solid #DEDEDE;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

.school img {
	width: 100%;
}

.squarevar {
	background-color: #f6f2f2;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:2%;
	margin-right:2%;
	border: thin solid #DEDEDE;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

.squarevar a:link, .squarevar a:visited {
	text-decoration: none;
	color: #000;
}

.squarevar a:active, .squarevar a:hover {
	text-decoration: none;
	color: #F00;
}

.textbodyvar {
	text-align: center;
}

.textbody, .textbodyred, .textbodypurp, .textbodygreen, .textbodyblu {
	font-size: 1.3em;
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: left;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
	line-height: 1.1em;
}

.textbody {
	color: #333333;
}

.textbodyred {
	color: #F00;
	}

.textbodypurp {
	color: #E5008A;
	}

.textbodygreen {
	color: #269F00;
	}

.textbodyblu {
	color: #0099CC;
	}

.boxmail {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 1.4em;
}

.boxthree {
	margin-bottom: 40px;
	text-align:center;
}

.bold {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}

.boldtec {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1em;
}

.boxthreefooter {
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align:center;
}

.boxthreetext {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.4em;
	color:#FFF;
}

.boxthreetextblack {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.4em;
	color:#000;
	padding-top:10px;
	padding-bottom:20px;
}

.boxthreetextblackb {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1em;
	line-height: 1.4em;
	color:#000;
}

.boxthreetextbig {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 2em;
	color:#FFF;
}

.citazione {
	text-align:center;
	margin-right: 10%;
	margin-left: 10%;
	padding-bottom: 40px;
}

.citazionelarge {
	text-align:center;
	margin-right: 10%;
	margin-left: 10%;
}

.citazionevar2 {
	text-align:center;
	margin-right: 10%;
	margin-left: 10%;
	padding-bottom:20px;
}

.citazionevar {
	text-align:left;
	margin-right: 5%;
	margin-left: 5%;
}

.citazionebold {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.7em;
	color:#FFF;
}

.citazionebigsx{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 3em;
	color:#FFF;
	text-align:left;
}

.citazionebigdx{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 3em;
	color:#FFF;
	text-align:right;
}

.assistenza {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	color: #FFF;
	padding-top: 40px;
	text-align:center;
}

.citazionelight{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.7em;
	color:#FFF;
}

.citazionefirma{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color:#FFAEAD;
}

.boxvar {
	margin-bottom: 20px;
	margin-top: 20px;
}

.puzzle {
	margin-bottom: 20px;
	margin-top: 20px;
	text-align:center;
}

.boxvar4 {
	margin-bottom: 30px;
	margin-top: 10px;
}

.boxvar  img {
	width: 100%;
	max-width: 80%;
}

.boxvar2 {
	margin-bottom: 0px;
	margin-top: 0px;
}

.boxvar2  img {
	width: 100%;
	max-width: 100%;
}

.boxvar3 {
	margin-bottom: 0px;
	margin-top: 0px;
}

.boxvar3  img {
	width: 100%;
	max-width: 100%;
}

.box {
	margin-bottom: 0px;
}

.boxpms {
	margin-bottom: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 1.4em;
}

.boxpmsvar {
	margin-bottom: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 1.4em;
}

.alpha {
	margin-left:0 !important;
	padding-left:0 !important;
}

.omega {
	margin-right:0 !important;
	padding-right:0 !important;
}

.omegavar {
	margin-right:0 !important;
	padding-right:0 !important;
}

.alphavar {
	margin-left:0 !important;
	padding-left:0 !important;
}

.omegavar2 {
	margin-right:0 !important;
	padding-right:0 !important;
	text-align: left;
}

.alphaar {
	margin-left:0 !important;
	padding-left:0 !important;
	text-align: center;
}

.alphaar img {
	width: 100%;
	max-width: 90%;
}

.omegamail {
	margin-right:0 !important;
	padding-right:0 !important;
	text-align: center;
	padding-top:30px;
}

.omegamail img {
	width: 100%;
	max-width: 90%;
}

.omegafooter {
	margin-right:0 !important;
	padding-right:0 !important;
	text-align: center;
	}

.alphafooter {
	margin-left:0 !important;
	padding-left:0 !important;
	text-align: center;
}

.inner4 {
	margin: auto;
	overflow: hidden;
	width: 80%;
}

.tabprice {
	color: #333;
	font-size: 0.8em;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.tabcontrol {
	color: #333;
	font-size: 0.7em;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	padding-top:10px;
	text-align:right;
}

.tabpricevar {
	color: #333;
	font-size: 0.9em;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.tabelenco {
	color: #333;
	font-size: 0.9em;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
}

/* boxmix */

.inner3 {
	margin: auto;
	overflow: hidden;
	width: 100%;
}

.alphamix {
	margin-left:0 !important;
	padding-left:0 !important;
	text-align: center;
}

.alphamix {
	margin-left:0 !important;
	padding-left:0 !important;
	text-align: center;
}

.inner3 img {
	width: 100%;
	max-width: 100%;
}

.imagefc {
	color: #333;
	font-size: 0.8em;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-style: italic;
}

.imagefc img {
	width: 60%;
	max-width: 100%;
}

/* link */

.boxpms a:link  {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	background-color: #999;
}

.boxpms a:visited  {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	background-color: #999;
}

.boxpms a:hover, .boxpms a:active {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	background-color: #333;
}

.boxpmsvar a:link  {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	background-color: #999;
}

.boxpmsvar a:visited  {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	background-color: #999;
}

.boxpmsvar a:hover, .boxpmsvar a:active {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	background-color: #333;
}

.aunderline {
    text-decoration: underline;
}
.invio {
	margin-top: 50px;
	padding-bottom: 20px;
	text-align:center;
}

.invio a:link, .invio a:visited {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: 300;
	border: thin solid #FFF;
}

.invio a:active, .invio a:hover {
	text-decoration: none;
	color: #000;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	font-size: 1.2em;
	font-weight: 300;
	border: thin solid #FFF;
}

.submitform {
	text-decoration: none;
	color: #000;
	background-color:#FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: .8em;
	font-weight: 300;
	border: thin solid #000;
	margin-top:15px;
	cursor: pointer;
}

.submitform:not(:disabled):hover {
	background-color: #000;
	color: #FFF;
}

.submitform:disabled,
.submitform:disabled:hover {
	background-color: #E6E6E6;
	border-color: #CCC;
	color: #999;
	cursor: not-allowed;
}

.privacy-consent {
	margin-top: 12px;
	padding: 10px 12px;
	font-size: .74em;
	line-height: 1.55;
	color: #666;
	background-color: #F7F7F7;
	border: 1px solid #E3E3E3;
}

.privacy-consent label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-weight: 300;
	cursor: pointer;
}

.privacy-consent input[type="checkbox"] {
	margin: 2px 0 0;
	flex: 0 0 auto;
}

.privacy-copy {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}

.privacy-consent a {
	text-decoration: underline;
	color: #000;
	font-weight: 300;
}

.privacy-link-wrap {
	white-space: nowrap;
}

.privacy-warning {
	display: block;
	margin-top: 6px;
	color: #B42318;
	font-size: .92em;
	font-weight: 300;
}

.privacy-warning[hidden] {
	display: none;
}

.boxklf {
	font-family: 'Lato', sans-serif;
}

.boxklf a:active, .boxklf a:hover {
	text-decoration: none;
	color: #F00;
	font-weight: 900;
}

.boxklf a:link, .boxklf a:visited {
	text-decoration: none;
	color: #000;
	font-weight: 900;
}

.inviovar {
	margin-top: 30px;
	padding-bottom: 20px;
	text-align:left;
}

.inviovar a:link, .inviovar a:visited {
	text-decoration: none;
	color: #000;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: 300;
	border: thin solid #000;
}

.inviovar a:active, .inviovar a:hover {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #000;
	font-size: 1.2em;
	font-weight: 300;
	border: thin solid #000;
}

.inviovar2 {
	margin-top: 50px;
	padding-bottom: 50px;
	text-align:center;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
}

.inviovar2 a:link, .inviovar2 a:visited {
	text-decoration: none;
	color: #000;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: thin solid #000;
}

.inviovar2 a:active, .inviovar2 a:hover {
	text-decoration: none;
	color: #FFF;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #000;
	border: thin solid #000;
}

.inviovar3 {
	margin-top: 60px;
	padding-bottom: 20px;
	text-align:center;
}

.inviovar3 a:link, .inviovar3 a:visited {
	text-decoration: none;
	color: #000;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: 300;
	border: thin solid #000;
}

.inviovar3 a:active, .inviovar3 a:hover {
	text-decoration: none;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #000;
	font-size: 1.2em;
	font-weight: 300;
	border: thin solid #000;
}

#info{
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
	font-weight: 500;
	color: #333;
	line-height: 1.3em;
}

#info2{
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
	font-weight: 300;
	color: #333;
	line-height: 1.3em;
}

/* footer */

.footerspace {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #333;
	font-size: 0.7em;
	text-align: center;
	padding-top: 10px;
}

.footerspace a:link  {
	text-decoration: none;
	color: #333;
	font-family: 'Lato', sans-serif;
}

.footerspace a:visited  {
	text-decoration: none;
	color: #333;
	font-family: 'Lato', sans-serif;
}

.footerspace a:hover, .footerspace a:active {
	text-decoration: none;
	color: #C1C1C1;
	font-family: 'Lato', sans-serif;
}

#footer {
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
}

#footer a:link  {
	text-decoration: none;
	color: #F00;
	font-family: 'Lato', sans-serif;
}

#footer a:visited  {
	text-decoration: none;
	color: #F00;
	font-family: 'Lato', sans-serif;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #D30000;
	font-family: 'Lato', sans-serif;
}

.vid{
	display: block;
	padding: .3em;
	margin-bottom: 1em;
	background: url(../images/video.png) 5px center no-repeat #e3e0d9;
}

.vid-wrapper{
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.vid-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ROI */

.revenue_year{
	color: #090;
	font-weight: 500;
	font-size: 1.8em;
}

.payback{
	color: #333;
	font-weight: 300;
	font-size: 1em;
}

/* DEMO */

.demo_return_msg{
	color: #090;
	font-weight: 500;
	font-size: 1em;
	line-height: 1.3em;
}

/* PROVA */


#provabox {
	position: fixed;
	bottom: 0px;
}

#provabox a {
	display: block;
	text-align: center;
	opacity: 0.9;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #F00;
	color: #FFF;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	font-family: 'Lato', sans-serif;
	font-weight: 500;

	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 30px;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;

	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);


}

#provabox a:hover {
	background-color: #000;
}

#provabox2 {
	position: fixed;
	bottom: 0px;
	right: 3.6%;
}

#provabox2 a {
	display: block;
	text-align: center;
	opacity: 0.9;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #00A800;
	color: #FFF;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 30px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
}

#provabox2 a:hover {
	background-color: #000;
}

.topbottom {
	padding-left:0px;
	text-align:center;
	}

	.topbottom a:link, .topbottom a:visited {
    font-weight: 300;
	color: #FFF;
	text-decoration: none;
	}

	.topbottom a:hover, .topbottom a:active {
	font-weight: 300;
	color: #F00;
	text-decoration: none;
	}

	.box-shadow {
	box-shadow: 1px 7px 21px -12px #000000;
	-webkit-box-shadow: 1px 7px 21px -12px #000000;
	-moz-box-shadow: 1px 7px 21px -12px #000000;
	-o-box-shadow: 1px 7px 21px -12px #000000;
	}

	/* Wrap responsive */
.googlemap_wrap  {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
/* iframe posizionato in maniera assoluta */
.googlemap_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 900px */
@media all and (min-width: 54.68em) {

	h1 {
    font-size: 3.5em; /* 40px / 16px */
	bottom: 170px;
	}

	h2 {
    font-size: 1.6em; /* 40px / 16px */
	top: 340px;
	}

	#menubar, #menubar img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
    -ms-transition: all 1s; /* old IE */
	}

	#menubar {
    position: fixed;
    }

    #menubar.blackfixed{
    background-color:black;
    -webkit-box-shadow: 0px -12px 23px 17px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px -12px 23px 17px rgba(0,0,0,0.49);
    box-shadow: 0px -12px 23px 17px rgba(0,0,0,0.49);
    }

    #menubar.blackfixed img{
    width: 110px;
    }

    #menubar.blacknone{
    background-color:none;
    }

    #menubar.blacknone img{
    width: 140px;
    }

	.boxmix {
	float:left;
	width:20%;
	}

	.boxmixvar {
	margin-top: 20px;
	float:left;
	width:80%;
	}

	.backgray {
	padding-top: 60px;
	padding-bottom: 70px;
	}

	.smaller{
    width: 30px;
	}

	.square {
	margin-top: 30px;
	margin-bottom: 20px;
	height: 630px;
	}

	.squarevar {
	margin-top: 30px;
	margin-bottom: 20px;
	height: 720px;
	}

	.backred {
	padding-bottom: 70px;
	}

	#freccia-text {
 	bottom: 70px;
	}

	.backblack {
	padding-top: 60px;
	padding-bottom: 10px;
	}

	.titlebody, .titlebodyred {
	font-size: 2.5em;
	}

	.titlebodylight {
	font-size: 2.5em;
	}

	.titlebodylight_school {
	font-size: 2em;
	text-align:center;
	}

	.subtitlebody_school {
	font-size: 1.4em;
	}
	.subtitlebody, .subtitlebodyred {
	font-size: 1.7em;
	}

	.boxthreetext {
	font-size: 1.2em;
	}

	.boxthreetextblack {
	font-size: 1.2em;
	}

	.boxthreetextblackb {
	font-size: 1.2em;
	}

	.boxthreetextbig {
	font-size: 3.5em;
	}

	.citazionebold {
	font-size: 2.5em;
	}

	.citazionebigsx {
	font-size: 4em;
	}

	.citazionebigdx {
	font-size: 4em;
	}

	.citazionelight{
	font-size: 2.5em;
	}

	.titlebodysmall {
	padding-bottom: 40px;
	}

	.invio {
	margin-top: 160px;
	}

	.target-top {
	text-align: left;
	font-size: 1.3em;
	padding-top: 80px;
	}

	.target-topvar {
	font-size: 1.3em;
	padding-top: 80px;
	text-align: right;
	}

	.title-sez {
	font-size: 1.3em;
	}

	.boldtec {
	font-size: 1.3em;
	}

	.target-topbold {
	text-align: left;
	font-size: 2.2em;
	}

	.target-toplight {
	text-align: left;
	font-size: 2.2em;
	}

	.target-text {
	font-size: 1.2em;
	}

	.square-title {
	margin-top:40px;
	}

	.target-title {
	text-align: left;
	}

	#headervar {
	height: 175px;
	}

	.separatore {
	padding-top:90px;
	}

	.separatorevar {
	padding-top:20px;
	}

	.separatoregray {
	padding-top:35px;
	}

	#menufixed {
  	top: 0px;
	width: 100%;
	z-index: -1;
	font-family: 'Lato', sans-serif;
    font-weight: 900;
	}

	.fontwmax {
	font-size:1.5em;
	}

	#logo{
	text-align: left;
	padding-left:10%;
	padding-bottom:10px;
	}

	.small{
    width: 140px;
	}

	.trasparenza{
    opacity: .1;
	}

	.medium{
    width: 60px;
	}

	.titleinfocontent{
	font-size:1.6em;
	padding-left:1.5em;
	text-align:left;
	}

	.titleinfocontent2{
	font-size:1.6em;
	}

	.titlebodycond {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.2em;
	line-height: 1.5em;
	}

	.titlebodyvar {
	padding-top: 50%;
	font-size: 1.9em;
	text-align:right;
	}

	.titlebodytext {
	font-size: 1.2em;
	}

	.bookimage {
	text-align:center;
	}

	.boxthree {
	float:left;
	width:32%;
	}

	.boxthreeint {
	margin-top:40px;
	float:left;
	width:31%;
	padding:0 2%;
	}

	.boxthreefooter {
	float:left;
	width:33.333%;
	text-align:left;
	}

	.maintitle {
	font-size: 1.2em;
	line-height: 1.1em;
	padding-top: 25%;
	width: 100%;
	}

	.textbody, .textbodyred, .textbodypurp, .textbodygreen, .textbodyblu {
	font-size: 1.7em;
	}

	.textprice {;
	font-size: 0.95em;
	line-height: 1.7em;
	}

	.box {
	float:left;
	width:50%;
	padding:0 0;
	}

	.boxmail {
	float:left;
	padding:0 3%;
	width:49%;
	font-size: 1em;
	line-height: 1.7em;
	}

	.boxvar {
	float:left;
	padding:0 3%;
	width:46%;
	margin-bottom: 40px;
	margin-top: 40px;
	text-align:center;
	}

	.boxvar4 {
	float:left;
	padding:0 3%;
	width:46%;
	margin-bottom: 40px;
	margin-top: 50px;
	}

	.boxvar2 {
	float:left;
	padding:0 0;
	width:50%;
	text-align:center;
	}

	.boxklf {
	float:left;
	padding:0 3%;
	width:45%;
	}

	.boxklf1 {
	float:left;
	padding-right: 3%;
	width:48%;
	}

	.boxklf2 {
	float:left;
	width:48%;
	}

	.boxpmsvar {
	float:left;
	padding:0 3%;
	width:49%;
	font-size: 1em;
	}

	@-moz-document url-prefix()
{

	.boxmail {
	float:left;
	padding:0 3%;
	width:46%;
	font-size: 1em;
	line-height: 1.7em;
	}

	.boxpms {
	float:left;
	padding:0 3%;
	width:46%;
	font-size: 1em;
	padding-top: 50px;
	}

	.boxpmsvar {
	float:left;
	padding:0 3%;
	width:46%;
	font-size: 1em;
	}
}

	.shadowbox {
	width: 100%;
	height: 30px;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-color: #bd0711;
	}

	.omegavar {
	margin-right:0 !important;
	padding-right:0 !important;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
	}

	.alphavar {
	margin-right:0 !important;
	padding-right:0 !important;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
	}

	.omegafooter {
	margin-right:0 !important;
	padding-right:0 !important;
	text-align: right;
	}

	.alphafooter {
	margin-left:0 !important;
	padding-left:0 !important;
	text-align: left;
	}

	.backwhite {
	padding-top: 60px;
	padding-bottom: 40px;
	}

	#footer {
	text-align: center;
	}

	.inner {
    width: 95%;
	}

	.innercase {
    width: 80%;
	}

	.innercase2 {
    width: 80%;
	}

	.innercase3 {
    width: 80%;
	}

	.omegavar2 {
	padding-top: 50px;
	}

	.square-text {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:50px;
	}

	.square-textvar {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:50px;
	}

	#mixup {
	position: absolute;
	top: 580px;
	}

	.alphaar img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	}

	.citazionevar2 {
	padding-bottom:50px;
	}

	.alphaar {
	text-align: left;
	}

	.omegamail img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	}

	#header003 {
	height: 600px;
	}

	.fonttest {
	font-size: 1.7em;
	}

	.fonttestb {
	font-size: 1.4em;
	}

	.backpinkint {
	padding-bottom:70px;
	}

	.backbluint {
	padding-bottom:70px;
	}

	.backgrayint {
	padding-bottom:70px;
	padding-top:70px;
	}

	.backgreenint {
	padding-bottom:70px;
	}

.imagefc img {
	width: 100%;
	max-width: 100%;
}

}

.boxcontrolsx {
	float:left;
	width:25%;
	padding-right:5%;
	}

.boxcontroldx {
	float:left;
	width:70%;
	}

/* 1024px */
@media all and (min-width: 65em) {

	.boxvar3 {
	float:left;
	padding:0 0;
	width:50%;
	text-align:center;
	}

	.boxklf1 {
	float:left;
	padding-right: 3%;
	width:60%;
	}

	.boxklf2 {
	float:left;
	width:35%;
	}

	.square-title-fontb {
	font-size: 1.3em;
	}

	.square-title-font {
	font-size: 1.3em;
	}

	.boxthreetextblack {
	padding-top:40px;
	}

	.citazione {
	margin-right: 15%;
	margin-left: 15%;
	}

	.citazionevar {
	text-align:left;
	margin-right: 30%;
	margin-left: 30%;
	}

	.square {
	height: 540px;
	}

	.squarevar {
	height: 600px;
	}
}


/* 1440px */
@media all and (min-width: 87.5em) {

	h1 {
    font-size: 4em; /* 40px / 16px */
	bottom: 200px;
	}

	h2 {
    font-size: 2em; /* 40px / 16px */
	top: 380px;
	}

	.boxklf1 {
	float:left;
	padding-right: 7%;
	width:60%;
	}

	.boxklf2 {
	float:left;
	width:30%;
	}

	.fontp {
	font-size: 1em;
	}

	.fontpbold {
	font-size: 1em;
	}

	.inner2 {
    width: 80%;
	}

	.square-text {
	font-size: 1.2em;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	}

	.square-textvar {
	font-size: 1.2em;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	}

	.square-title-fontb {
	font-size: 1.5em;
	}

	.square-title-font {
	font-size: 1.5em;
	}

	.inner {
    width: 95%;
	}

	.citazionevar2 {
	padding-bottom:80px;
	}

	.backwhite {
	padding-top: 80px;
	padding-bottom: 40px;
	}

	.backred {
	padding-top: 90px;
	padding-bottom: 110px;
	}

	.target-top {
	font-size: 1.5em;
	}

	.target-topvar {
	font-size: 1.5em;
	}

	.title-sez {
	font-size: 1.5em;
	}

	.boldtec {
	font-size: 1.5em !important;
	}

	.subtitlebody_school {
	font-size: 1.6em;
	}
	.subtitlebody, .subtitlebodyred {
	font-size: 2.1em;
	}

	.titlebody, .titlebodyred {
	font-size: 3em;
	}

	.titlebodylight {
	font-size: 3em;
	}

	#header003 {
	height: 700px;
	}

	#header002 {
	height: 350px;
	}

	#header004 {
	height: 350px;
	}

	#header005 {
	height: 350px;
	}

	#header006 {
	height: 350px;
	}

	#header007 {
	height: 350px;
	}

	#header008 {
	height: 350px;
	}

	#header009 {
	height: 350px;
	}

	#header010 {
	height: 350px;
	}

	#header011 {
	height: 350px;
	}

	#header012 {
	height: 350px;
	}

	#header013 {
	height: 350px;
	}

	#header014 {
	height: 350px;
	}

	#header015 {
	height: 350px;
	}

	#header016 {
	height: 350px;
	}
	
			#headerev {
	height: 400px;
	}


	#header017 {
	height: 350px;
	}

	#header018 {
	height: 350px;
	}

	#header019 {
	height: 350px;
	}

	.square {
	height: 620px;
	}

	.squarevar {
	height: 680px;
	}

}

/* 1700px */
@media all and (min-width: 103.30em) {
	.square {
	height: 660px;
	}

	.squarevar {
	height: 720px;
	}

}

/* 1920px */
@media all and (min-width: 116.667em) {
	.square {
	height: 700;
	}

	.squarevar {
	height: 760;
	}

}