@charset "UTF-8";

/* roboto-condensed-regular - latin */ /* da https://google-webfonts-helper.herokuapp.com/fonts */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */ /* da https://google-webfonts-helper.herokuapp.com/fonts */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

html,
body {
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	-moz-osx-font-smoothing: grayscale; /*PATCH PER FONT BOLDED SU FIREFOX*/
	color: rgba(255, 255, 255, 1); /* TUTTI I TESTI BIANCHI */
	text-align: left; /* TUTTI I TESTI A SINISTRA */
	height: 100%;
	overflow: hidden;
}

body{
	background: rgb(58,74,103);
	background: linear-gradient(45deg, rgba(58,74,103,1) 0%, rgba(0,162,171,1) 100%);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
}

div {
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: rgba(255, 255, 255, 1); /* TUTTI I LINK CHIARI */
}

i {
	font-style: italic !important;
}

/* CARATTERI */



.t_rr,
.t_rr a {
	font-family: "Roboto", serif;
	font-weight: 400;
}

.t_rc,
.t_rc a {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

input,
textarea {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

/* COLORI BACKGROUND */

.c_bg_scuro {
	background-color: rgba(1, 1, 1, 1);
}

.c_bg_bianco {
	background-color: rgba(255,255,255, 1);
}


/* COLORI TESTI */

.c_t_bianco,
.c_t_bianco a {
	color: rgba(255, 255, 255, 1);
}

.c_t_scuro,
.c_t_scuro a {
	color: #3c3c3b;
}

/* COLORI PLACEHOLDER FORMS */

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(255, 255, 255, 0.5);
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.5);
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(255, 255, 255, 0.5);
}

/* COLORI BORDI */

.c_bor_bianco {
	border-color: rgba(255, 255, 255, 1) !important;
}

.c_bor_grigio_medio{
	border-color: rgba(58, 58, 58, 1) !important;
}

/* ANIMAZIONI CSS */

.animato {
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

/* DISABILITARE SELEZIONE TESTO */

.disable-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* GESTIONE PEDICI */

sub {
	font-size: 70%;
}

/* DIMENSIONI TESTI */

.tt11 {
	font-size: 11px;
	line-height: 11px;
}

.tt12 {
	font-size: 12px;
	line-height: 12px;
}

.tt13 {
	font-size: 13px;
	line-height: 13px;
}

.tt14 {
	font-size: 14px;
	line-height: 14px;
}

.tt15 {
	font-size: 15px;
	line-height: 15px;
}

.tt16 {
	font-size: 16px;
	line-height: 16px;
}

.tt17 {
	font-size: 17px;
	line-height: 17px;
}

.tt18 {
	font-size: 18px;
	line-height: 18px;
}

.tt19 {
	font-size: 19px;
	line-height: 19px;
}

.tt20 {
	font-size: 20px;
	line-height: 20px;
}

.tt21 {
	font-size: 21px;
	line-height: 21px;
}

.tt22 {
	font-size: 22px;
	line-height: 22px;
}

.tt24 {
	font-size: 24px;
	line-height: 24px;
}

.tt26 {
	font-size: 26px;
	line-height: 26px;
}

.tt28 {
	font-size: 28px;
	line-height: 28px;
}

.tt30 {
	font-size: 30px;
	line-height: 30px;
}

.tt32 {
	font-size: 32px;
	line-height: 32px;
}

.tt34 {
	font-size: 34px;
	line-height: 34px;
}

.tt42 {
	font-size: 42px;
	line-height: 42px;
}

.tt48 {
	font-size: 48px;
	line-height: 48px;
}

.tt54 {
	font-size: 54px;
	line-height: 54px;
}




/* MAIN WRAPPER */

.menu{
	position: absolute;
	width: 20%;
	height: 100%;
}

.logo{
	position: absolute;
	width: 100%;
	height: 120px;
	top:0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 68%;
	background-image: url(../img/general/logobig.svg);
}

.evidenziaAree{
	position: absolute;
	width: 100%;
	bottom: 20px;
	padding: 10px 60px 10px 20px;
	box-sizing: border-box;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 16px;
	background-image: url(../img/general/evid.svg);
}

.evidenziaAree:hover{
	background-color: rgba(255,255,255,.8);
}

.evilock .evidenziaAree:after{
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	right: 3px;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	background-image: url(../img/general/lck.svg);
}

.titoli{
	position: absolute;
	width: 100%;
	top: 150px;
}

.titolo{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.toDd{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.toOm{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.toDemo.active:after,
.toDd.active:after,
.toOm.active:after,
.toDemo:hover:after,
.toDd:hover:after,
.toOm:hover:after{
	content: "";
	position: absolute;
	width: 4px;
	height: 100%;
	background-color: #00ABB4;
	right: 0px;
	top: 0px;
}

#na_demo{
	transform: scale(.5);
	/*left: 60%;
	top:40px;*/
	opacity: 0;
}

.mainbg{
	display: block;
	position: absolute;
	width: 960px;
	height: 1600px;
	box-shadow: -3px 3px 6px rgba(1,1,1,.3);
}

#main_wrapper{
	
}

.pp{
	cursor: pointer;
}

.evilock .pp:after,
.evi .pp:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 3px solid rgba(230,0,126,1);
}

.loader{
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 90px;
	left:-30px;
}

.loader img{
	position: absolute;
	width: 16px;
	height: 16px;
	top:7px;
	left: 7px;
}

.inload .loader{
	left:0px;
}

.debu{
	position: absolute;
	left: 0px;
	top:300px;
	height: 40px;
	width: 80px;
	line-height: 40px;
	text-align: center;
	display: none;
}

.dd,
.om{
	position: absolute;
	width: calc( 80% - 80px );
	max-width: 1000px;
	left: 60%;
	transform: translateX(-50%);
	max-height: calc( 100% - 80px );
	height: auto;
	margin-top: 40px;
	padding: 60px;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	box-shadow: -3px 3px 6px rgba(1,1,1,.3);
	visibility: hidden;
	opacity: 0;
}

.colSxExp{
	width: calc( 50% - 30px );
}

.colDxExp{
	width: calc( 50% - 30px );
	float: right;
}

.colDxExp img{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.colSxExp h2{
	margin-bottom: 20px;
	text-decoration: underline;
	line-height: 30px;
}

.colSxExp p{
	line-height: 24px;
}