@colorEolo				: 		#01AEF0;
@fontEolo				:     	"NeoSansPro-Medium", arial, sans-serif;
@backgroundLight		:		#D7EFF9;
@colorLinkGhg			:		#F36F21;
@colorLinkHoverGhg		: 		#cb4332;
@bgDettaglioOfferta		:		#ECECEC;
@colorLinkem			:		#ec5f2a;
@colorLinkemFocus		:		#e96656;

/* mixin */
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
	text-shadow: @string;
}
.box-shadow (@string) {
	-webkit-box-shadow: @string;
	-moz-box-shadow:    @string;
	box-shadow:         @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
	-webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha);
	-moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha);
	box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
	-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
	-moz-box-shadow:    inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
	box-shadow:         inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing:    @type;
	box-sizing:         @type;
}

.border-radius (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius:    @radius;
	border-radius:         @radius;

	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
	-webkit-border-top-right-radius:    @topright;
	-webkit-border-bottom-right-radius: @bottomright;
	-webkit-border-bottom-left-radius:  @bottomleft;
	-webkit-border-top-left-radius:     @topleft;

	-moz-border-radius-topright:        @topright;
	-moz-border-radius-bottomright:     @bottomright;
	-moz-border-radius-bottomleft:      @bottomleft;
	-moz-border-radius-topleft:         @topleft;

	border-top-right-radius:            @topright;
	border-bottom-right-radius:         @bottomright;
	border-bottom-left-radius:          @bottomleft;
	border-top-left-radius:             @topleft;

	-moz-background-clip:    padding; 
	-webkit-background-clip: padding-box; 
	background-clip:         padding-box; 
}

.opacity (@opacity: 0.5) {
	-webkit-opacity: 	@opacity;
	-moz-opacity: 		@opacity;
	opacity: 		@opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
	background-color: @startColor;
	background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
	background: -webkit-linear-gradient(top, @startColor, @endColor);
	background: -moz-linear-gradient(top, @startColor, @endColor);
	background: -ms-linear-gradient(top, @startColor, @endColor);
	background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
 	background-color: @startColor;
	background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
	background-image: -webkit-linear-gradient(left, @startColor, @endColor);
	background-image: -moz-linear-gradient(left, @startColor, @endColor);
	background-image: -ms-linear-gradient(left, @startColor, @endColor);
	background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
	-webkit-animation: @name @duration @delay @ease;
	-moz-animation:    @name @duration @delay @ease;
	-ms-animation:     @name @duration @delay @ease;
}

.transition (@transition) {
	-webkit-transition: @transition;  
	-moz-transition:    @transition;
	-ms-transition:     @transition; 
	-o-transition:      @transition;  
}
.transform(@string){
	-webkit-transform: @string;
	-moz-transform: 	 @string;
	-ms-transform: 		 @string;
	-o-transform: 		 @string;
}
.scale (@factor) {
	-webkit-transform: scale(@factor);
	-moz-transform: 	 scale(@factor);
	-ms-transform: 		 scale(@factor);
	-o-transform: 		 scale(@factor);
}
.rotate (@deg) {
	-webkit-transform: rotate(@deg);
	-moz-transform: 	 rotate(@deg);
	-ms-transform: 		 rotate(@deg);
	-o-transform: 		 rotate(@deg);
}
.skew (@deg, @deg2) {
	-webkit-transform:       skew(@deg, @deg2);
	-moz-transform: 	 skew(@deg, @deg2);
	-ms-transform: 		 skew(@deg, @deg2);
	-o-transform: 		 skew(@deg, @deg2);
}
.translate (@x, @y:0) {
	-webkit-transform:       translate(@x, @y);
	-moz-transform: 	 translate(@x, @y);
	-ms-transform: 		 translate(@x, @y);
	-o-transform: 		 translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
	-webkit-transform:       translate3d(@x, @y, @z);
	-moz-transform: 	 translate3d(@x, @y, @z);
	-ms-transform: 		 translate3d(@x, @y, @z);
	-o-transform: 		 translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
	-webkit-perspective: 	@value;
	-moz-perspective: 	@value;
	-ms-perspective: 	@value;
	perspective: 		@value;
}
.transform-origin (@x:center, @y:center) {
	-webkit-transform-origin: @x @y;
	-moz-transform-origin:    @x @y;
	-ms-transform-origin:     @x @y;
	-o-transform-origin:      @x @y;
}
/* generale */
.indent-out{
	text-indent: -9999px;
    position: absolute;
    top: -100px;
    left: -100px;
}
.entry-title {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
}
.pirate_forms_wrap{
	float: none;
    clear: both;
    margin: 30px 0;
    padding: 60px 0 0;
    right: 0;
    background: url(https://elettricaghg.eu/wp-content/uploads/2017/11/impianti-elettrici-1.jpg) no-repeat bottom center fixed;
	&.home{
		margin: 0px 0 30px;
	}
}
#secondary{
	padding: 0 20px;
    border-left: solid 1px #e8e8e8;
    .widget{
	    li{
	    	.transition (all 1s ease-in-out);
	    	a{
/* 	    		text-decoration: none; */
	    		.transition (all 0.5s ease-in-out);
	    		&:hover{
	    			color: #ef997f;
	    		}
    		}
    		&:hover{
	    			color: #ef997f;
	    		}
	    }
    	
    }
}
/* fine mixin */


.cont-eolo{
	    font-family: @fontEolo;
	    font-size: 14px;
	    overflow: hidden;
	    .img-tipo-offerta{
	    	display: block;
    		margin: 10px;
	    }
	    h1{
	    	color: @colorEolo;
	    }
	    h2{
	    	color: @colorEolo;
	    	font-size: 14px;
	    }
	    .border{
	    	border: solid 1px @colorEolo ;
	    	width: 100%;
    		padding: 10px;
    		height: 100%;
	    }
	    .cont-promozione{
	    	background-color: @backgroundLight;
    		padding: 20px 20px;
	    	h3{
	    		font-size: 16px;
			    font-weight: 600;
			    text-transform: uppercase;
	    	}
	    	ul{
				margin: 20px;
				li{
				    font-size: 14px;
				}
	    	}
	    }
	    .offerta{
	    	    margin-top: 10px;
	    	&.center{
		    	    text-align: center;
		    }
	    }
	    a.contattaci{
	    	color: @colorEolo;
    	    display: block;
		    margin: 16px 0;
		    border-top: solid 1px @colorEolo;
		    border-bottom: solid 1px @colorEolo;
		    padding-top: 10px;
		    padding-bottom: 10px;
		    &:hover{
		    	color: @colorLinkHoverGhg;
		    }
		    &.center{
	    	    text-align: center;
		    }
		    
	    }
	    .dettaglio{
	    	background-color: @bgDettaglioOfferta;
    	    padding: 10px;
    	    font-size: 14px;
	    	h2{
	    		font-size: 24px;
    		    border-bottom: solid 1px;
			    padding-bottom: 4px;
			    margin-bottom: 20px;
	    	}
	    	p{
	    		font-size: 14px;
	    	}
	    }
	    .img-center{
	    	margin: 10px 0px;
    		clear: both;
    		width: 100%;
    		overflow: hidden;
    		text-align: center;
    		img{
    			margin: 0 auto;
			    margin-left: 5px;
			    margin-right: 5px;
    		}
	    }
	    p{
	    	display: block;
	    	margin: 0px;
	    	padding:0px;
	    }
	    .modulo-contatto-eolo{
/* 	    	background-image: url(http://www.elettricaghg.eu/wp-content/uploads/2017/10/moduloContattoEolo.jpg); */
/* 	    	background-repeat: repeat-y; */
/*     		background-attachment: fixed; */
			background-color: #ececec;
			border: solid 1px #ececec;
			margin-top: 20px;
    		margin-bottom: 20px;
    		overflow: hidden;
    		>div{
    			background-color: rgba(255, 255, 255, 0.69);
    			overflow: hidden;
    		}
	    }
	    
	        
	    .ulteriori-info{
	    	
	    	}
}
.modulo-di-contatto{
		overflow: hidden;
		padding: 10px 14px;
		text-shadow: 1px 1px #ffffff;
		color: #000000;
		h2{
			font-size: 24px;
		    display: block;
		    margin: 10px 0 20px 10px;
		}
		.row-contact{
			padding: 28px 0px 10px 0px;
		    border-top: solid 1px grey;
		    overflow: hidden;
		    &:first-child{
		    	border-top: none;
		    }
		    >div{
		    	clear: both;
			    float: none;
			    width: 100%;
		    	
		    	label{
		    		margin: 10px 0px 10px 0px;
		    		display: block;
		    		
		    	}
		    }
		    &.contatti{
		    	label{
		    		margin: 10px 0px 10px 0px;
		    		display: block;
		    		span{
		    			width: 100%;
					    clear: both;
					    display: block;
		    		}
		    	}
		    }
		    .text-area-message{
		    	clear: both;
		    	width: 100%;
		    }
		    &.migrazione{
		    		width: 100%;
		    		>div{
		    			>div.left{
		    				width: 100%;
		    				float: left;
		    			}
		    			>div.right{
		    				width: 100%;
		    				float: right;
		    			}
		    		}
		    }
		}
	}

@media screen and (min-width: 480px) {
    .modulo-di-contatto{
		padding: 10px 14px;
		text-shadow: 1px 1px #ffffff;
		color: #000000;
		h2{
			font-size: 24px;
		    display: block;
		    margin: 10px 0 20px 10px;
		}
		.row-contact{
			padding: 28px 10px 10px 10px;
		    border-top: solid 1px grey;
		    overflow: hidden;
		    &:first-child{
		    	border-top: none;
		    }
		    >div{
		    	width: 48%;
			    overflow: hidden;
			    clear: none;
		    	&:nth-child(even){
		    		float: left;
		    	}
		    	&:nth-child(odd){
		    		float: right;
		    	}
		    	label{
		    		margin: 10px 0px 10px 0px;
		    		display: block;
		    	}
		    }
		    &.migrazione{
		    		width: 100%;
		    		>div{
		    			>div.left{
		    				width: 100%;
		    				float: left;
		    				input{
		    				    width: 100%;
		    				}
		    			}
		    			>div.right{
		    				width: 100%;
		    				float: right;
		    				input{
		    				    width: 100%;
		    				}
		    			}
		    		}
		    }
		    &.cont-obj{
		    
		    }
		    .text-area-message{
		    	clear: both;
		    	width: 100%;
		    }
		    &.migrazione{
		    	>div{
		    		width: 100%;
		    	}
		    }
		    
		}
		
	}
	
}
	.contratti-linkem{
		border: solid 1px @colorLinkem;
		overflow: hidden;
		padding: 10px;
		h2{
			color: @colorLinkem;
		    text-transform: uppercase;
		    display: block;
		   	margin-bottom: 30px;
	    	border-bottom: solid 1px;
		}
		>div{
			h3{
				text-transform: capitalize;
			    font-weight: 600;
			    display: block;
			    margin-top: 10px;
			    margin-bottom: 10px;
			}
			>p{
				text-align: justify;
			    display: block;
			    overflow: hidden;
				label{
					width: 100%;
				    &:nth-child(odd) {
					    float: left;
					}
					&:nth-child(even) {
					    float: right;
					}
					&.cif{
						clear: both;
					}
					&.cir{
					
					}
				    span{
				    	display: block;
					    overflow: hidden;
					    margin: 3px 0 3px;
					    input{
					    	width: 100%;
					    	border: solid 1px @colorLinkem;
					    }
					    textarea{
					    	border: solid 1px @colorLinkem;
					    	width: 100%;
					    }
					    input[type="text"]:focus, 
					    input[type="email"]:focus, 
					    input[type="url"]:focus, 
					    input[type="password"]:focus, 
					    input[type="search"]:focus, 
					    textarea:focus{
					    	border: solid 1px @colorLinkemFocus;
					    	color: @colorLinkem;
					    }
				    }
				}
			}
		}
		.abbonamento{
		p{
			span{
				input{
					width: 100%;
					border: solid 1px @colorLinkem;
				}
			}
		}
			p >span{
			
				display: block;
				clear: both;
				width: 100%;
				>span{
				
					display: block;
					clear: both;
					width: 100%;
					input{
						width: 100%;
					}
					>span{
					
						display: block;
					    clear: both;
					    width: 100%;
					    margin: 0;
					    padding: 2px 0px 2px 20px;
					}
				}
			}
		}
		.messaggio{
			width: 100%;
			span{
				display: block;
				textarea{
					border: solid 1px @colorLinkem;
					&:focus{
					    	border: solid 1px @colorLinkemFocus;
					    	color: @colorLinkem;
					    }
				}
			}
		}
	}
/* ################### LINKEM ############ */
@media screen and (min-width: 480px) {
	.contratti-linkem{
		border: solid 1px @colorLinkem;
		overflow: hidden;
		padding: 10px;
		h2{
			color: @colorLinkem;
		    text-transform: uppercase;
		    display: block;
		   	margin-bottom: 30px;
	    	border-bottom: solid 1px;
		}
		>div{
			h3{
				text-transform: capitalize;
			    font-weight: 600;
			    display: block;
			    margin-top: 10px;
			    margin-bottom: 10px;
			}
			>p{
				text-align: justify;
			    display: block;
			    overflow: hidden;
				label{
					width: 49%;
				    display: inline-block;
				    overflow: hidden;
				    float: none;
				    margin: 5px 0 5px;
				    padding: 0;
				    text-transform: capitalize;
				    &:nth-child(odd) {
					    float: left;
					}
					&:nth-child(even) {
					    float: right;
					}
					&.cif{
						clear: both;
					}
					&.cir{
					
					}
				    span{
				    	display: block;
					    overflow: hidden;
					    margin: 3px 0 3px;
					    input{
					    	width: 100%;
					    	border: solid 1px @colorLinkem;
					    }
					    textarea{
					    	border: solid 1px @colorLinkem;
					    	width: 100%;
					    }
					    input[type="text"]:focus, 
					    input[type="email"]:focus, 
					    input[type="url"]:focus, 
					    input[type="password"]:focus, 
					    input[type="search"]:focus, 
					    textarea:focus{
					    	border: solid 1px @colorLinkemFocus;
					    	color: @colorLinkem;
					    }
				    }
				}
			}
		}
		.abbonamento{
		
			p >span{
				display: block;
				clear: both;
				width: 100%;
				
				>span{
					display: block;
					clear: both;
					width: 100%;
					input{
						width: 100%;
					}
					>span{
						display: block;
					    clear: both;
					    width: 100%;
					    margin: 0;
					    padding: 2px 0px 2px 20px;
					}
				}
			}
		}
		.messaggio{
			width: 100%;
			span{
				display: block;
				textarea{
					border: solid 1px @colorLinkem;
					&:focus{
					    	border: solid 1px @colorLinkemFocus;
					    	color: @colorLinkem;
					    }
				}
			}
		}
	}
}
	/* icone */
.icon-footer{
		width: 100%;
	    height: 16px;
	    clear: both;
	    margin: 10px 0 10px;
	    display: block;
	    float: none;
	    text-align: right;
	a{
		height: 16px;
	    width: 16px;
	    display: inline-block;
	    margin-left: 8px;
	    filter: none;
  		-webkit-filter: grayscale(0%);
	    .transition (all 1s ease-in-out);
	  	&:hover{
	  		filter: gray; /* IE6-9 */
	  		-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	  	}
	}
	.icon-home{
		background-image: url('https://elettricaghg.eu/wp-content/uploads/2017/11/home-1.png');
		
	}
	.icon-application{
		background-image: url('http://www.elettricaghg.eu/wp-content/themes/zerif-lite/icon/16/applications-16.png');
	}
	.icon-utilities{
		background-image: url('https://elettricaghg.eu/wp-content/uploads/2017/11/settings-1.png');
	}
	.icon-twitter{
		background-image: url('http://www.elettricaghg.eu/wp-content/themes/zerif-lite/icon/16/twitter-16.png');
	}
	.icon-message{
		background-image: url('https://elettricaghg.eu/wp-content/uploads/2017/11/mail-1.png');
	}
	.icon-facebook{
		background-image: url('http://www.elettricaghg.eu/wp-content/themes/zerif-lite/icon/16/facebook-16.png');
	}
	.icon-map{
		background-image: url('https://elettricaghg.eu/wp-content/uploads/2017/11/map-1.png');
	}
}
@media (max-width: 992px){
	.icon-footer{
/* 		*{border: solid 1px blue;} */
	}
}
@media (max-width: 767px){
	.icon-footer{
/* 	*{border: solid 1px red;} */
	}
}

@media (max-width: 480px) {
	.icon-footer{
	height: 30px;
	margin-bottom: 20px;
	text-align: center;
	}
}



.oria-slider{
	z-index: 1;
	.slide {
		img{
			height: 140px;
		}
		.slide-title{
			width: 100%;
			a{
			width: 100%;
			}
		}
	}
}
/* .social-navigation{ */
/* 	li{ */
/* 		width: 33.3%; */
/* 		&:last-child{ */
/* 			border-right: none; */
/* 			width: 33.4%; */
/* 		} */
/* 	} */
/* } */

/* .icon-top{ */
/* 	&.green-text{ */
/* 		float: left; */
/* 	    margin: 2px 10px; */
/* 	} */
/* 	&.red-text{ */
/* 		float: left; */
/* 	    margin: 10px; */
/* 	} */
/* 	&.blue-text{ */
/* 		float: left; */
/* 	    margin: 10px; */
/* 	} */
/* } */
/* @media (min-width: 768px){ */
/* 	.footer-widgets .widget{ */
/* 		float: left; */
/* 	    width: 33.3%; */
/* 	} */
/* } */
@media only screen and (max-width: 1024px){
	.mobile-nav {
	    z-index: 1 !important;
	}
}



/*  HOME PAGE */
.page-template-page_home{
	.site-header{
		.site-title{
			.text-shadow(2px 2px 4px rgba(51, 51, 51, 0.98));
		}
		.site-description{
			.text-shadow(2px 2px 4px rgba(51, 51, 51, 0.98));
			font-weight: 600;
		}
	}
	
	.site-content{
		margin: 0;
		.container{
			padding: 0;
		    margin: 0;
		    border: none;
		    width: 100%;
		    .home{
		    	margin: 0;
    			padding: 0;
			    .about-us {
				    color: #fff;
				    background: #272727;
				    margin: 0;
				    padding: 50px 10px;
				    .container{
				    	margin-right: auto;
					    margin-left: auto;
					    padding-left: 15px;
					    padding-right: 15px;
				    	.section-header{
				    		text-align: center;
					    	h2{
					    		display: inline-block;
							    position: relative;
							    margin: 0;
							    font-size: 45px;
							    line-height: 40px;
							    text-transform: uppercase;
							    color: #fff;
							    font-family: "Montserrat", Helvetica, sans-serif;
	    						font-weight: 700;
	    						clear: both;
	    						padding: 0;
	    						border: 0;
					    	}
					    	.section-legend{
					    		color: #fff;
					    		margin-bottom: 0;
							    padding-top: 0;
							    font-size: 16px;
							    padding: 20px 0 30px;
					    	}
					    }
					    .row{
					    	float: left;
						    width: 100%;
						    margin-right: 0;
						    margin-left: 0;
						    .big-intro{
						    	margin-top: -15px;
							    font-size: 3.3em;
							    font-weight: 100;
							    line-height: normal;
							    text-align: right;
							    .transition (all 1s ease-in-out);
						    }
						    .text_and_skills{
						    	p{
						    		color: #939393;
								    font-size: 1em;
								    line-height: 25px;
								    text-align: left;
								    .transition (all 1s ease-in-out);
						    	}
						    }
						    .skills{
						    	margin: 0 0 0 0;
    							text-align: left;
    							list-style: disc;
    							.skill{
    								overflow: hidden;
							    	display: block;
								    clear: both;
								    margin-top: 0;
								    margin-bottom: 10px;
								    font-size: 16px;
								    .skill-count {
									    float: left;
									    width: 70px;
									    position: relative;
									    height: 70px;
									    margin-right: 20px;
									    text-align: center;
									    .count{
										    width: 100%;
										    height: 100%;
										    
										    -moz-border-radius: 50px;
										    -webkit-border-radius: 50px;
										    border-radius: 50px;
										    text-align: center;
										    &.skill_1{
										    	background: rgb(91%, 40%, 34%);
										    }
										    &.skill_2{
										    background: rgb(20%, 82%, 58%)
										    }
										    &.skill_3{
										    background: rgb(23%, 69%, 89%)
										    }
										    &.skill_4{
										    background: rgb(91%, 67%, 27%)
										    }
										    .canvas{
										    	width: 84%;
											    height: 84%;
											    background: #272727;
											    -moz-border-radius: 50px;
											    -webkit-border-radius: 50px;
											    border-radius: 50px;
											    text-align: center;
										        margin: 8%;
   												position: absolute;
										    	.percentuale{
										    		text-align: center;
												    margin-top: 14%;
												    font-weight: 600;
												    font-size: 1.6em;;
												    position: absolute;
												    margin-left: 10%;
										    	}
										    }
									    }
									    
									    
									}
									.section-legend {
									    clear: none;
									    width: auto;
									    margin-top: 0;
									    margin-bottom: 0;
									    font-weight: 700;
									    text-transform: uppercase;
									   	width: 67%;
    									float: left;
    									p {
										    color: #8f8f8f;
										    font-size: 0.8em;
										    line-height: 20px;
										}
									}
									
							    }
						    }
					    }
				    }
				    
				}
				.contact-us{
					display: block;
				    overflow: hidden;
				    padding: 0;
				    -webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
/*     				background: url(https://elettricaghg.eu/wp-content/uploads/2017/11/contatti.jpg) no-repeat bottom center fixed;  */
    				background: url(https://www.over-bike.com/wp-content/uploads/2017/11/overbike.jpg) no-repeat bottom center fixed; 
    				.color{
    				    background-color: rgba(0, 0, 0, 0.7);
					    overflow: hidden;
					    margin: 0;
					    padding: 6% 10% 2%;
    				}
				}
		    }
		}
	}
}
/* home page */
@media (max-width: 992px) {
	.page-template-page_home{
		.site-header{}
			.site-content{
				.container{
			    	.home{
				    	.about-us {
					    	.container{
					    		.section-header{
						    		h2{
						    		}
						    	.section-legend{
						    		}
						    	}
						    	.row{
							    	.big-intro{
    									margin-bottom: 20px;
							    	}
							    	.text_and_skills{
							    		p{
    										margin-bottom: 30px;
							    		}
							    	}
							    	.skills{
	    								.skill{
									    	.skill-count {
										    	.count{
											    &.skill_1{
											    }
											    &.skill_2{
											    }
											    &.skill_3{
											    }
											    &.skill_4{
											    }
											    .canvas{
											    	.percentuale{
											    	}
											    }
										    }
										}
										.section-legend {
	    									p {
											}
										}
								    }
							    }
						    }
					    }
					}
					.contact-us{
	    				.color{
	    				}
					}
			    }
			}
		}
	}
}


@media (max-width: 767px) {
	.page-template-page_home{
		.site-header{}
			.site-content{
				.container{
			    	.home{
				    	.about-us {
					    	.container{
					    		.section-header{
						    		h2{
						    		}
						    	.section-legend{
						    		}
						    	}
						    	.row{
							    	.big-intro{
							    		text-align: justify;
							    		font-size: 2.9em;
							    	}
							    	.text_and_skills{
							    		p{
							    			text-align: justify;
							    		}
							    	}
							    	.skills{
	    								.skill{
									    	.skill-count {
										    	.count{
											    &.skill_1{
											    }
											    &.skill_2{
											    }
											    &.skill_3{
											    }
											    &.skill_4{
											    }
											    .canvas{
											    	.percentuale{
											    	}
											    }
										    }
										}
										.section-legend {
	    									p {
											}
										}
								    }
							    }
						    }
					    }
					}
					.contact-us{
	    				.color{
	    				}
					}
			    }
			}
		}
	}
}
@media (max-width: 480px) {
	.page-template-page_home{
		.site-header{}
			.site-content{
				.container{
			    	.home{
				    	.about-us {
					    	.container{
					    		.section-header{
						    		h2{
						    		}
						    	.section-legend{
						    		}
						    	}
						    	.row{
							    	.big-intro{
	    								margin-bottom: 20px;
	    								font-size: 2.2em;
							    	}
							    	.text_and_skills{
							    		p{
    									margin-bottom: 20px;
							    		}
							    	}
							    	.skills{
	    								.skill{
									    	.skill-count {
										    	.count{
											    &.skill_1{
											    }
											    &.skill_2{
											    }
											    &.skill_3{
											    }
											    &.skill_4{
											    }
											    .canvas{
											    	.percentuale{
											    	}
											    }
										    }
										}
										.section-legend {
	    									p {
											}
										}
								    }
							    }
						    }
					    }
					}
					.contact-us{
	    				.color{
	    				}
					}
			    }
			}
		}
	}
}
/* fine home page */


/* single service */
.single-acme_product{
	.site-content{
		margin-top: 0;
		.container{
			margin-top: 0;
    		margin-bottom: 0;
    		width: 100%;
			#primary{
				article{
					.single-thumb{
						display: none;
					}
					.entry-header{
						.entry-title{
							border-bottom: 1px solid #e8e8e8;
							padding-bottom: 20px;
							
						}
						.entry-meta{
							display: none;
						}
					}
					.entry-content{
					
					}
					.entry-content&.acme_product-template-default{
						h2{
							display: block;
						    position: absolute;
						    top: -99999px;
						}
						
					}
					ul{
							list-style: none; 
							display: block; 
							width: 100%; 
							padding: 10px;
							overflow: hidden;
							li{
								display: block;
								overflow: hidden;
								padding: 4px 0;
								span{
									display: inline;
									&.glyphicon.glyphicon-ok{
										padding-right: 10px;
										color: green;
									}
								}
							}
						}
					h5{
					    clear: both;
					    margin: 10px 0;
					    text-align: center;
					    display: block;
					}
				}
			}
			#secondary{
			
			}
		}
	}
}

.qrcode{
	
}
/* pagina servizi */
.page-template-page_servizi{
	.oria-slider{
		display: none;
	}
	.entry-header{
		&.service{
			.entry-title{
				float: left;
			}
			.qrcode-service{
				float: right;
			    width: 100px;
			    margin-top: -44px;
    			margin-right: -29px;
			    .transition (all 1s ease-in-out);
			    &:hover{
			    	width: 240px;
			    }
			}
		}
		.entry-title{
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			clear: both;
		}
	}
	.entry-content{
		border-top: 1px solid #E8E8E8;
		line-height: 1.4em;
		text-align: justify;
    	font-size: 0.8em;
    	padding: 20px 0px 0px;
    	clear: both;
	}
	.type-page{
		.entry-content{
			padding: 20px;
			border-bottom: 1px solid #E8E8E8;
		}
	}
}
//video importati
.importVideo{
	max-width: 50%;
    display: block;
    margin: 2em auto;
    border: none;
    padding: 0;
	div{
		
	}
}
@media (max-width: 992px) {
	.page-template-page_servizi{
		.oria-slider{
		}
		.entry-header{
			&.service{
				.entry-title{
				}
				.qrcode-service{
				    &:hover{
				    }
				}
			}
			.entry-title{
			}
		}
		.entry-content{
		}
		.type-page{
			.entry-content{
			}
		}
	}
	
	.importVideo{
		max-width: 50%;
		display: block;
		margin: 2em auto;
		border: none;
		padding: 0;
		div{
			
		}
	}
}
@media (max-width: 600px) {
	.page-template-page_servizi{
		.oria-slider{
		}
		.entry-header{
			&.service{
				.entry-title{
				}
				.qrcode-service{
					margin-top: -30px;
				    margin-right: -15px;
				    &:hover{
				    }
				}
			}
			.entry-title{
			}
		}
		.entry-content{
		}
		.type-page{
			.entry-content{
			}
		}
	}
	.importVideo{
			max-width: 70%;
			display: block;
			margin: 2em auto;
			border: none;
			padding: 0;
			div{
				
			}
		}
}
@media (max-width: 480px) {
	.page-template-page_servizi{
		.oria-slider{
		}
		.entry-header{
			&.service{
				.entry-title{
					float: none;
				}
				.qrcode-service{
					clear: both;
				    float: none;
				    margin: 0 auto;
				    width: 100%;
				    &:hover{
				        width: 100%;
				    }
				}
			}
			.entry-title{
				float: none;
			}
		}
		.entry-content{
		}
		.type-page{
			.entry-content{
			}
		}
		
	}
	.importVideo{
			max-width: 100%;
			display: block;
			margin: 2em auto;
			border: none;
			padding: 0;
			div{
				
			}
		}
}

/* dove siamo  */
.imgTopContact{
	width: 100%;
    height: 100%;
    border-radius: 0% 50% 0% 50%;
    background: transparent;
    overflow: hidden;
    border: solid 1px;
    margin: 6% auto;
	
}
/* box  */
.posts-layout{
	.hentry{
		.item-sizer{
		.transition (all 0.5s ease-in-out);
		 &:hover{
			background-color: rgba(232, 232, 232, 0.25);;
			}
		}
	}
	
}

/* iscrizione newsletter */

.iscrizione-newsletter{
	.indirizzo-email{
		width:100%;  padding:0px; margin:0px;
	}
	.btn-iscrizione-newsletter{
		width:100%; padding:0px; margin:5px 0px 10px 0px;
	}
}


.rc-anchor-light.rc-anchor-normal{
    display: none !important;
}