@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

/*-------------------------
Reset
-------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/*-------------------------
CSS Specifico
-------------------------*/

html,body {
width:100%;
height:100%;
font-size: 100%;
font: 400 16px/normal "Open sans", Helvetica, sans-serif;
color: #555555;
background:#fafafa;
}

/* Nel titolo pagina prodotti */
h1 {
	color: #193963;
	font: 400 30px/normal "Raleway", Helvetica, sans-serif;
	
}
/* Titolo dettaglio */
h2{
	color: #193963;
	font-style: normal;
	font: 400 25px/1.6em "Raleway", Helvetica, sans-serif;
	
}
/* Nel titolo FINESTRE - PORTE - CANCELLI / Alluminio, Legno, Pvc, Acciaio inox, Ferro */
h3 {
	color: #2d3138;
	font-style: normal;
	font: 400 27px/1.8em "Raleway", Helvetica, sans-serif;
	
}

/* Titolo contenuti */
h4{
	color: #193963;
	font-style: normal;
	font: 400 24px/normal "Raleway", Helvetica, sans-serif;
	margin-bottom:20px;
	
}

/* Prenota adesso*/
h5 {
	color: #193963;
	font-style: normal;
	font: 400 20px/1.8em "Open sans", Helvetica, sans-serif;
}

/* Nel footer */
h6{
	color: #fff;
	font-style: normal;
	font: 400 24px/1.6em "Raleway", Helvetica, sans-serif;
	/*! text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); */
}

ul {
	list-style: square;
	line-height: 2em;
	margin-left:35px;
	margin-bottom:20px;
}

.ultracheck {
  	list-style-image: url('../images/check.png');
}

b {
 	font-weight:bold;
}

em {
    font-style: normal;
    background:rgba(0,0,0,0.4);
    padding:5px 10px;
 }

.header-top-bar i {
	border-left:1px solid rgba(221, 223, 223, 0.45);
	padding-left:10px;
	margin-left:10px;
}

.header-top-bar a {
	text-decoration: none;
	color:rgb(221, 223,223);
}

.header-top-bar a:hover {
	text-decoration: none;
	color:rgb(221, 223,223);
}

a {
	text-decoration: none;
	color: #2d3172;
}

a:hover {
	text-decoration: none;
	color:#2d3172;
}

#icon a {
	text-decoration: none;
		color:rgba(255,255,255,1);
}

#icon a:hover {
	text-decoration: none;
		color:rgba(255,255,255,1);
}

#footer a {
	text-decoration: none;
	color:rgb(221, 223, 223);
}

#footer a:hover {
	text-decoration: none;
	color:rgba(255, 255, 255, 1);
}

#footer2 a {
	text-decoration: none;
		color:rgba(255,255,255,0.4);
}

#footer2 a:hover {
	text-decoration: none;
		color:rgba(255,255,255,1);
}

div.hr {
  height: 1px;
  background: #dbdbdb;
  clear:both;
  margin:5px 0px;
}

div.hr hr {
  display: none;
}

div.hr2 {
  height: 1px;
  background: #e7e7e7;
  clear:both;
  margin:10px 0px;
}

/* ==========================================*/
/*	Preloader
/* ==========================================*/

#preloader  {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color:#fff;
 }

#status  {
     width: 64px;
     height: 64px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image:url('../images/loading.gif');
     background-repeat: no-repeat;
     background-position: center;
     margin: -32px 0 0 -32px;
 }

/* ==========================================*/
/*	Fine Preloader
/* ==========================================*/

/* ==========================================*/
/*	Header
/* ==========================================*/

.header-top-bar-container {
	position:relative;
	z-index:91;
	width:100%;
}

.header-top-bar {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	z-index:96;
	font-size:12px;
	text-align:right;
	line-height: normal;
}

/* ==========================================*/
/*	Fine Header
/* ==========================================*/


#cont_top {
	width:100%;
	background:#fff;
	z-index:50;
	position:relative;
	/* box-shadow: 0px 3px 5px rgba(0,0,0,0.1); */
}

#top {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:40px 20px 25px;
}

#vetrina {
	position:absolute;
	top:0px;
	left:0px;
	z-index:80;
}

.fissa {
  position: fixed !important;
  top: 0px;
	-moz-transition-duration:2s;
	-webkit-transition-duration:2s;
	transition-duration:2s;
}

.fissa #top {
    padding:10px 20px;
	-moz-transition-duration:2s;
	-webkit-transition-duration:2s;
	transition-duration:2s;
}

.fissa nav#navigation {
  margin:0px;
	-moz-transition-duration:2s;
	-webkit-transition-duration:2s;
	transition-duration:2s;
}

.fissa .logo img {
  width:100px;
	-moz-transition-duration:2s;
	-webkit-transition-duration:2s;
	transition-duration:2s;
}

.logo {
	position:absolute;
	top:20px;
	float:left;
	z-index:100;
	width:auto;
	height:85px;
	z-index:92;
}

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

.tel-top {
    position:relative;
	display:inline-block;
	font-size:13px;
	vertical-align:middle;
	color:#dddfdf;
	background:#193963;
	padding:8px 50px 8px 50px;
	border-radius:0px 0px 30px 30px;
}

#menu {
	float:right;
	margin:10px 0px 0px 0px;
	font-style: normal;
	letter-spacing:1.9px;
}

#menu a {
	text-decoration: none;
	vertical-align:middle;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

#menu a:hover {
	text-decoration: none;
	vertical-align:middle;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

/*-------------------------
VIDEO RESPONSIVE
-------------------------*/
.cont-table-video {
 float:left;
 width:50%;
 padding:5px;
}

.cont-table-video h3 {
font-size:20px;
}

.cont-rwd-video {
 width:100%;
 border:1px solid #fff;
 margin-top:0px;
}

.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%;
}

/*-------------------------
FINE VIDEO RESPONSIVE
-------------------------*/

.link {
	display:inline-block;
	padding:10px 15px;
	font-size:14px;
	color:#dddfdf;
	background:#193963;
	border-radius:5px;
	text-decoration: none;
	transition-duration: 1s;
	border:1px solid rgba(221,223,223,0.4);
}

.invia {
	vertical-align:middle;
	padding:5px 20px 5px 20px;
	color:#fff;
	background:#193963;
	text-decoration: none;
	border-radius:4px;
	border:0px;
	height:35px;
	cursor: pointer;
}

/* ==========================================*/
/*	INPUT VENDITA
/* ==========================================*/

input.vendite::placeholder {
  color:#4b4b4b;
	opacity:1;
}

input.vendite  {
		border:1px solid #e7e7e7; /*Removes border*/
	  border-radius:0px;
		-webkit-appearance: none; /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background:#fff;
		height:45px;
		width: 100%; /*Width of select dropdown to give space for arrow image*/
	  text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		border-radius:0px;
	   color:#4b4b4b;
		padding: 10px 20px 10px 20px;
	  margin-right:0px;
	  font-family:'Roboto', sans-serif;
	  font-size:15px;
		vertical-align:middle;
}

select.vendite  {
		border:1px solid #e7e7e7; /*Removes border*/
	  border-radius:0px;
		-webkit-appearance: none; /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: url("../images/select-arrow.png") no-repeat scroll 95% center #fff;
		height:45px;
	  width:100%;
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color:#4b4b4b;
		padding: 10px 20px 10px 20px;
	  margin-right:0px;
	  font-family:'Roboto', sans-serif;
	  font-size:15px;
	  vertical-align:middle;
}

input.cerca {
		height:45px;
	  width:100%;
    color: #193963;
	  font:400 15px/normal 'Oswald', sans-serif;
	  letter-spacing: 2px;
    background: #dddfdf;
    text-decoration: none;
	  border-radius:0px;
		-webkit-appearance: none; /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
    border: 1px solid #dddfdf;
    cursor: pointer;
		vertical-align:middle;
}

/* ==========================================*/
/*	FINE INPUT VENDITA
/* ==========================================*/

/* ==========================================*/
/*	VERSIONE FLOAT
/* ==========================================*/

.pulsante-mostra-ricerca, .pulsante-chiudi-ricerca  {
display:none;
}

.ricerca-container1, .ricerca-container2, .ricerca-container3  {
width:100%;
display:table;
border-spacing: 3px;
border-collapse: separate;
}

.ricerca-container1 .item1  {
width:auto;
display:table-cell;
}
.ricerca-container1 .item2  {
width:auto;
display:table-cell;
}
.ricerca-container1 .item3  {
width:auto;
display:table-cell;
}
.ricerca-container1 .item4  {
width:auto;
display:table-cell;
}
.ricerca-container1 .item5  {
width:auto;
display:table-cell;
}

.ricerca-container2 .item1  {
width:auto;
display:table-cell;
}

.ricerca-container2 .item2  {
width:auto;
height: 45px;
display:table-cell;
color:#4b4b4b;
padding:0px 20px;
vertical-align: middle;
border:1px solid #e7e7e7; /*Removes border*/
border-radius:0px;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background:#fff;
}
.ricerca-container2 .item3  {
width:auto;
height: 45px;
display:table-cell;
color:#4b4b4b;
padding:0px 20px;
vertical-align: middle;
border:1px solid #e7e7e7; /*Removes border*/
border-radius:0px;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background:#fff;
}
.ricerca-container2 .item4  {
width:auto;
height: 45px;
display:table-cell;
color:#4b4b4b;
padding:0px 20px;
vertical-align: middle;
border:1px solid #e7e7e7; /*Removes border*/
border-radius:0px;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background:#fff;
}
.ricerca-container2 .item5  {
width:auto;
height: 45px;
display:table-cell;
color:#4b4b4b;
padding:0px 20px;
vertical-align: middle;
border:1px solid #e7e7e7; /*Removes border*/
border-radius:0px;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background:#fff;
}
.ricerca-container3 .item1  {
width:auto;
display:table-cell;
}
.ricerca-container3 .item2  {
width:auto;
display:table-cell;
}
.ricerca-container3 .item3  {
width:150px;
display:table-cell;
}
.ricerca-container3 .item4  {
width:90px;
display:table-cell;
}


/* ==========================================*/
/*	FINE VERSIONE FLOAT
/* ==========================================*/

/* ==========================================*/
/*	Table HOME
/* ==========================================*/

.bg-box1 {
	height:300px;
	background: url('../images/blog.jpg') center no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}

.bg-box2 {
	height:300px;
	background: url('../images/video.jpg') center no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}

.bg-box3 {
	height:300px;
	background: url('../images/territorio.jpg') center no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}

.bg-box4 {
	height:300px;
	background: url('../images/valuta-immobile.jpg') center no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}

.bg-box5 {
	height:300px;
	background: url('../images/contatti.jpg') center no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}

.table-home {
  display: flex;
  border: 5px solid #fff;
	margin-bottom:30px;
}

.row-home {
  flex: 1;
  display: flex;
	flex-flow: wrap;
}

.row-home:first-of-type {
  flex-flow: wrap;
}

.row-home .rowspan2.cell  {
  flex: 1 1 100%;
}

.row-home .cell {
  border: 5px solid #fff;
  flex: 1;
}

.pulsante-home {
padding: 1em;
height:100%;
width:100%;
text-align:center;
position:relative;
background: rgba(25, 57, 99, 0.2);
transition-duration: 0.5s;
}

.pulsante-home:hover {
transition-duration: 0.5s;
background: rgba(0,0,0,0);
}

.pulsante-home h2 {
position:absolute;
color:#fff;
bottom:1em;
left:50%;
-webkit-transform: translate(-50%,0%); 
-moz-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%,0%);
transition-duration: 1s;
border:1px solid rgba(255,255,255,0.4);
padding:5px 10px;
background:rgba(0,0,0,0.1);
}

/* ==========================================*/
/*	Fine table HOME
/* ==========================================*/

#contenuti {
	z-index: 15;
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	padding:40px 20px 40px;
}

#sx {
 float:left;
  margin-left:-270px;
  left:270px;
  width:100%;
  position:relative;
  z-index:5;
}
 
#sx #content {
  margin-right:300px;
}
 
#dx {
  float:right;
  width:270px;
  position:relative;
  z-index:10;
}

.colonne {
	column-count: 3;
	column-gap: 30px;
	
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
}

.blu {
	width:100%;
	background: #193963;
}

.grigio {
	width:100%;
	background: #f5f5f5;
}

.bianco {
	width:100%;
	background: #fff;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	border-top:1px solid rgba(0, 0, 0, 0.1);
	clear:both;
}

.ombra {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
     box-shadow:        inset 0 10px 30px -25px #000,
	                      inset 0 -8px 20px -20px #696969;
			 
}

.newsletter {
  width:100%;
  position: relative;
  background-image:url("../images/bg_newsletter.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.newsletter-overlay {
	background: rgba(25,57,99,0.85);
  padding:100px 0px;
	border-top:1px solid #fff;
	/*! border-bottom:1px solid #fff; */
}

.bg_image {
	width:100%;
	background: url('../images/bg_image.jpg') no-repeat;
	background-size: cover;
	clear:both;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	border-top:1px solid rgba(0, 0, 0, 0.1);
}

.loghi {
	width:100%;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
     box-shadow:        inset 0 10px 30px -25px #000,
	                      inset 0 -8px 20px -20px #696969;
}

.loghi img {
	height:auto;
	margin:20px 30px;
	vertical-align:middle;
}


.fiaip {
	margin-top:30px;
}


/*-------------------------
immagine grande DETTAGLIO
-------------------------*/

.img-dett {
 width:100%;
 height:auto;
 margin-bottom:20px;
	border-radius:5px;
}

/*-------------------------
FINE immagine grande DETTAGLIO
-------------------------*/

#image_azienda {
float:right;
width:300px;
margin: 0px 0px 10px 30px;
}

#image_azienda img {
	width: 100%;
	height: auto;
}

/*-------------------------
MINIATURE DETTAGLIO
-------------------------*/

.cont-box-image {
 width:33.3%;
 float:left;
 padding:5px;
}

.box-image {
width:100%;
height:0;
padding-bottom:90%;
border-radius:5px;
overflow:hidden;
}

.box-image img {
width: 200%;
height: auto;
margin-left:-50%;
}

/*-------------------------
FINE MINIATURE DETTAGLIO
-------------------------*/

/*-------------------------
BOX news
-------------------------*/


#box_news {
	float:left;
	width:100%;
	min-height:170px;
	margin-bottom:25px;
border-radius:5px;
overflow:hidden;
background:#fff;
border:1px solid rgba(0, 0, 0, 0.1);
}

#miniatura_news {
	float:left;
	width:230px;
	height:180px;
	overflow:hidden;
	margin:0px 25px 0px 0px;
	background:#fff;
}

#miniatura_news img {
	width:150%;
}

#contenitore-testi-news {
padding:20px;
}

#contenitore-testi-news h2 {
font-size:18px;
}

#image_dettaglio {
	float:left;
	width:250px;
	margin:0px 25px 20px 0px;
	border-radius:5px;
	overflow:hidden;
}

#image_dettaglio img {
	width: 100%;
	height: auto;
}

/*-------------------------
FINE BOX news
-------------------------*/

/*-------------------------
BOX ricerca
-------------------------*/

#ricerca {
	width:270px;
	padding:10px;
	border-radius:10px;
	background:#193963;
	color:#fff;
}

#cont-ricerca-home {
  position:absolute;
	z-index: 15;
	margin: 0 auto;
	width:100%;
	padding:40px 20px 0px;
}


#ricerca-home {
	float:right;
	width:270px;
	padding:10px;
	border-radius:10px;
	background:#f5f5f5;
	border:1px solid #d9d9d9;
	color:#000;
	-webkit-transition-property: -webkit-top;
  -webkit-transition-duration: 2s;
	-moz-transition-property: -moz-top;
  -moz-transition-duration: 2s;
	transition-property: top;
  transition-duration: 2s;
}

.blocca {
  position: fixed;
  top: 20px;
	-webkit-transition-property: -webkit-top;
  -webkit-transition-duration: 2s;
	-moz-transition-property: -moz-top;
  -moz-transition-duration: 2s;
	transition-property: top;
  transition-duration: 2s;
}

.filtra {
	color:#193963;
	width:100%;
	margin-top:10px;
	padding:10px;
	font-size:20px;
	font-weight:700;
	background:#DDDFDF;
	text-decoration: none;
	border-radius: 5px;
	border:0px;
	cursor: pointer;
	border:1px solid rgba(255,255,255,0.3);
}

.contatta {
	color:#fff;
	text-align:center;
	width:100%;
	margin-top:10px;
	padding:20px;
	font-size:20px;
	font-weight:700;
	background:#193963;
	text-decoration: none;
	border-radius: 5px;
	border:0px;
	border:1px solid rgba(255,255,255,1);
}


input.demo  {
border: 1px solid #FFF !important; /*Removes border*/
background:#fff;
width: 100%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color:#4b4b4b;
border-radius: 5px;
padding: 5px;
margin-bottom: 8px;
}

select.demo  {
border: 1px solid #FFF !important; /*Removes border*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background: url("../images/select-arrow.png") no-repeat scroll 95% center #fff;
width: 100%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color:#4b4b4b;
border-radius: 5px;
padding: 5px;
margin-bottom: 8px;
}

select.demo2  {
border: 1px solid #FFF !important; /*Removes border*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background: url("../images/select-arrow.png") no-repeat scroll 95% center #fff;
width: 95px; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color:#4b4b4b;
border-radius: 5px;
padding: 5px;
margin-bottom: 8px;
}

input[type="checkbox"] {
    /* display:none; */
}

input[type="checkbox"] + label span {
    /* display:inline-block; */
    /* width:19px; */
    /* height:19px; */
    /* margin:-1px 4px 0 0; */
    /* vertical-align:middle; */
    /* background:url(../images/check_radio_sheet.png) left top no-repeat; */
    /* cursor:pointer; */
}

input[type="checkbox"]:checked + label span {
    /* background:url(../images/check_radio_sheet.png) -19px top no-repeat; */
}

/*-------------------------
FINE BOX ricerca
-------------------------*/

/*-------------------------
PRODOTTI HOME
-------------------------*/

.prod-home {
 width:33.33%;
 float:left;
 margin:10px;
 border-radius:5px;
border:1px solid rgba(0, 0, 0, 0.1);
 overflow:hidden;
}

.prod-image {
	width:100%;
	height:0;
	padding-bottom:65%;
	overflow:hidden;
	background:#fff;
	position:relative;
	padding-left:50%;
}

.prod-image img {
 width:250%;
 height:auto;
 margin-left:-125%;
}

.s-h2 {
 padding:10px 15px;
 width:100%;
 background:#fff;
 position:relative;
 overflow:hidden;
 height:90px;
}

.s-h2 h1 {
	color: #000;
	font-style: normal;
	font: 400 18px/normal "open sans", Helvetica, sans-serif;
}

.s-h2 h2 {
	color: #000;
	font-style: normal;
	font: 700 15px/normal "open sans", Helvetica, sans-serif;
}

/*-------------------------
FINE PRODOTTI HOME
-------------------------*/

/*-------------------------
PROPOSTE
-------------------------*/
#contenitore-proposte {
display:table;
width:100%;
float:left;
margin-bottom:35px;
overflow:hidden;
background:#fff;
border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

#contenitore-immagine {
display:table-cell;
width:280px;
}

#contenitore-testi {
display:table-cell;
width:auto;
padding:20px;
}

#contenitore-testi h2 {
font-size:18px;
}

#contenitore-testi h5 {
font-size:16px;
}

#contenitore-testi p {
	/* text-transform: lowercase; */
	font-size:90%;
}

/*-------------------------
FINE PROPOSTE
-------------------------*/

/*-------------------------
FOTO proposte
-------------------------*/


.box-image-proposte {
position:relative;
width:100%;
height:0;
padding-bottom:75%;
overflow:hidden;
}

.box-image-proposte img {
position:absolute;
z-index:1;
height:auto;
width:auto;
min-height:100%;
min-width:100%;
max-width:120%;
max-height:150%;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%,-50%);
}

/*-------------------------
FINE foto proposte
-------------------------*/

/*-------------------------
CSS Landingpage
-------------------------*/
.logo-landing {
	float:left;
	width:230px;
	padding:20px;
}

.logo-landing img {
	width:100%;
}

.tel-landing {
	float:right;
	color:#fff;
	padding:30px 30px 0px 0px;
}

.tel-landing a {
	color:#fff;
}

.tel-landing i {
    border-left: 1px solid rgba(221, 223, 223, 0.45);
    padding-left: 10px;
    margin-left: 10px;
    color:#fff;
}

.background-landing {
	background:url('../images/background-landing.jpg') no-repeat;
	background-size:cover;
	background-position:30% 50%;
	width:100%;
	min-height:100%;
}

.testo-landing {
	display:table-cell;
	width:50%;
	color:#fff;
	padding: 3vw 6vw;
	font-size:25px;
	text-shadow:1px 1px 0px #000;
	line-height:1.25em;
}


.testo-landing h1 {
	color:#fff;
	font-size:4vw;
	font-weight:700;
	line-height:1em;
	margin-bottom:15px;
}

.contentmailform-landing {
	display:table-cell;
	width:50%;
	padding:1.5vw 40px;
}

.mailform-landing {
	background: rgba(25, 57, 99, 0.8);
	width:100%;
	border-radius:15px;
	padding:20px;
	color:#fff;
}

.mailform-landing h2 {
	color:#fff;
	font-weight:700;
}

.mailform-landing h1 {
	color:#fff;
	font-size:3vw;
	font-weight:700;
}


/*	FORM MAIL */

.form-dati {
	float:left;
	width:50%;
	padding-right:5px;
	margin-bottom:10px;
}

.extra {
	width:100%;
}

.form-testo {
	float:left;
	width:100%;
	margin-bottom:10px;
}

.form-dati .dati {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	margin-bottom:3px;
	width:100%;
	height:50px;
	border: 1px solid #ffffff;
	background:#fff;
	border-radius:5px;
	padding:0px 10px;
}

.form-testo .testo {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width:100%;
	height:200px;
	border: 1px solid #ffffff;
	background:#ffffff;
	border-radius:5px;
	padding: 10px;
}

input:disabled {
    cursor: no-drop;
}

input.invia-landing {
	background:#dddfdf;
	color:#2d3138;
    font: 700 15px/1.6em "Raleway", Helvetica, sans-serif;
	border-radius:30px;
	border:0px;
	display:inline-block;
	padding:0px 30px;
	margin:0px;
	height: 50px;
	width:auto;
	min-width:150px;
	cursor:pointer;
	vertical-align:middle;
	border: 1px solid #dddfdf;
}

/*	FINE FORM MAIL */

/*-------------------------
Chiudo CSS Landingpage
-------------------------*/

#cont_footer {
	clear:left;
	width:100%;
	background:#193963;
}

#footer {
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	min-width:768px;
	padding:80px 20px;
	color:rgb(221, 223, 223);
}

.uno {
	float:left;
	width: 35%;
	padding:0px 50px 0px 0px;
}

.due {
	float:left;
	width: 15%;
}

.due img {
	float:left;
	width: 50px;
	margin:5px;
}

.tre {
	float:left;
	width: 30%;
	padding:0px 50px 0px 0px;
}

.quattro {
	float:left;
	width: 20%;
	padding:0px 50px 0px 0px;
}

#cont_footer2 {
	width:100%;
	background:#102c51;
}

#footer2 {
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	min-width:768px;
	padding:35px 20px;
	color:rgba(255,255,255,0.4);
  font: 400 13px/1.8em "Open sans", Helvetica, sans-serif;
}


#pageup {
  position: fixed;
  right: 10px;
  bottom: 15px;
  width: 30px;
  height: 30px;
  background-image: url('../images/scroll-top.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  display: none;
  cursor: pointer;
	z-index:90;
}


.nascosto { display: none; }