dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #2fa1d9;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #2fa1d9; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #2fa1d9; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.5;
	color: #333;
	font-family: 'Roboto', sans-serif;
}

a {
	text-decoration: none !important;
	color: #e74137;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 30px 0;
	font-family: 'Miso', sans-serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) { color: #e74137; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }

small { font-family: 'Roboto', sans-serif; }


/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/


.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.nott { text-transform: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
	position: relative;
	overflow: hidden !important;
}

#wrapper {
	position: relative;
	float: none;
	width: 1220px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 1px solid #EEE;
}

.line.line-sm { margin: 30px 0; }

span.middot {
	display: inline-block;
	margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
	display: block !important;
	position: relative !important;
}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

.topmargin-sm { margin-top: 30px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

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

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { background-color: #e74137 !important; }

.color { color: #e74137 !important; }

.border-color { border-color: #e74137 !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls0 { letter-spacing: 0px !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }

.font-body { font-family: 'Roboto', sans-serif; }

.font-primary { font-family: 'Roboto', sans-serif; }

.font-secondary { font-family: 'Miso', sans-serif; }

.bgicon {
	display: block;
	position: absolute;
	bottom: -60px;
	right: -50px;
	font-size: 210px;
	color: rgba(0,0,0,0.1);
}

.imagescale,
.imagescalein {
	display: block;
	overflow: hidden;
}

.imagescale img,
.imagescalein img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.imagescale:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.grayscale {
	filter: brightness(80%) grayscale(1) contrast(90%);
	-webkit-filter: brightness(80%) grayscale(1) contrast(90%);
	-moz-filter: brightness(80%) grayscale(1) contrast(90%);
	-o-filter: brightness(80%) grayscale(1) contrast(90%);
	-ms-filter: brightness(80%) grayscale(1) contrast(90%);
	transition: 1s filter ease;
	-webkit-transition: 1s -webkit-filter ease;
	-moz-transition: 1s -moz-filter ease;
	-ms-transition: 1s -ms-filter ease;
	-o-transition: 1s -o-filter ease;
}

.grayscale:hover {
	filter: brightness(100%) grayscale(0);
	-webkit-filter: brightness(100%) grayscale(0);
	-moz-filter: brightness(100%) grayscale(0);
	-o-filter: brightness(100%) grayscale(0);
	-ms-filter: brightness(100%) grayscale(0);
}




/**************************************

--	BEGIN CUSTOM CSS

**************************************/

body{background: #fff;}


/**************************************

--	OVERRIDE BOOTSTRAP

**************************************/

.row{margin-left: auto; margin-right: auto;}





/**************************************

--	COLORS

**************************************/

.txt-white{color: #fff;}

.txt-yellow{color:#fcc503;}
.yellow-bg{background: #fcc503;}

.txt-red{color:#de342a;}
.red-bg{background: #de342a;}

.txt-blue{color:#379fd8;}
.blue-bg{background: #379fd8;}

a.txt-black{color:#333333;}
a.txt-black:hover{color:#333333;}



/**************************************

--	COMMON STYLES

**************************************/


.greytitle{font-size: 40px; font-weight: 400; color: #4d4d4d; padding-bottom: 25px; position: relative;}
.greytitle::after{content: ""; display: block; border-bottom: solid 2px #4d4d4d; width: 130px; height: 2px; position: absolute; bottom: 0; left: 50%; margin-left: -65px;}
.buttonlink{font-size: 21px; background: #e74137; text-transform: uppercase; height: 46px; line-height: 42px; text-align: center; border:2px solid #e74137; width: 190px; transition: all 0.2s ease-in-out; display: inline-block; font-weight: 600;}
.buttonlink:hover{color:#e74137; background: #fff; border:2px solid #e74137;}
.buttonlinklarge{width:auto; padding-left: 10px; padding-right: 10px;}

/**************************************

--	HEAD & MENU

**************************************/

header#header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99; -webkit-box-shadow: 0px 0px 31px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 31px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 31px -5px rgba(0,0,0,0.75);}
header{background: #fff; padding:25px; padding-bottom: 0;}

div#menu{position: inherit;}
div#menu > ul > li{list-style: none; display: inline-block; padding-left: 30px; padding-right: 30px; border-left: 1px solid #4d4d4d; margin-top: 7px;}
div#menu > ul > li:first-child{border-left: 0;}
div#menu > ul > li > a,
#checkup a{color: #217d59; font-size: 28px; text-transform: uppercase; height: 40px; line-height: 40px; transition: 0.2s all ease-in-out; }
div#menu > ul > li > a:hover, div#menu > ul > li > a.active{color:#2fa1d9; }

#checkup{float: right; margin-top: 7px;}
#checkup a{color:#2fa1d9; display: inline-block; padding-left: 50px; background: url(../img/icons/checkup.png) no-repeat center left; transition: all 0.2s ease-in-out;}
#checkup a:hover{color: #217d59; background: url(../img/icons/checkup_verdone.png) no-repeat center left;}


div#menu li.hassub ul{visibility: hidden; opacity: 0; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
div#menu li.hassub:hover ul{ visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; }



div#menu li.hassub ul{background: #fff; position: absolute; top: 80%; left: 0; width: 100%; height: 48px; -webkit-box-shadow: 0px 11px 10px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 11px 10px -10px rgba(0,0,0,0.75); box-shadow: 0px 11px 10px -10px rgba(0,0,0,0.75); }
div#menu li.hassub ul li{ display: inline-block;  }
div#menu li.hassub ul li a{color: #989898; font-size: 15px; border-bottom: 5px solid #fff; transition: all 0.2s ease-in-out; margin-left: 20px; margin-right: 20px; display: inline-block; line-height: 43px;}
div#menu li.hassub ul li a:hover{color:#2fa1d9; border-bottom:5px solid #2fa1d9;}


/**************************************

--	MAIN IMAGE BLOCK

**************************************/

#mainimage{background: url(../img/head_img_14.jpg) no-repeat center center; background-size: cover;}
#mainimage img.logo{margin-top: 90px; margin-bottom: 20px; height: 380px;}
#mainimage h1,
#mainimage h3{color:#fff; text-transform: uppercase; font-size: 55px;}
#mainimage h3{font-size: 24px; text-transform: none;}
#mainimage a.cta{display: inline-block; border: 2px solid #e74137; margin-top: 40px; background: #e74137; color: #fff; text-transform: uppercase; height: 46px; line-height: 42px; font-size: 21px; font-weight: 600; padding-left: 35px; padding-right: 35px; transition: all 0.2s ease-in-out;}
#mainimage a.cta:hover{color: #e74137; background: #fff;}
#mainimage span#scrollhead{color:#fff; text-transform: uppercase; position: absolute; left: 50%; width: 210px; margin-left: -105px; bottom: 10px; cursor: pointer;}
#mainimage span#scrollhead i{font-size: 42px; line-height: 30px;}


/**************************************

--	PERCHESCEGLIERE BLOCK

**************************************/

#perchescegliere{background: #fff; margin-top: 50px;}
#perchescegliere span.clear{height: 80px;}
#perchescegliere h4{text-transform: uppercase; font-size: 50px;}
#perchescegliere p{font-size: 20px; font-weight: 300;}
#perchescegliere img.cuore{margin-bottom: 80px;}
#perchescegliere strong{color:#e74137;}

/**************************************

--	NUMBERS BLOCK

**************************************/

#numberblocks div{cursor: default;}

#numberblocks span.number{ font-size: 80px; line-height: 80px; position: absolute; padding-bottom: 20px; left: 0; width: 100%; top: 50%; margin-top: -50px; transition: all 0.2s ease-in-out; }
#numberblocks span.number::after{content: ""; display: block; border-bottom: solid 2px #fff; width: 56px; height: 2px; position: absolute; bottom: 0; left: 50%; margin-left: -28px; opacity: 0;}
#numberblocks p{font-size: 21px; margin-top: 14px; position: absolute; left: 0; top: 50%; width: 100%; transition: all 0.2s ease-in-out; opacity: 0;}

#numberblocks div:hover span.number{margin-top: -108px;}
#numberblocks div:hover span.number::after{opacity: 1;}
#numberblocks div:hover p{opacity: 1;}

#numberblocks.people{margin-top: 50px;}
#numberblocks.people h2,
#numberblocks.people h3{font-size: 50px; color: #333333; font-weight: 400; text-transform: uppercase; line-height: 40px;}
#numberblocks.people h3{font-size: 30px;}



#numberblocks.people span.number{opacity: 0;}
#numberblocks.people span.overlayer{background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.2s ease-in-out;}
#numberblocks.people div:hover span.number{opacity: 1;}
#numberblocks.people div:hover span.overlayer{opacity: 0.3;}

#numberblocks.people .ardjan{background:url(../img/people/ardjan.jpg) no-repeat center center; background-size: cover;}
#numberblocks.people .nicola{background:url(../img/people/nicola.jpg) no-repeat center center; background-size: cover;}
#numberblocks.people .davide{background:url(../img/people/davide.jpg) no-repeat center center; background-size: cover;}
#numberblocks.people .pereno{background:url(../img/people/pereno.jpg) no-repeat center center; background-size: cover; }
#numberblocks.people .cappelletti{background:url(../img/people/cappelletti.jpg) no-repeat center center; background-size: cover;}
#numberblocks.people .baldacchini{background:url(../img/people/annabaldacchini.jpg) no-repeat center center; background-size: cover;}

#numberblocks.people .peoplebox {filter: grayscale(100%); transition: all 0.2s ease-in-out;}
#numberblocks.people .peoplebox:hover{filter: grayscale(0%); } 
#numberblocks.people .peoplebox span.number{opacity: 1; line-height: 30px;}
#numberblocks.people .peoplebox span.number i{font-size: 30px; line-height: 0;}
#numberblocks.people .peoplebox span.number::after{bottom:-5px;}

/*#numberblocks.people .peoplebox {position: relative;}
#numberblocks.people .peoplebox .bg-container{position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden;}
#numberblocks.people .peoplebox .bg-container img{min-width: 100%; min-height: 100%;}*/



/**************************************

--	SERVIZI BLOCK

**************************************/

#serviziblocks{background: #f3f3f3; padding-top: 55px; padding-bottom: 60px;}
#serviziblocks p{font-size: 20px; font-weight: 300;}
#serviziblocks .box{margin-bottom: 30px; position: relative;}
#serviziblocks .box img.img{width: 100%;}
#serviziblocks .box a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; color: #fff; text-transform: uppercase;}
#serviziblocks .box a span.number{font-size: 38px; line-height: 60px; height: 60px; width: 60px; background: #2fa1d9; font-weight: 600; border-radius: 100%; margin-left: auto; margin-right: auto; display: block; margin-top: 50px; margin-bottom: 10px; position: relative; transition: all 0.2s ease-in-out;}
#serviziblocks .box a span.number::after{content: ""; display: block; border-bottom: solid 2px #fff; width: 60px; height: 2px; position: absolute; bottom: -10px; left: 50%; margin-left: -30px; opacity: 0;}
#serviziblocks .box a span.title{display: block; width: 100%; font-size: 28px; font-weight: 600; line-height: 25px; margin-top: 20px; transition: all 0.2s ease-in-out; opacity: 0;}
#serviziblocks .box a:hover span.number{margin-top: 25px;}
#serviziblocks .box a:hover span.number::after{opacity: 1;}
#serviziblocks .box a:hover span.title{opacity: 1;}
#serviziblocks a.checkup{display: inline-block; text-transform: uppercase; font-size: 21px; font-weight: 600; background: url(../img/icons/checkup_white.png) no-repeat center left 20px #2fa1d9; height: 62px; line-height: 58px; border: 2px solid #2fa1d9; padding-left: 65px; padding-right: 25px; margin-left: auto; margin-right: auto; transition: all 0.2s ease-in-out;}
#serviziblocks a.checkup:hover{ background: url(../img/icons/checkup.png) no-repeat center left 20px #fff; color: #2fa1d9;}
#serviziblocks a.checkupnobg{background: #2fa1d9; padding-left: 25px;}
#serviziblocks a.checkupnobg:hover{background: #fff; }

.singleservice img{margin-top: 20px;}



/**************************************

--	LATEST NEWS BLOCK

**************************************/

#latest-blog{background: #fff; padding-top: 35px; padding-bottom: 105px;}
#latest-blog h3 a{text-transform: uppercase; font-size: 24px; color: #2fa1d9; font-weight: 400; line-height: 26px; display: inline-block;}
#latest-blog p{font-size: 20px; color: #000; line-height: 22px; margin-bottom: 20px;}
#latest-blog div.newsblock{border-right: 1px solid #636363;}
#latest-blog div.newsletterbox{text-transform: uppercase; font-size: 23px; font-weight: 100; color: #000; line-height: 26px;}
#latest-blog div.newsletterbox a{margin-top: 40px;}

/**************************************

--	FOOTER BLOCK

**************************************/

footer{background: #f3f3f3; padding-top: 40px;}
footer a{color:#333333; font-size: 12px; font-weight: 400; text-transform: uppercase; display: block; margin-bottom: 5px; line-height: 13px;}
footer a.mail{text-transform: none;}
footer div{color: #333; font-size: 12px; line-height: 13px; font-weight: 400;}
footer > div > div:first-child{border-right: 1px solid #d0d0d0;}
footer h5{text-transform: uppercase; color: #333333; font-size: 12px; font-weight: 600; margin-bottom: 10px;}

footer section.bottomlinks{background: #333333; margin-top: 35px;}
footer section.bottomlinks ul li{display: inline-block; float: left; margin-right: 40px;}
footer section.bottomlinks ul li a{text-transform: uppercase; font-size: 12px; color: #f3f3f3; line-height: 40px;}
footer section.bottomlinks div.copy{float:right; line-height: 40px; color: #f3f3f3; }

footer div.socialmediaicons a{color:#fff; display: inline-block; margin-right: 5px; width: 26px; height: 26px; background: #217d59; border-radius: 100%; text-align: center; line-height: 26px; margin-top: 5px;}


/**************************************

--	GOOGLE MAP BLOCK

**************************************/

#googlemap{width: 100%;}

/**************************************

--	FORM AREA BLOCK

**************************************/

#formarea{background: #fff; padding-top: 30px; padding-bottom: 90px;}
#formarea p{font-size: 20px; line-height: 24px; font-weight: 300;}
#formarea form input:not([type="submit"]),
#formarea form textarea,
#formarea form select{width: 100%; margin-top: 40px; border:0; border-bottom: 1px solid #d2d2d2; padding-top: 5px; padding-bottom: 5px;}
#formarea form select{height:50px; display: block;}
#formarea form input::placeholder{color:#333333;}
#formarea form label{color:#333333; font-weight: 400; display: block; margin-top: 50px;}
#formarea form input[type="checkbox"]{float: left; margin-top: 34px; display: inline-block; width: auto; pointer-events: inherit; opacity: 1;}
#formarea form span.labelprivacy{display: block; width: 100%; color: #333333; padding-left: 30px; margin-top: 30px; font-weight: 400;}
#formarea form textarea.blockprivacy{border:1px solid #d2d2d2; height: 100px;}
#formarea form input[type="submit"]{width: 100%; margin-top: 50px;}


/**************************************

--	JOB OFFERS BLOCK

**************************************/
.offertedilavoro .boxlavoro{background: #fff; transition: all 0.2s ease-in-out; font-size: 28px; color: #333333; padding:20px; line-height: 26px;}
.offertedilavoro .boxlavoro img{width: 100%; display: block; margin-bottom: 20px;}
.offertedilavoro .boxlavoro span{color:#2fa1d9;}
.offertedilavoro .boxlavoro:hover{background: #2fa1d9; color: #fff;}
.offertedilavoro .boxlavoro:hover span{color:#fff;}

/**************************************

--	PARTNERS BLOCK

**************************************/

#perchescegliere.partners h4{text-transform: none; font-size: 28px; line-height: 27px; color: #217d59; margin-top: 25px;}
#referenze p{font-size: 20px; color: #333333; line-height: 22px; margin-bottom: 50px; font-weight: 300;}

/**************************************

--	SERVICES BLOCK

**************************************/
#servicelist .service-single{background: #fff;}
#servicelist .service-single .bg{height: 400px;}
#servicelist .service-single .bg1{background:url(../img/servizi/analisi-energetiche.jpg) no-repeat center center; background-size: cover;}
#servicelist .service-single .bg2{background:url(../img/servizi/impianti-fotovoltaici.jpg) no-repeat center center; background-size: cover;}
#servicelist .service-single .bg3{background:url(../img/servizi/impianti-idraulici.jpg) no-repeat center center; background-size: cover;}
#servicelist .service-single .bg4{background:url(../img/servizi/impianti-elettrici.jpg) no-repeat center center; background-size: cover;}
#servicelist .service-single .bg5{background:url(../img/servizi/interventi-edili.jpg) no-repeat center center; background-size: cover;}
#servicelist .service-single .bg6{background:url(../img/servizi/interventi-manutenzione.jpg) no-repeat center center; background-size: cover;}

#servicelist .service-single span.number{font-size: 38px; line-height: 56px; height: 60px; width: 60px; background: #2fa1d9; font-weight: 600; border-radius: 100%; margin-left: auto; margin-right: auto; display: inline-block; margin-top: -30px; margin-bottom: 10px; position: relative; transition: all 0.2s ease-in-out; border:2px solid #2fa1d9; cursor: default;}
#servicelist .service-single span.number:hover{background: #fff; color: #2fa1d9;  border:2px solid #2fa1d9;}
#servicelist .service-single .producttitle{font-size: 60px; color: #333333; text-transform: uppercase;}
#servicelist .service-single .subtitle{font-style: italic; font-size: 18px; color: #333333; font-weight: 400; position: relative; display: inline-block;}
#servicelist .service-single .subtitle::after{content: ""; display: block; border-bottom: solid 2px #4d4d4d; width: 130px; height: 2px; position: absolute; bottom: -20px; left: 50%; margin-left: -65px;}
#servicelist .service-single p{font-size: 20px; color: #333333; font-weight: 300; line-height: 24px; padding-top: 40px;}

.greybox .round{font-size: 32px; font-weight: 300; color: #333333; border:2px solid #333333; display: inline-block; height: 48px; width: 48px; line-height: 44px; border-radius:100%; margin-bottom: 20px;}

.serviceheading{position: relative; display: block;}
.serviceheading span.number{font-size: 38px; line-height: 56px; height: 60px; width: 60px; background: #2fa1d9; font-weight: 600; border-radius: 100%; margin-left: auto; margin-right: auto; display: inline-block; margin-top: 20%; margin-bottom: 10px; position: relative; transition: all 0.2s ease-in-out; border:2px solid #2fa1d9; cursor: default;}
.serviceheading span.number::after{content: ""; display: block; border-bottom: solid 2px #fff; width: 64px; height: 2px; position: absolute; bottom: -20px; left: 50%; margin-left: -32px;}
.serviceheading span.number:hover{background: #fff; color: #2fa1d9;  border:2px solid #2fa1d9;}
.serviceheading .producttitle{font-size: 80px; color: #fff; text-transform: uppercase; font-weight: 400; display: block; line-height: 80px; margin-top: 20px;}
.serviceheading .subtitle{font-style: italic; font-size: 24px; color: #fff; font-weight: 400; position: relative; display: inline-block;}
.serviceheading #scrollhead{cursor: default;}
.serviceheading p{font-size: 20px; color: #fff; font-weight: 300; line-height: 24px; padding-top: 40px;}
.serviceheading .arrowbtn{color:#fff; font-size: 32px; height: 58px; width: 58px; text-align: center; border:4px solid #fff; line-height: 50px; border-radius: 100%; position: absolute; top: 50%; margin-top: -29px;}
.serviceheading .prevservice{left:20px;}
.serviceheading .nextservice{right:20px;}
.serviceheading .arrowbtn:hover{background: #fff; color: #333;}


/**************************************

--	RETE CAUTO BLOCK

**************************************/

#retecauto{background: url(../img/white_triangle.png) no-repeat center bottom #f3f3f3; padding-top: 70px; padding-bottom: 70px; position: relative;}
#retecauto img{width: 100%;}


/**************************************

--	CERTIFICAZIONI BLOCK

**************************************/

#certificazioni{padding-left: 35px; padding-right: 35px; margin-top: 55px; padding-top: 35px; border-top: 2px solid #eaeaea;}
#certificazioni.singleservice{border-top: 0;}
.singlecert{padding-top: 50px; padding-bottom: 50px;}
.singlecert.borderbottom{border-bottom: 2px solid #dadada;}
.singlecert h3{color: #333333; text-transform: uppercase; font-size: 50px; font-weight: 400; margin-bottom: 10px;}
.singlecert p{font-size: 20px; color: #333333; font-weight: 300;}
.singlecert p b{color:#e74137;}




/**************************************

--	CLIENTI BLOCK

**************************************/
#clienti{padding-top: 50px; font-size: 20px; font-weight: 300;}


/**************************************

--	BLOG BLOCK

**************************************/
body.blog{background: #f3f3f3;}
section.tags{padding-top: 35px; padding-bottom: 55px; text-transform: uppercase; font-size: 18px;}
section.tags a{color:#b2b2b2; display: inline-block; margin-left: 5px; margin-right: 5px; transition: all 0.2s ease-in-out;}
section.tags a.active,
section.tags a:hover{color:#2fa1d9; text-decoration: underline !important;}

article.blog-post{background: #fff; padding:20px; margin-bottom: 20px;}
article.blog-full{background: #f3f3f3; padding: 0;}
article.blog-full figure{margin:0;}
article.blog-post a.img,
article.blog-post a.img img{width: 100%;}
article.blog-post a.title{font-size: 28px; color: #333333; line-height: 32px; font-weight: 400; transition: all 0.2s ease-in-out; display: inline-block; padding-top: 5px; padding-bottom: 5px;}
article.blog-post a.title span{color:#2fa1d9; font-size: 24px; float:left; line-height: 32px; margin-right: 5px;}
article.blog-post a.title:hover{color:#2fa1d9;}
article.blog-post.blog-full a.title{font-size: 50px; line-height: 55px; padding-top: 45px; padding-bottom: 45px;}
article.blog-post a.readmore{font-size: 18px; color: #2fa1d9; transition: all 0.2s ease-in-out;}
article.blog-post a.readmore:hover{color: #000;}
article.blog-post p{font-size: 16px; color: #000; line-height: 22px; margin-bottom: 20px;}
article.blog-post span.time{float:right; display: inline-block; height: 24px; line-height: 24px; font-size: 18px; color: #000000; padding-left: 35px; background: url(../img/icons/clock.png) no-repeat center left;}
article.blog-full span.timetoread{text-transform: uppercase; font-size: 18px; color: #333333; display: block; position: relative; padding-top: 20px; margin-bottom: 20px;}
article.blog-full span.timetoread span{font-size: 25px; color: #2fa1d9;}
article.blog-full span.timetoread::before{content: ""; display: block; width: 148px; border:1px solid #d8d8d8; height: 2px; position: absolute; left: 50%; top: 0; margin-left: -74px;}
article.blog-full p{color: #000; font-size: 19px; line-height: 26px;}

a.morenews{width: 100%;}

div.whitebox{background: #fff; padding:20px; margin-bottom: 20px;}
div.whitebox h4{font-size: 20px; font-weight: 300; color: #333333; line-height: 24px;}
div.whitebox span.round{display:inline-block; width: 48px; line-height: 44px; height: 48px; border-radius: 100%; border:2px solid #404040; margin-bottom: 10px; font-size: 32px;}

a.backtonews{height: 38px; padding-left: 50px; font-size: 18px; line-height: 38px; color: #333333; text-transform: uppercase; position: relative; display: block; margin-bottom: 12px; margin-top: 40px;}
a.backtonews::after{content: ""; display: block; border: solid 1px #3f3f3f; width: 38px; height: 38px; position: absolute; left: 0; top: 0; background:url(../img/icons/back.png) no-repeat center center; border-radius: 100%;}

div.socialshare span{text-transform: uppercase; display: block; font-size: 18px; color: #333333; margin-bottom: 10px;}
div.socialshare a{display: inline-block; margin-left: 8px; margin-right: 8px; color: #fff; background: #2fa1d9; text-align: center; height: 40px; width: 40px; border:2px solid #2fa1d9; line-height: 36px; transition: all 0.2s ease-in-out; font-size: 20px; border-radius: 100%;}
div.socialshare a:hover{background:#fff; color:#2fa1d9;}



/**************************************

--	GALLERY BLOCK

**************************************/
.gallery a img{width: 100%;}
.gallery .morepics{background: #2fa1d9; font-size: 23px; cursor: pointer; position: relative;}
.gallery .morepics i{font-size: 42px;}
.gallery .morepics span{width:100%; position: absolute; top: 50%; height: 120px; margin-top: -60px; left: 0; text-transform: uppercase;}


/**************************************

--	MAIL ALERT BLOCK

**************************************/


.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


.loghiazienze{text-align: center;}
.loghiazienze .row .col-sm-4{box-sizing: border-box; padding:20px; text-align: center; }