/* IMPORT */
/* TooTip JS fuction */
@import url('tipTip.css');

@import url('jquery.fancybox.css');
@import url('jquery.fancybox-buttons.css');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* ====================================================================================================

		RESET
   
   ==================================================================================================== */
/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
--------------------------------------------------------------
   ================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
 */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers
   ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ====================================================================================================

		TYPOGRAPHY
   
   ==================================================================================================== */
/* --------------------------------------------------------------
   
   Set default typography based on Blueprint
   
--------------------------------------------------------------
   ================================================== */
/* Text elements
 * -----------------------------------------------------------
 */
p { margin: 2.5rem 0;line-height:2.6rem; }
ul { margin: 0 0 1.8rem 3.2remm }
ol { margin: 0 0 1.8rem 3.2rem }
ul { list-style: disc }
ol { list-style-type: decimal }
ol ol { list-style: upper-alpha }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0 }
dl { margin: 0 2.2rem }
dt { font-weight: bold }
dd { margin-bottom: 1.8rem }
strong { font-weight: bold }
cite, em, i { font-style: italic }
blockquote { margin: 0 4.4rem }
blockquote em, blockquote i, blockquote cite { font-style: normal }
pre { font: 11px Monaco, monospace; line-height: 1.8rem; margin-bottom: 1.8rem; }
code { font: 1.1rem Monaco, monospace }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
ins { text-decoration: none }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; font-size: smaller; }
sub { top: .5ex }
a { color: #989898;text-decoration: none; }
a:hover { color: #797979; }
span { color: #000 }
/** Pullquotes
 * -------------------------------------------------------------- 
 */
blockquote.left { float: left; margin-left: 0; margin-right: 2rem; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 2rem; margin-right: 0; text-align: left; width: 33%; }
/**
 * 
 * Adapt the following for use in your Child Themes when using
 * different font-sizes and line-heights
 * 
 * body, input, textarea {
 *     font: --px Arial,sans-serif;
 *     line-height:--px;
 * }
 * p, ul, ol, dd, pre {
 *     margin-bottom:--px;
 * }
 * pre, code {
 *     font:--px Monaco, monospace;
 *     line-height:--px;
 * }
 * 
 * All other styles can be overridden--or ignored!--in Child Theme stylesheets
 */


/* ====================================================================================================

		FRAMEWORK W3B
   
   ==================================================================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.allclear { clear: both }
.col10 { width: 10% }
.col20 { width: 20% }
.col30 { width: 30% }
.col40 { width: 40% }
.col50 { width: 50% }
.col60 { width: 60% }
.col70 { width: 70% }
.col80 { width: 80% }
.col90 { width: 90% }
.col100 { width: 100% }

.col33 { width: 33.3333% }
.col65 { width: 65% }
.col55 { width: 55% }
.col45 { width: 45% }
.col25 { width: 25% }
.col16 { width: 16.6% }

.col10, 
.col20, 
.col30, 
.col40, 
.col50, 
.col60, 
.col70, 
.col80, 
.col90, 
.col100, 
.col45, 
.col33, 
.col25, 
.col65, 
.col55, 
.col16 { float: left; display: block; position: relative; }

.mt-0{margin-top: 0 !important;}

.margin-auto{margin-left: auto !important;margin-right: auto !important; float: none !important;}
.no-margin {margin:0!important;padding:0!important;}
img { /*display: inline-block;*/ display: block; margin: 0; max-height: 100%; max-width: 100%; padding: 0; position: relative; width: auto; height: auto; }
img.align-left, .align-left { float: left; margin: 0 1rem 0.5rem 0; }
img.align-right, .align-right { float: right; margin: 0 0 0.5rem 1rem; }
img.align-middle, .align-middle { text-align: center; margin: 1rem auto; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 1rem 0; }
a.block { width: 100%; height: 100%; display: block; }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
.spacer, .wrapper.spacer { margin:3rem auto;}
span { color: #00aeef; }
h1 { font-size: 3.9rem; margin: 1rem 0 1rem 0; line-height: 130%; }
h2 { font-weight: 300; color: #090909; font-size: 3.5rem; margin: 1rem 0 2rem; line-height: 130%; }
h3 { font-size: 1.9rem; margin: 1rem 0 1rem 0; line-height: 130%; font-weight:700; }
h4 { font-size: 1.9rem; margin: 1rem 0 1rem 0; }
.wrapper.products h4{text-align: center; font-size: 2.0rem;font-weight: 600; color: #ef8c07;}
h5 { font-size: 1.6rem; margin: 1rem 0 1rem 0; }
h6 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0; }
img.style1 { border: solid 1px #FFFFFF; -moz-box-shadow: 0px 5px 5px #a1a4a9; -webkit-box-shadow: 0px 5px 5px #a1a4a9; box-shadow: 0px 5px 5px #a1a4a9; }
@media screen and (max-width: 600px) { 
	.small-col100 {width: 100% !important;}
	.small-col70 {width: 70% !important;}
}
@media screen and (max-width: 320px) { 
	.xsmall-col80 {width: 100% !important;}
	.xsmall-col100 {width: 100% !important;}
}

/* ====================================================================================================

		LAYOUT.CSS
   
   ==================================================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, input.button { transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

.onlyprint, .hidden{display: none;}


html, body { margin: 0; padding: 0; color: #343434; background: #FFF repeat-x 0 0; text-align: left; /*height: 100%;*/ font-weight: 400; font: normal 62.5%/150% 'Open Sans', Verdana, Arial, serif; }
body {font-size:1.4rem;overflow-x:hidden }
i.material-icons {vertical-align: middle;}



body { -webkit-animation:fadein 1.0s; animation:fadein 1.0s }
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }


/* ----------------- DOWNLOAD ----------------- */

/*.contentdownload {padding: 2rem;}*/
.contentdownload h4 {font-weight:700;margin:2rem 0;color:#989898;}
.contentdownload .tabs-container {float:left;width:100%;}
.contentdownload  .tabs-nav li {border: none; border-top:solid 2px #fff;margin:1px 1px 1px 0;}
.contentdownload  .tabs-nav li:hover {border: none; border-top:solid 2px #e3e3e3;}
.contentdownload  .tabs-nav a {font-size:14px;padding:1rem 0.5rem;background:#f7f7f7;line-height:0!important;}
.contentdownload  .tabs-nav span {color:#282828;}
.contentdownload  .tabs-nav li.tabs-selected {border-top:solid 2px #282828;}
.contentdownload  .tabs-nav .tabs-selected a {font-weight:bold;color:#282828;}
.download-file {margin:0;padding:0;width:100%;}
.download-file li {list-style-type:none;float:left;width:50%;margin:0.3rem 0;}
.download-file img {position:absolute;top:10px;right:10px;}
.download-file a {display:block;position:relative;color:#282828;cursor:pointer;background:#e3e3e3;padding:1rem 2rem 1rem 4rem;}

.tabs-container {
	border: none !important;
}

.link_gallery_pdf, .link_gallery_pdf_reserved {border-left:solid 6px #e2574c;}
.link_gallery_doc, .link_gallery_doc_reserved {border-left:solid 6px #2f8cc8;}
.link_gallery_dwg, .link_gallery_dwg_reserved {border-left:solid 6px #62c153;}
.link_gallery_pdf:after, .link_gallery_dwg:after, .link_gallery_doc:after {content:'\E2C4';font-family: 'Material Icons';position:absolute;top:10px;left:10px;font-size:20px;color:#e2574c;display:block;}
.link_gallery_pdf_reserved:after, .link_gallery_dwg_reserved:after, .link_gallery_doc_reserved:after {content:'\E897';font-family: 'Material Icons';position:absolute;top:10px;left:10px;font-size:20px;color:#989898;display:block;}

.link_gallery.pdf, .link_gallery_reserved.pdf  {border-left:solid 6px #e2574c;}
.link_gallery.doc, .link_gallery_reserved.doc {border-left:solid 6px #2f8cc8;}
.link_gallery.dwg, .link_gallery_reserved.dwg {border-left:solid 6px #62c153;}
.link_gallery.xls, .link_gallery_reserved.xls {border-left:solid 6px #62c153;}

.link_gallery:after  {content:'\E2C4';font-family: 'Material Icons';position:absolute;top:10px;left:10px;font-size:20px;color:#e2574c;display:block;}
.link_gallery_reserved:after {content:'\E897';font-family: 'Material Icons';position:absolute;top:10px;left:10px;font-size:20px;color:#989898;display:block;}
.link_gallery.pdf:after {color: #e2574c;}
.link_gallery.doc:after{color: #2f8cc8;}
.link_gallery.dwg:after {color: #62c153;}
.link_gallery.xls:after {color: #62c153;}


/*.link_gallery_pdf_reserved:after {color:#e2574c;}
.link_gallery_doc_reserved:after {color:#2f8cc8;}
.link_gallery_dwg_reserved:after {color:#62c153;}*/


/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffdf36;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #282828;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* ----------------- END DOWNLOAD ----------------- */

/* --------------------- LOGIN -------------------- */

.login-widget {border:solid 2px #e3e3e3;padding:2rem;min-height:90px; background-color: #fff;}
.login-widget .col40, .login-widget .col20 {padding:1rem;}
.login-widget input.form {width:100%;border:none;background:#e3e3e3;padding:1rem 2rem;}
.login-widget input[type=checkbox] {width:50px;}
.login-widget  input.form.percentuale-impresa {width:auto;}

.login-wrapper .introtext {
	margin-bottom: 15px;
}

.mk-button-container {
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 15px;
}

.mk-button-container .mk-button {
  background-color: #282828;
	color: #fff;
}
.mk-button-container .mk-button {
    display: inline-block;
    min-width: 180px;
    max-width: 45%;
    margin: 0 10px 10px;
}
.mk-button--size-medium {
	padding: 14px 24px;
	font-size: 12px;
	line-height: 100%;
}
.mk-button-container .text-color-light .mk-button--text{
    color: #fff;
}
.big.material-icons {
	font-size: 96px;
	color: #aeaeae;
}
#loggedin.spacer {margin: 1rem 0;}
/* ------------------- END LOGIN ------------------ */


/* --------------------- LOGIN  v2-------------------- */

#loggedin.v2 .col100.margin-auto.popup {
	max-width: 90%;
	background-color: #FFDF36;
	padding: 2rem 3rem 1rem;
	border: 1px solid #282828;
	box-shadow: 0px -1px 10px #282828;
}

/*#loggedin.v2 .col100.margin-auto.popup {
	max-width: 600px;
	background-color: #FFDF36;
	padding: 2rem 3rem 1rem;
	border: 1px solid #282828;
	box-shadow: 0px -1px 10px #282828;
}*/


#loggedin.v2 a.fake-close {
	position: absolute;
	top: 1rem;
	right: 0.75rem;
	cursor: pointer;
	z-index: 10;
}
#loggedin.v2 .medium.material-icons {
	font-size: 37px;
	color: #282828;
}
#loggedin.v2 .big.material-icons {
	font-size: 80px;
	color: #282828;
}
#loggedin.v2 .welcome {
	margin-bottom: 0;
}
#loggedin.v2 .cta-text {
	margin: 1.5rem 0 0;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 1rem;
	line-height: 1.5;
}
#loggedin.v2 ul.servizi {
	list-style: none;
	margin: 0.5rem 0 2rem;
}
#loggedin.v2 ul.servizi li {
	display: inline-block;
	padding: 0 10px;
	text-decoration: underline;
}
/* ------------------- END LOGIN ------------------ */

.number {font-weight:bold;}
.disclaimer {color:#989898;font-size:1.2rem;}
.login-widget {border:solid 6px #ffdf36;padding:1rem 2rem;min-height:90px;}
.description_photo {border:solid 2px #e3e3e3;padding:1rem 2rem;min-height:90px;}
.check-session {margin:1rem 0;}
.description_photo .col40, .login-widget .col40, .login-widget .col80, .login-widget .col20, .description_photo .col20, .login-widget .col20 {padding:1rem;}
.description_photo input.form, .login-widget input.form {width:100%;border:none;background:#e3e3e3;padding:1rem 2rem;}
.description_photo input[type=checkbox], .login-widget input[type=checkbox] {width:50px;}
input.button {border:none;background:#282828;padding:1rem 4rem;margin-top:2rem;color:#FFF;cursor:pointer;text-transform:uppercase;}
input.button:hover {background:#ffdf36;color:#282828;}
.description_photo input.form.percentuale-impresa, .login-widget  input.form.percentuale-impresa {width:auto;}

/* ----------------- CALCOLO ONLINE ----------------- */
.block-yellow {padding:0.5rem 1rem;background: #ffdf36;}
.table-dati {background:#e3e3e3;}
.table-dati .col25, .table-dati .col50, .table-dati .col33 {padding:2rem;}
.table-dati input, .table-dati select {width:90%;}
.table-dati select {cursor:pointer;}

.link-calcolo {margin:1rem auto;padding:0;display:flex;list-style-type:none;} 
.link-calcolo li {margin:0 0.5rem;width:25%;text-align:center;}
.link-calcolo li a {display:block;background:#FFFFFF;color:#282828;padding:2rem;margin:0;}
.link-calcolo li a:hover {background:#282828;color:#ffffff;}

#container_hidden_dati #hidden_dati {min-height:4rem;}

/* ANTISPAM */
input#email2 {
	display: none;
	height: 0;
	width: 0;
	z-index: -1;
}


/* PREVENTIVO */
.form-label { padding: 2rem 1rem; text-align: right;}
.form-data { padding: 2rem 1rem; text-align: left}
.form-data { padding: 2rem 1rem 0.5rem 1rem; text-align: left; border-bottom: 2px solid #eee;}
.form-data >.date {font-weight: bold; font-style: italic;}
.form-field { padding: 1rem; text-align: right;}
.form-field.col40 { padding: 1rem; text-align: left;}
.form-field.readonly {padding-bottom: 0.1rem;margin-top: 0.9rem;}
.form-field input, .form-field select {width: 90%; padding: 1rem;}
.form-field input[type=radio], .form-field input[type=checkbox] {width: auto}
.datepicker-top-left, .datepicker-top-right, .datepicker-top-left::before, .datepicker-top-right::before {	border-top-color: #909090 !important;}
.error-msg .material-icons{ font-size: 8rem; color: #ffe626}
fieldset#province span {display: inline-block; width: 45%; text-align: right;}

/* SIGNUP PARDOT */
.form-block {margin-bottom: 1rem;}
.form-block .form-label  {text-align: left; padding: 0.5rem 0.5rem 0 0.5rem }
.form-block .form-field  {text-align: left; padding: 0.5rem }
.form-block .form-field input, .form-block .form-field select {width: 100%; padding: 1rem;}

/* Job */
#prov {
	position: relative;
	padding: 16px 5px;
}
#prov.form_error {
	margin-top: 10px;
}
#prov legend {
	position: absolute;
	top: -22px;
	left: 20px;
	background-color: #fff;
	padding: 5px 10px;
	color: #f00;
	font-weight: bold;
	border: 2px solid #edce36;
}
textarea.form {resize: vertical;}
.form-field label {cursor: pointer;}

/* ----------------- ADD CLASS ----------------- */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.md-grey { color: rgba(152, 152, 152, 1); }

.nota, .nota ul li {color:#989898;}
.nota ul {margin:0 0 0 2rem;}

a.bt {
	padding:1rem 2rem;
	font-weight:700;
	display:inline-block;
	color:#FFF;
	overflow:hidden;
	margin:1rem 0;
	line-height:3rem;
	text-transform:uppercase;
	font-size:1.2rem;
}

a.btoutline-black {
	background:none;
	color:#282828;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(40,40,40,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(40,40,40,1);
	box-shadow: inset 0px 0px 0px 2px rgba(40,40,40,1);
}
a.btoutline-black:hover {color:#FFFFFF;background: rgba(40,40,40,1.0);}
/*
.form_error, input.form_error {
	border: none;
	outline: 1px solid red;
}
*/
.form_error, input.form_error {
	border: none;
	outline: 2px solid #edce36;
	background-color: rgba(255, 223, 54,0.65);
}
.number-list {margin:0;padding:0;list-style-type:none;}
.number-list li {counter-increment:step-counter;margin:5rem 0 5rem 2rem;}
.number-list li::before {content:counter(step-counter);margin:0 2rem 2rem 0;background:#ffdf36;color:#282828;font-weight: bold;padding: 3px 8px;}

.alert {padding:2rem;}
.alert a {color:#282828;}
.alert a:hover {color:#000000;}

/* ----------------- MEDIA QUERY ----------------- */
/* 800
   ================================================== */
@media screen and (max-width: 800px) { 
	.download-file li {list-style-type:none;float:left;width:100%;margin:0.3rem 0;}
	#calcolo-online-eseguito .col60, #calcolo-online-eseguito .col40, #container_hidden_dati .col50,
	.wrapper .col50, .table-dati .col25, .dati-utente .col50, 
	.table-dati-analisi-economica .col40, .table-dati-analisi-economica .col20, .table-dati-analisi-economica .col10,
	.table-dati-analisi-economica .col70 {width:100%;}
	.form-label.col50 {text-align: left;}
}
/* 740
   ================================================== */
@media screen and (max-width: 740px) { 
	.form-label.col10, .form-field.col40 {width: 100%; text-align: left;}
	.form-label {	padding: 2rem 1rem 0;}
}

/* 640
   ================================================== */
@media screen and (max-width: 640px) { 
	.link-calcolo {flex-direction:column;}
	.link-calcolo li {width:100%;margin:1rem 0;}
}
@media screen and (max-width: 570px) { 
	.form-label.col25, .form-field.col25 {width: 100%; text-align: left;}
	.form-label.col10, .form-field.col40 {width: 100%; text-align: left;}
	.form-label {padding: 1.5rem 1rem 0;}
}
/* 480
   ================================================== */
@media screen and (max-width: 480px) { 
	.description_photo .col40, .description_photo .col20, .table-dati .col33 {width:100%;}
	.login-widget .col40, .login-widget .col20, .table-dati .col33 {width:100%;}
	.dato-vuoto {display:none;}
}
}