@charset "utf-8";
/* CSS Document */
@import url("responsive.css");

body{
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;	
	text-align:left;
}
#bg{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
#menuLingue .flag {
    width: 32px;
    margin: 10px 15px 0px;
}
#menuLingue{text-align:right;}
#piva{
	display:block;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	background:#FFF;
	text-align:center;
	position:fixed;
	bottom:0;
	width:100%;
	left:0;
	text-transform:uppercase;
	padding:10px 0;
	-webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -2px 2px 0px rgba(50, 50, 50, 0.75);
	z-index:5;
}
#trigger-piva{
	position:absolute;
	z-index:6;
	color:#000;
	background:#FFF;
	width:20px;
	height:20px;
	top:-20px;
	right:20px;	
	padding-top:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -2px 2px 0px rgba(50, 50, 50, 0.75);
	cursor:pointer;
	font-weight:bold;
}
h1{
	display:block;
	margin:10px 0 20px 0;
	font-weight:bold;
}
h2{
	display: block;
    font-size: 32px;
    color: #efefef;
    font-weight: unset;
    text-align: left;
    font-family: Verdana;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
h3{
	font-size:24px;
	font-weight:300;
	text-align:left;
	margin:10px 0 -5px 0;
	color:#444444;
}
h4{
	font-size:20px;
	line-height:24px;
	color:#444444;
	font-weight:800;
	text-align:left;
	margin:0 0 23px 0;
}
h5{
	font-size:16px;	
	margin:10px 0;
}
.separatore{
	margin-bottom:27px;
	width:90%;
	background:#e0e0e0;
	display:block;
	height:3px;	
}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
.descrizioneVideo{color:#fff}
a{
	text-decoration:none;
	color:#444444;
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
a:hover{
	text-decoration:none;
}
.clear{
	clear:both;	
}
.wrapper{
	width:100%;	
}
.wrapperB{
	background:#06242F;
}
.container{
	margin:auto;
}
header{
	width:100%;
	background:#06242F;
	display:block;
}
#menuScroll{
	background:#D7D7D7;
	width:96%;
	position:fixed;
	padding:0 2%;
	padding-top:5px;
	padding-bottom:5px;
	z-index:9999;
	display:none;
	top:0;
	left:0;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 3px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.4);
}
footer{
	position:fixed;
	bottom:0;
	left:0;
	margin-top:20px;
	padding:20px 0;
	width:100%;	
	background:#2c3e50;
}
footer h2{
	margin-top:0 !important;
	color:#FFF !important;	
}
footer p{
	color:#FFF;
	font-size:16px;
	margin:20px 0;
	text-align:center;	
}
.logo a{
	font-size:40px;
	font-weight:800;
	letter-spacing:2px;
	color:#FFF;	
	vertical-align:top;
	font-family: Verdana;
}
.logo a img{
	max-width:250px;
	height:auto;
}
#menuFix{
	position:fixed;
	left:0;
	top:131px;
	z-index:2;	
}
#menuFix ul li{
	display:block;
	position:relative;
	right:0;
	background:#FFF;
	-webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
	margin-bottom:2px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#menuFix ul li span{
	display:inline-block;
	border-right:2px solid #D7D7D7;
	padding-right:10px;
	margin-right:10px;
	height:100%;
}
#menuFix ul li.current{
	background:#072530;
	color:#fff;
}
#menuFix ul li.current a{
	color:#fff;
}
#menuFix ul li a{
	display:inline-block;
	font-weight:800;
	line-height:50px;
	color:#000;
}
#menuFix ul li:hover{
	right:0;
}
#menuMobile{
	display:none;
	width:200px;
	margin:auto;
	margin-top:10px;
}
#menuMobile select{
	width:190px;
	font-size:18px;
	padding:5px;
	background:#FFF;
}
a.submenu:before{
	content:'\f107';
	position:absolute;
	display:block;
	font-family:FontAwesome;
	font-size:14px;
	bottom:-15px;
	left:50%;
	margin-left:-4px;
	color:#FFF;
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
.sottomenu{
	position:absolute;
	top:74px;
	left:0px;
	z-index:4;
	text-align:center;
	width:100%;
	padding:15px 5px;
	background:#444444;	
	display:none;
}
.sottomenu li{
	color:#FFF;
	display:block !important;
	padding:0 !important;
	float:none !important;
}
.sottomenu li a{
	display:block !important;
	font-weight:normal !important;
	font-size:14px !important;
	line-height:30px !important;
	text-align:center !important;
}
.sottomenu li a:hover{
	color:#ff7302 !important;
}
.boxHome{
	width:36%;
	margin:2%;
	padding:5%;
	float:left;
	background:#f7f7f7;	
	height:280px;
}
.boxHomeFull{
	width:100%;
	margin:1% 0;
	padding:1% 0;
	text-align:center;
}
.formBox{
	float:left;
	padding:1%;	
}
.formBox input{
	width:96%;
	border:1px solid #ff7302;
	padding:2%;
	margin-top:10px;
}
.formBox .label{
	text-align:left;
	font-size:18px;
	font-weight:300;
	margin-left:5px;
}
.boxHomeFull img{
	max-width:100%;
	height:auto;
	overflow:hidden;	
}
.titoloVideo{
	font-weight:700;
	text-align:center !important;	
}
.titoloVideo a{
	color:#ff7302;
}
#formAssistenza{
	width:90%;
	margin:0 5%;
}
#formAssistenza span{
	display:block;
	font-size:14px;
	color:#fff;
	text-align:left;
	margin:15px 0 5px 0;
	font-weight:bold;
}
#formAssistenza input[type="text"], #formAssistenza input[type="email"]{
	width:98%;
	background:#FFF;
	padding:1%;	
}
#formAssistenza textarea{
	width:98%;
	background:#FFF;
	padding:1%;	
	min-height:100px;
}
#formAssistenza input[type="submit"]{
	display:inline-block;
	background:#FFF;
	padding:2px 10px;
	margin-top:10px;
	border:1px solid #E7E7E7;
	font-size:16px;
}
.lista{
	text-align:left;
	font-size:16px;	
}



/* DESKTOP */
@media (min-width: 1200px){
.formBox{
	width:31%;
}
#facciamo .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;	
	right:0;
}
#come .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;
}
#strumenti .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;	
	right:0;
}
#strategia .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;	
	right:0;
}
#info .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;	
}
#contatti .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;
}

}

/* TABLET ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px){
.formBox{
	width:31%;
}
#facciamo .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;
}
#come .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;	
}
#strumenti .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;
}
#strategia .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;	
}
#info .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;	
}
#contatti .wrapperB{
	margin: 0;
    width: 40%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 92px;
	right:0;	
}
.wrapperB{
	max-height:100%;	
}
}


/* TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 991px){
.formBox{
	width:98%;
}
.wrapperB{
	margin: 0;
    width: 60%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    top: 128px;
	right:0;
}

}
/* SMARTPHONE */
@media (max-width: 767px){
.formBox{
	width:98%;
}
.wrapperB{
	width:90%;
	margin:3%;	
	padding:2%;
}
#menuLingue{text-align:center;}

}

/* SMARTPHONE PICCOLO*/
@media (max-width: 480px){
.formBox{
	width:98%;
}
.wrapperB{
	width:94%;
	margin:1%;
	padding:2%;	
}
}