/* 
Created By : Muse-Master
Created For : Themeforest

===========================
     Table Of Content
===========================
01 - CSS Reset
02 - General Styles
03 - Logo Holder Styles
04 - Hero Section Styles
05 - Hero Section -clickthrough- Styles
06 - Clients Section Styles
07 - meccatronico Styles
08 - Contact Details Styles
09 - Services Styles
10 - richiedi Styles
11 - scegliere Styles
12 - FAQ Styles
13 - Footer Styles
14 - Responsive Styles
*/


/* -- CSS 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, 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;}
/* -- End Reset -- */

/* -- =============================
General Styles 
============================= -- */
h1, h2, h3, h4, h5, h6, p, form, btn-primary {font-family: 'Raleway', sans-serif;}
h2 {margin:0 0 8px 0;font-size: 30px;line-height: 30px;font-weight: 700;color:rgba(0,0,0,0.90);}
h3 {font-size: 26px;color: #494949;}
h4 {padding: 8px 0;font-size: 23px;line-height: 30px;font-weight: 700;}
h5 {padding: 4px 0;font-size: 20px;line-height: 30px;font-weight: 300;}
h6 {font-size: 18px;line-height: 26px;}
p {font-size: 18px;line-height: 28px;color:#000000;}
p strong {font-weight: 700;}
.btn-primary, .services-list .list {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

 /* Link Style
a:link {color: #fff;text-decoration: none;}
 */

/* -- ===============================
Logo Holder Styles 
=============================== -- */
.logo-holder {width: 100%;padding-top: 20px;padding-bottom: 20px;background:url(/img/sfondo-tecnica.jpg) left top repeat;}
.logo { width: 100%; max-width: 320px; margin: 0 auto;}

/* -- =============================== 
Header Section Styles 
=============================== -- */
header {min-height: 740px;
background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,0.70) 100%), url("/info_elettricista/img/header.webp") top center no-repeat;
background-size: cover;background-attachment: fixed;}

/* -- Hero Section -leadgen- Styles -- */
.hero {position:relative;right:0;left:0;top:36%;transform:translateY(-30%);}
.hero-text {margin-top: 120px;}
.hero-text h1 {font-size: 44px;line-height: 56px;font-weight: 700;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,1.00);}
.hero-text h1 .big-title {font-size: 62px;font-weight: 900; text-transform: uppercase; color:#ffd800;}
.hero-text h2 {margin:0 0 10px 0;font-size: 36px;line-height:36px;font-weight: 700;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,1.00);}
.hero-text p {font-size: 26px;line-height: 32px;font-weight: 600;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,1.00);}

.arrow {text-align: right;margin-top: 190px;}

/*-- Hero Form --*/
.hero-form {margin-top: 10px;padding: 30px;text-align: center;background-color: #ffd800;border-radius: 6px;}
.hero-form h2 {margin:0;font-size: 34px;font-weight: 800; text-transform: uppercase;color: rgba(50,50,50,1.00)}
.hero-form p.link-light {margin:0;padding:0;font-weight: 800!important;cursor: pointer;color:rgba(5,43,88,0.90);}
.hero-form form {margin-top: 30px;font-weight: 300;}
/** FORM **/
.form-group {position:relative}
form 						{overflow:hidden;width:100%;}
.cust-form {margin-bottom: 8px;}
.cust-form fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 10px 0;}
.cust-form fieldset input, fieldset select, fieldset textarea {width:100%;padding:14px 11px;font-size:16px;border:rgba(0,0,0,0) solid 1px;}
.cust-form select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.cust-form .select {padding:14px 11px;color:#666;background:#FFF url(/img/select-arrow.png) no-repeat 97% 50%;}
.cust-form input:focus, select:focus, textarea:focus {box-sizing: border-box;background-color: #F2FFCC; border:none; outline: none;}
.cust-form fieldset #campi-obbligatori {margin:0;background:none;border:none;}
.cust-form fieldset #campi-obbligatori label {font-size:13px;color:#000;}
.cust-form fieldset #privacy_box	{margin:0 0 8px 0;padding:0 8px 8px 8px;font-size:13px;line-height:16px;background:none;color:#001C48;border:none;}
.cust-form fieldset #privacy_box input {width:15px;height:15px;padding:4px 0 0 0;}
.cust-form fieldset #privacy_box strong {font-size:12px; font-weight:700;}
.cust-form fieldset #privacy_box span {display:inline-table;}
.cust-form fieldset #variabili {display:none;background:none;}
.cust-form #invia {margin:0;}
.cust-form #invia2 {margin:0;border:none;}
.cust-form .item {float:none;border:none;background:none;}
.cust-form .item .jqconferma {display:block;width:100%;margin:0;padding:14px 0;font-family: 'Raleway', sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;color:#ffffff;background-color:#000;cursor:pointer;border-radius:10px;}
.cust-form .item:hover .jqconferma:hover {background-color:#690;color:#fff;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;left:0;margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:rgba(192,8,31,05);color:#FFFFFF!important;}
.cust-form a {color:blue;}
/* validazione html5 */
.cust-form input:required, select:required, select {border:rgba(0,0,0,0) solid 1px;color:rgba(0,0,0,1)!important;}
.cust-form input:required:focus:invalid, select:required:focus:invalid {border:#F00 solid 1px;color:rgba(0,0,0,1)!important;}
.cust-form input:required:valid, select:required:valid, select:focus {border:#0C0 solid 1px;color:rgba(0,0,0,1)!important;}


/* -- Clients Section Styles -- */
.clients {width: 100%;padding: 20px 0;background:url(/img/sfondo-tecnica.jpg) left top repeat;}
.clients h2{padding-top: 8px; text-align: center;color:#ffffff;}

/* -- elettricista Styles -- */
.elettricista {overflow:hidden;margin-top: 80px;}
.elettricista .container {padding-bottom: 80px;	background: url('/img/sfondi/verde.webp') right bottom no-repeat;}
.elettricista-title {margin-bottom: 60px;}
.elettricista-list {margin-top: 20px;}
.elettricista-list img{float: left;margin-top: 6px;margin-right: 10px;}
.elettricista-info {margin-top: 60px; font-size: 20px;}
.elettricista-info h3 {font-size: 22px; font-weight: 800;}
.elettricista .btn-primary {width: 230px;margin:20px 0;padding-top: 12px;padding-bottom:12px;	
	font-size: 24px;line-height: 28px;font-weight: 800;border: none;color: #202020;
	font-family: 'Raleway', sans-serif;
  background-image:none;
  background-color:#ffd800;}
.elettricista .btn-primary:hover, .richiedi .btn-primary:active{
	color: #ffd600;
	background-image: none;
  background-color:#202020;}

/* -- Services Styles -- */
.services {margin-top: 100px;text-align: center; background-color: rgba(0,0,0,0.08);}
.services-title {margin-top: 80px;margin-bottom: 0px;}
.services-list .list {min-height: 320px; margin-top: 30px;padding: 70px 20px;background-color: rgba(255,255,255,0.80)}
.services-list .list:hover {background-color: rgba(0,0,0,0.20);}
.services-list p {font-size:20px;}
.services-list .list:hover p {color: #fff;} 
.services-list .list img {margin-bottom: 8px;height: 80px; width: auto;}

/* -- RICHIEDI Styles -- */
.richiedi {padding-top:40px;padding-bottom:80px;text-align: center;background-color: rgba(0,0,0,0.08);}
.richiedi h2 {font-size: 40px;line-height: 40px;}
.richiedi .btn-primary{	font-size: 32px;
	font-weight: 800;
	border: none;
	color: #202020;
	line-height: 28px;
	padding-top: 30px;
	padding-bottom: 24px;
	margin-top: 20px;
	font-family: 'Raleway', sans-serif;
	background-image:none;
 	background-color: #ffd800;}
.richiedi .btn-primary:hover, .richiedi .btn-primary:active {
	color: #ffd800;
	background-image:none;
 	background-color:#202020;}
.richiedi a span {font-size: 16px;font-weight:600;}
/* -- STAGE Styles -- */
.stage {padding-top:80px;padding-bottom:80px;text-align: center;}

/* -- SCEGLIERE Styles -- */
.scegliere {padding: 70px 15px 70px;	text-align: center;	background-color: #f0f0f0;}
.scegliere-title {margin:0 0 40px 0}
.scegliere h3 {font-size:22px;font-weight: 700;}
.scegliere-list img {margin: 12px 0;}
.scegliere-list p {margin-top: 10px;color:#151414;}
.fa-star {color: #ffc600;font-size: 20px;}

/* -- Footer Hero Styles -- */
.footer-hero {padding-top: 80px;padding-bottom: 80px; text-align: center;background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.6));color: #fff;}
.footer-hero h2 {font-size: 34px;line-height: 40px;color: #ffd800;}
.footer-hero p {font-size: 30px;line-height: 40px;color: #ffffff;}
.footer-hero .btn-primary {	font-size: 30px;
	font-weight: 900;
	border: none;
	color: #202020;
	line-height: 18px;
	padding-top: 34px;
	padding-bottom: 34px;
	margin-top: 36px;
	font-family: 'Raleway', sans-serif;
	background-image:none;
 	background-color: #ffd800;}
.footer-hero .btn-primary:hover, .footer-hero .btn-primary:active {
	color: #ffd800;
	background-image:none;
 	background-color:#202020;}
/* -- Footer Styles -- */
.footer {padding-top: 30px;padding-bottom: 30px;text-align: center;}
/** VARIE ***/
.fluid {width: 100%; height: auto;}
.hidden-desk {display:none;}
.mb-30 {margin-bottom:30px;}


/*------------------------------
--------Responsive Styles-------
------------------------------*/
@media only screen and (max-width:1200px) {
	.arrow {display: none;}
.hero-form h2 {font-size:32px; line-height: 28px;}
}

@media only screen and (max-width: 991px) {
header {min-height: 1380px; background-attachment: scroll;}
.hero {top: 0px;transform: translateY(0);}
.hero-text {margin-top: 310px;text-align: center;}
.hero-form {margin-top: 40px;	}
.hero-form h2 {font-size:42px; line-height: 48px;}
.meccatronico img.mecca {;margin-top:60px;}	
.footer-hero h2 {font-size: 36px;line-height: 40px;padding-bottom: 20px;}
}

@media only screen and (max-width: 767px) {
header {min-height: 1360px;}
.hero-text h1 {font-size: 44px;line-height: 50px;font-weight: 900;}
.hero-text h1 .big-title {font-size: 58px;}
.hero-text h2 {margin:0 0 10px 0;font-size: 44px;line-height:44px;font-weight: 900;}
.services {margin-top:10px;}
.services .container {}
.services-title {margin:40px 40px 0;}	
.services-list .list {min-height:110px; margin-top: 30px;padding:20px 15px 15px 15px;}
.services-list img {float:left;}
.services-list .list p {padding:15px 10px 15px 100px; text-align: left;}	

.footer {text-align: center;}
.richiedi h2 {font-size: 42px;}
}

@media only screen and (max-width: 610px) {
header {min-height: 1420px;}
}

@media only screen and (max-width: 500px) {
.logo-holder {padding-top: 16px;padding-bottom: 12px;}
.logo {max-width: 230px;}
header {min-height: 1280px;background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,0.85) 50%), url("/info_elettricista/img/header.webp") top center no-repeat;background-size:1300px}
.hero-text {margin-top: 290px;	}
.hero-text h1 {font-size: 30px;line-height:36px;}
.hero-text h1 .big-title {font-size: 35px;}
.hero-text h2 {font-size: 30px;line-height:34px;}	
.hero-text p {font-size: 22px;line-height: 24px;}
.richiedi {padding-bottom:60px;}
.richiedi h2 {font-size: 38px;}
.hero-form {padding:20px 15px;}	
.hero-form h2 {font-size:28px; line-height:  30px;padding-top: 8px;}
.cust-form .item .jqconferma {padding:14px 0;font-size:22px;}	
.cust-form input:required, select:required, select {color:#000!important; display:block; visibility:visible!important;}
.cust-form input:required:focus:invalid, select:required:focus:invalid {color:#000!important;display:block!important;visibility:visible!important;}
.cust-form input:required:valid, select:required:valid, select:focus {color:#000!important;display:block!important;visibility:visible!important;}
.elettricista-title {margin-bottom:20px;}
.elettricista .container {padding-bottom:40px;	background: none!important;}
.elettricista img.mecca {width: 100%; height: auto; padding:20px 20px 0;}
.services {margin-top:10px;}
.services-list .list p {padding:0 10px 15px 100px;font-size: 16px; line-height: 22px;}	
.footer-hero h2 {font-size: 32px;line-height:34px;padding-bottom: 20px;}
.footer-hero p {font-size:20px;line-height:26px;}
.hidden-desk {display: block;}
}



@media only screen and (max-width: 991px) {
header {min-height: 0 !important;height: auto !important;overflow: visible !important;}
.hero {top: 0 !important;transform: none !important;padding-bottom: 40px;}
}

@media only screen and (max-width: 767px) {
header {min-height: 0 !important;height: auto !important;overflow: visible !important;}
.hero {padding-bottom: 40px;}
#appro, .clients {position: relative;z-index: 1;clear: both;}
}

@media only screen and (max-width: 500px) {
header {min-height: 0 !important;height: auto !important;overflow: visible !important;}
}