@charset "utf-8";
/* by unimedia with passion  */
/* localized styles */
/* dimensioni body: template.css righe: 7000; 5215 */
/*  base color #3660CC  */
/*
@import url(https://fonts.googleapis.com/css?family=Audiowide|Oxygen|Ubuntu);
*/
video[poster]{
   max-height:500px;

   }

.font1 { font-family: "Audiowide";}
.font2 { font-family: "Oxygen";}
.font3 { font-family: "Ubuntu";}
.font-resp { font-size: 1em; }
.uhth {font-size:1.2em;}
.bg-white {background: #FFF;}
.bg-pumice {background: #D2D7D3;}
.bg-why-box {background: #E4F1FE;}
/*  ==== controls   ===== */
.test {background-color: red;}
.giallo {background-color: #ff8000;}
.bord { border:1px solid red!important;}
.bordverde { border:1px solid green;}
/*  ==== structure   ===== */
.col-count2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
}
.col-count3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}

/*  ==== main site color: #24A6E4   ===== */
/*.anyma {opacity:0;} *//*hidden class 4 animations - temp disabled debug chrome*/

a {
	color: #353526;
	text-decoration: none;
	
}
a:hover,
a:focus {
	color: #666666;
	text-decoration: none;
}
i{margin-right:15px; margin-left:8px;}
.pathway{color:#575748;}
.breadcrumb .active{color:#006cd9;}

body { 
 /*background-image: url(../images/sfondobig.jpg);
 background-size: 100%; background-repeat: no-repeat; background-position: top center;
 background-attachment: fixed; z-index:-5; 
 background: url(../images/sfondo.jpg) no-repeat;*/
 /*    body font   */
 	font-family: "Ubuntu";
	font-size: 17px;
	line-height: 18px;
	color: #242415;
	background-color: #f7f8f9;
	

}
.site-bg {background-color: #f7f8f9;}
.bodysize {width:100%; max-width:1600px;}
#back-top {border: 1px solid #3660cc;
    border-radius: 50%;
    bottom: 14px;
    height: 35px; width: 35px;
    padding: 15px 4px 0 14px;
    position: fixed;
    right: 7px;
    -webkit-box-shadow: 0px -2px 1px rgba(0,0,0,0.42) inset;
	-moz-box-shadow: 0px -2px 1px rgba(0,0,0,0.42) inset;
	box-shadow: 0px -2px 1px rgba(0,0,0,0.42) inset;
    z-index: 1000;
}
#back-top i{margin-left:5px; margin-right:10px;}
.view-featured { }

.centro { text-align: center;}
.slideshow { display: block; }
.fluid { display:block; }
.fluid-flex  { display:flex; overflow:hidden;}
.bg-mainmenu { background-color: #000000;}
.centerdiv { width: auto; margin: 0 auto; display: table; box-sizing: border-box;}

.divider-o     { width: 100%; clear:both; height:1px; border:none; background-color:transparent !important;}
.divider-v {width: 1px; display:table;
background-color:#ababab; background-image: radial-gradient(50% 19%, closest-side, #ababab, #fdffed 33%) }

.splitter     { width: 100%; clear:both; height:7px; border:none; background-color:transparent !important;}
.splitter20 { width: 100%; clear:both; height:20px; border:none; background-color:transparent !important;}
.splitterbig { width: 100%; clear:both; height:40px; border:none; background-color:transparent !important;}
.splitterbigx { width: 100%; clear:both; height:80px; border:none; background-color:transparent !important;}
.autowidth { width: auto; float: left;}

figure {padding: 1px; margin: 0 auto;}

/*  === top header   ==== */
.topheader  {
/* background-image: url("../images/tophead.jpg"); background-repeat: no-repeat; height: 199px;*/
padding:5px;  
}
.logo {}
.logo img{text-align:center}
.logo2 img{width: 116px; height: 116px; text-align:center; margin-top:35px;}

.logotext p{text-align: center;  padding-top:7px; padding-bottom:7px}

.logobrand { font-family:'Ubuntu', sans-serif; color:#24A6E4; line-height: 1.2em;
vertical-align: middle; margin-top: 45px; font-size: 29px; font-weight:bold;
}

/*  === lang switch   ==== */
.langswitch { float: right; margin-top: -23px; margin-right:8px;}

.rotate-r img:hover { transform: rotate(15deg);}
.rotate-r img { transition: all 0.5s ease 0.2s;}


.log-form  { margin-left: 10px; }

.userdata .control-group { margin-bottom: 3px;}
/* ===========     top main menu    ===============*/

#menucontainer {position:relative; top:1px;}
.imgtopline {padding-top: 11px; padding-bottom:8px; padding-left:5px; overflow:hidden; height:37px;}
.imgtopline img{margin-left:18px; margin-right:17px; float:left;}

/* ========== sub top menu header  ============= */

.brandshad { font-family: 'Candal'; color: #0059b3; 
font-size: 1.8em; font-weight: bold; font-style: normal; letter-spacing:3px;
/* text-shadow: -2px 1px 3px #ffffff; */
text-shadow: 0px -2px 2px #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135;

}
.minishad { font-family: 'Ubuntu'; color: #0059b3; line-height:1.5;
font-size: 1.8em; font-weight: bold; font-style: normal; letter-spacing:1px;
/* text-shadow: -2px 1px 3px #ffffff; */
text-shadow: 0px -2px 2px #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135;

}

.superbrand { margin-left: 30px; 
font-family: 'Oxygen'; color: #fff; 
font-weight: bold; font-size: 1.7em; line-height:1.1; 
/* text-shadow: 1px -2px 3px #ffffff; */
text-shadow: 0 1px 0 #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135; float: left;
}


/* ===========     left sidebar    ===============*/
.sidebox {
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 5px;

}
	
.sidebox-full {
	min-height: 20px;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
}
.sidebox-header { margin: 2px auto; background-image: url("../images/menutitle.png"); padding-left: 10px; 
font-size: 13px; line-height: 1.5em; color: white; height:25px; }
.sidebox h3{ }
.sidebox ul li { color: red; white-space: nowrap; text-decoration: none; list-style: none;}
.box70 {width:77%;}
.box90 {width:90%;}

/* ===========     general elements    ===============*/

.top7 { top: 7px;}
.xtop { margin-top: 10px;}
.x2top { margin-top: 5px; margin-bottom: 5px;}

.href { border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
margin: 15px 5px 15px 5px;
}
/*.hrefcolor { border: 0; height: 1px;
	background: rgb(255,249,249);
background: -moz-linear-gradient(left, rgba(255,249,249,0.75, rgba(41,137,216,0.75) 38%, rgba(32,124,202,0.75) 60%, rgba(255,247,247,0.75) 100%);
background: -webkit-linear-gradient(left, rgba(255,249,249,0.75) 0%,rgba(41,137,216,0.75) 38%,rgba(32,124,202,0.75) 60%,rgba(255,247,247,0.75) 100%);
background: linear-gradient(to right, rgba(255,249,249,0.75) 0%,rgba(41,137,216,0.75) 38%,rgba(32,124,202,0.75) 60%,rgba(255,247,247,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#fff7f7',GradientType=1 );
}*/
.imgintext {float:left; margin-bottom:30px; margin-right:35px;}/*resp > point 955px*/
/*.thumb { margin-top: 7px;}*/
/*.cols3 img { margin-left: 7px; margin-right: 7px; margin-top: 5px; margin-bottom:5px; width:95%; height: auto; text-align: center;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);}*/
	
.padd { padding: 7px;}
.paddbig { padding: 20px;}
.padd30 { padding: 30px;}
.padd40 { padding: 40px;}

.padd h3{margin-left: 32px;}
.paddleft{padding-left:100px;}
.paddl20{padding-left:20px;}
.padd-right{ padding-right:15px;}

.zorro { display: none; width: 0px; height: 0px;}

.nobord { border:0px solid;
	-webkit-box-shadow: 0px 0px 0px!important;
	-moz-box-shadow: 0px  0px 0px!important;
	box-shadow: 0px 0px 0px!important;
}


.bord-r { border-right:1px #79796a; border-right-style:groove; border-width: 1px;}
.bord-l { border-left:1px #f0f0e1; border-left-style:groove;}
.boxradius { border-radius: 7px;}
.boxshad-lr {
-webkit-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);}

.boxshad {	
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	}
.boxshad-r {
    -moz-box-shadow: 1px 0px 3px #C9C3C3;
    -webkit-box-shadow: 1px 0px 3px #C9C3C3;
    box-shadow: 1px 0px 3px #C9C3C3;
}
.boxshad-inset { 
box-shadow: 0 0 2px #E2DEDE inset;
-moz-shadow: 0 0 2px #E2DEDE inset;
-webkit-shadow: 0 0 2px #E2DEDE inset;
}
.boxshad-bott { 
box-shadow: 0 5px 5px #E2DEDE;
-moz-shadow: 0 5px 5px #E2DEDE;
-webkit-shadow: 0 5px 5px #E2DEDE;
}

/* boxes and corners */
.sheet-lt-br {border-radius: 0px 50px 0px 50px;}
.sheet-rt-bl {border-radius: 50px 0px 50px 0px;}
/**/
.color-shad {
 	-webkit-box-shadow: 2px 2px 4px #FF8000;
	-moz-box-shadow: 2px 2px 4px #FF8000;
	box-shadow: 2px 2px 4px #FF8000;
}
.features-horz-img{padding:4px; text-align:right;}
.features-horz-text{padding:4px; vertical-align:middle;}


/*  transitions  */
.colorchange { cursor: default; transition: color 0.4s ease 0.1s; }
.colorchange:hover { color: #00468c; }
.colorchange-orange { cursor: default; transition: color 0.4s ease 0.1s; }
.colorchange-orange:hover { color: #FF8000; }

/* ===================  gradients  ===============*/
.blue-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5cb4e0+0,9fd8ef+37,bfe8f9+93,e4f5fc+100 */
background: #5cb4e0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #5cb4e0 0%, #9fd8ef 37%, #bfe8f9 93%, #e4f5fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #5cb4e0 0%,#9fd8ef 37%,#bfe8f9 93%,#e4f5fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #5cb4e0 0%,#9fd8ef 37%,#bfe8f9 93%,#e4f5fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb4e0', endColorstr='#e4f5fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* ===================  CONTENT  ===============*/
/*  content structure  */
.topheader .custom { width: 99%; min-height:60px; margin-top: 10px;}
.d-inline { display: inline;}
.d-inline-block { display: inline-block;}
.d-block { display: block;} 
.d-table { display: table;}
.d-flex { display: flex; height:100%;}
.d-fluid { display:block; overflow:hidden;}
.fluid-flex  { display:flex; overflow:hidden;}
.full { width:100%;} 
.autodiv {width: auto; display: table;}
.desktoponly {display: table}
.vert-center { padding-top: 5%; padding-bottom: 5%;}
.inbox {}
.imgresponsive { display: block; width:100%; overflow:hidden; margin: 0 auto; text-align: center;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.middle {display:inline; border: 1px solid transparent; line-height: 1.2;}
.imgresponsive img{ max-width: 100%; height: auto;} 
.centered {	margin-left: auto;margin-right: auto;}

.fullcontent { display: block; 
padding-left: 15px; 
padding-right: 15px; 
padding-top: 7px; 
padding-bottom: 7px; 
text-align: justify;}
.riga { display: block;}
.sideleft { width: 30%; overflow:hidden; display:block; float:left;}
.sideright { width: 30%; overflow:hidden; display:block;}
.content2col { width: 70%; overflow:hidden; float:left;}

.cols2 { float:left; height:auto; width: 50%; }
.cols3 { float:left; height:auto; width: calc(100% / 3); } 
.cols4 { float:left; height:auto; width: 25%; } 
.cols5 { float:left; height:auto; width: calc(100% / 5); } 
.cols6 { float:left; height:auto; width: calc(100% / 6); } 

.cols2, .cols3, .cols4, .cols5, .cols6{
  /* -webkit-box-sizing: border-box; */
  /* -moz-box-sizing: border-box; */
  /* -ms-box-sizing: border-box; */
  /* box-sizing: border-box; */
}

.gallery { width: 100%; margin: 0 auto; display: table; text-align: center; }
.gallery img { width:100%; max-width: 270px; /*278 old*/
max-height: 177px; margin: 7px;
padding: 4px;
 	-webkit-box-shadow: 2px 2px 4px #99ccff;
	-moz-box-shadow: 2px 2px 4px #99ccff;
	box-shadow: 2px 2px 4px #99ccff;
	}
	
.autogallery {width: 100%; margin: 0 auto; display: table; text-align: center;}	
.autogallery img{width: 100%;  max-width: 240px; margin: 7px;}	
.agbox {display: inline-block; margin:7px; padding: 4px; border:1px solid #eeeeee;}
.agbox figcaption{display:initial;}
.why figcaption{display:initial;}

.mod-applicazioni {padding-top:10px; padding-bottom:10px; overflow:hidden;}
.mod-applicazioni .menubox li {line-height:2; background:#0086b3; margin-top:3px; padding:1px;}
.mod-applicazioni .menubox li:hover {background:#00468c; color:#ff9326;}
.mod-applicazioni .menubox a {color: #FFF;}
.mod-applicazioni .menubox a:hover {color: #ff9326;}
.mod-applicazioni .menubox .current a{color: #ff9326;}
.mod-applicazioni .menubox a span{margin-left:15px;}
.mod-applicazioni .menubox img {display:inline-block; max-width:100%;}



.partners { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.partners li{ list-style: none}

/*   ======= tables layout tl ==============*/
.imedia-article table { margin-top: 8px;}
.tab-1-col  td { width: 100%; border-spacing: 0px; padding: 3px; }
.tab2col tr td { border-collapse: separate; border-spacing: 7px; padding: 8px; border: 0px solid; text-align: justify;}
.tab3col td { border-collapse: separate; border-spacing: 7px; padding: 3px; border: 0px solid;}
.imedia-article .tab2col tr td  { width: 50%;}
.imedia-article .tab2col tr td  img{ max-height: 300px;}

.horzcatview  .tab2col tr td  { width: 50%; float: left;}
.blog .horzcatview  .tab2col tr td  img{ max-height: 300px;}

/*   ======= impianti main ==============*/
.imp-box-bg {background: #2693ff; padding-top:40px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.imp-box-bg:hover {background: #ff8000; padding-top:40px;}
.imp-img {width:230px; height:230px;}
.imp-content {background: #fff; min-height:210px; margin-top:-115px; padding-top:130px;}
/* .imp-content ul{ margin:0px; text-align:center;} */
.imp-content li{ cursor: default; transition: color 0.4s ease 0.1s; }
.imp-content li:hover { color: #FF8000; }

.imp-footer {background-image: url(/images/articoli/imp-footer.png); background-repeat: no-repeat;
background-position: top center; margin-top:-9px; height:95px; position: relative; z-index:-1;
text-align:center;
}
.imp-footer-link {margin-top:-67px; font-size:1.3em; font-weight: bold; position:relative; z-index:1; text-align:center;}
/*   ======= FAQ ==============*/
.faq-box{padding:9px 20px; box-shadow:1px 2px 2px #bfcfff; background:#f0f0e1; margin-bottom:15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.faq-header{ font-size:1.2em; line-height:1.5em; color:#006666; border-bottom: 1px solid #bdbdae; padding-bottom: 5px; padding-top:5px;}
.faq-header i{font-size: 1.5em; color:#00698c;}
.faq-answer i{font-size: 1.5em; color:#00b359;}
.faq-answer{text-align: justify; padding-top: 12px; padding-bottom: 12px;}
/*   ======= timelines ==============*/

/*.view-category .item-image img{ max-width: 230px; height:auto; max-height: 160px;}
.view-category .span6 { max-height: 160px; overflow: hidden;}
.view-category .corsi-col-img { padding-top: 0px; padding-bottom: 0px;}*/

.blog .tab2col tr td { display: block; margin-top: 10px; padding: 0px 5px; /* =view-category */
border-collapse: collapse; border-spacing: 0; 
}
.blog .tab2col tr td img { max-height: 220px;}
.blog .tab2col tr td:first-child { max-height: 57px; overflow: hidden;
    
}

.blogim-col3 .span4 { 
border: 3px solid #98065e; display: table;
	padding-top: 10px; padding-bottom: 10px; padding-left: 10px;
 	-webkit-box-shadow: 2px 2px 4px #66004C;
	-moz-box-shadow: 2px 2px 4px #66004C;
	box-shadow: 2px 2px 4px #66004C;
}

/*   ======= category layout horizontal ==============*/
.horzcatview .page-header { border-bottom: 0px solid; border-top: 1px solid #eee; margin-top: 10px;}
.horzcatview .page-header a { color: #98065e; margin-left: 20px;}
.horzcatview .page-header a:before { content: "> ";}
.horzcatview .item-image img { max-width: 150px; max-height: 150px; margin-right: 30px; margin-top: -46px;
	-webkit-box-shadow: 2px 2px 4px #66004C;
	-moz-box-shadow: 2px 2px 4px #66004C;
	box-shadow: 2px 2px 4px #66004C;
	}
.horzcatview .imedia-article {
 	-webkit-box-shadow: 2px 2px 4px #66004C;
	-moz-box-shadow: 2px 2px 4px #66004C;
	box-shadow: 2px 2px 4px #66004C;
}	
.horzcatview .imedia-article img{ max-width: 80%; 
	background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 5px;
	}
/* ****   localized accordion menu       */	
ul.accordion-menu {border:0px solid!important;font-size: 16px!important;}
ul.accordion-menu li{border-top:2px solid #FFF !important;}
	
/* article layout */
.imedia .page-header {color: #00698c; padding-left: 15px;}
.horzblog .readmore { text-align:right; margin-top: -50px; margin-right: 80px; }
.readmore .btn {background-color:#3660CC!important; padding:10px; background-image:none!important;
color: #fff; font-size:18px;
}
.icon-chevron-right {margin-right:7px}

.section-descript {}
.sd-header {padding:15px; border: 1px solid #3660CC; color: #FFF;
background-color:#3660CC;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.sd-text {border:1px solid #3660CC; padding:15px; height:96%; text-align: justify;}
.syntimg {margin: 10px 1px 20px;}
.boldshad { font-weight: bold; text-shadow: 1px 1px 1px #cccccc; margin-left: 10px;}


#content { }
.toplineimg {margin-top:3px}
#bottom2full {margin-top:20px; margin-bottom:-10px; }


/* pagina chi siamo*/
.about { background-image: url(../img/pattern-dine.png); background-repeat: repeat; display: table;}
.about h2 { color: #D90000; text-shadow: 1px 1px 1px #575748;}
.about2 h2 { color: #D90000; text-shadow: 1px 1px 1px #575748;}
.im-art { 
padding-bottom: 10px; margin-bottom: 9px;
}
.im-art .page-header { margin-left: 20px;  padding-top: 10px; font-family: Audiowide !important;

}

.imedia-article {font-family: Ubuntu; font-size: 16px;}
.feat-title {color: #24a6e4; font-family: "Ubuntu"; font-size: 44px; font-weight: bolder; 
line-height: 44px; padding: 10px;}
.feat2-title {color: #24a6e4; font-family: "Ubuntu"; font-size: 36px; font-weight: bolder; 
line-height: 34px; padding: 10px;}

.item-title {text-align:center; margin-top: 15px; text-shadow: 1px 2px 4px #C1B6B6; padding: 1px;
color: #0059b3; font-size: 1.2em; letter-spacing:1px;}
.item-intro-title {text-align:center; margin-top: 15px; text-shadow: 1px 2px 4px #C1B6B6; padding: 1px;
color: #0059b3; font-size: 1.1em; letter-spacing:3px;}
 .itemspace-title {text-align:center; margin-top: 15px; text-shadow: 1px 2px 4px #C1B6B6; padding: 1px;
 color: #0059b3; font-size: 1.5em; letter-spacing:2px;
} /* inoltre in template.css 7056 */
.content-title { text-transform: uppercase; font-size: 20px; font-weight: normal; color: #222222;}
.box-title { margin: 10px; text-shadow: 1px 2px 4px #C1B6B6; padding: 1px;
 color: #0059b3; border-bottom: 2px solid #0059b3;
 }
 .section-title {text-align:left; text-shadow: 1px 2px 4px #C1B6B6; padding: 15px;
color: #0059b3; font-size: 1.2em; letter-spacing:1px; background:#eeeeee;}

.impianto-imgbox { width:100%; padding:20px; position:relative; text-align:center;}
.impianto-subcaptionbox{margin: 0 auto; width:170px; height:170px; padding:10px; 
position: relative; text-align:center;
 bottom: 66px; border-radius: 50%;
}
.impianto-subcaption {
	border-left: 1px solid #3497db;
	width:150px; height:150px;
    border-radius: 50%;
    border-top: 1px solid #3497db;
   
    content: "";
    
	transform: rotate(45deg);
    z-index: 1;
}
.impianto-subcaption-txt{transform: rotate(-45deg); line-height:9;}
.impianto-list ul {margin: 0 0 9px 3px;}
.impianto-list ul li{line-height:2; margin: 0 0 9px 3px;}

.impianto-list i{color:#0059b3;}
.impianto-button { display:table; width:auto;
color:#0059b3; width:auto; line-height:3;
text-align: center; font-size:20px;
border-top: 1px solid #0059b3;
border-bottom: 3px double #0059b3;
-webkit-transform:skew(-30deg, 0deg);
-moz-transform:skew(-30deg, 0deg);
-o-transform:skew(-30deg, 0deg);
-ms-transform:skew(-30deg, 0deg);
transform:skew(-30deg, 0deg);
}
.impianto-button a{cursor:pointer!important;}



/*dettagli articolo*/
.icons { margin-right: 10px;}
.article-info { margin-left: 20px; display: inline-block; clear: both;}
.article-info dd { margin-left: 7px; float: left; width: auto;}
.article-info dl { margin-bottom: 0px;}
.article-info-term { width: auto; float: left;}
.article-info-term:after { content: ":"}
.spunta {color:#0000b3; cursor:default;}
.spunta i{color:#006619; margin-right:15px; margin-left:8px}


/*  ==  content typografy  ==*/
.txt-red { color:#B30000;}
.txt-white { color:#FFFFFF;}
.txt-left { text-align: left;}
.txt-center { text-align: center;}
.txt-right { text-align: right;}
.txt-just { text-align: justify;}
.txt-big { font-size:1.32em; font-weight: bold; *zoom: 1; color: #000000;}
.txt-shad { text-shadow: 1px 1px 1px #575748;}
.txt-shad-w { text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;}
.txt-upper { text-transform: uppercase;}

.big-title  h1{
color: #000;
    font-family: "Oxygen";
    font-size: 58px;
    font-weight: normal;
    line-height: 58px;
    text-transform: uppercase;
}
/**/
.itemround { 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.intro-img img{	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	width:200px; height:200px;
	}
.item-intro-title {margin-top: 15px; margin-bottom: 15px; text-shadow: 1px 2px 4px #C1B6B6; padding: 1px;
color: #0059b3; font-size: 1.3em; text-align:left}
	
.item-page.prima{  margin-top: 1px; display: block;
	margin-bottom: 7px;
	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; 
	}
.prima h1{color: #3660cc;  font-family: Ubuntu; font-size: 17px; text-align: justify;}
.home-line1 {background: #eeeeee;}
.home-line1-inbox {background: #c6e2ee;}
.home-line2 {margin-top:-66px;}
.home-line2 .box-descript{padding:5px 25px;}
.home-line3 {background: #ececec;}
.home-line4 h2{font-size: 1.4em;}

.umbrella-box{margin: 0 auto; width:170px; height:170px; padding:10px; 
position: relative; text-align:center; border-radius: 50%;
}
.umbrella-subcaption {
	border-left: 1px solid #3497db;
	width:150px; height:150px;
    border-radius: 50%;
    border-top: 1px solid #3497db;
    content: "";
	transform: rotate(45deg);
    z-index: 1;
}
.umbrella-subcaption-txt{transform: rotate(-45deg); font-size: 7em; line-height:1.2em; color: #0080ff;}
/**/

.black-title {color: #353526; font-family: Ubuntu; font-size: 28px; margin-left:11px;}
.slogan figcaption{font-family:'Candal', sans-serif; color:#3660CC; display:initial;}

.listnone li{ list-style-type: none;}	
li{ list-style-type: none;}	
div[itemprop=articleBody] { display: block;
 margin: 0px; border: 0px solid;}
 

/* ===================  contatti  ===============*/
.jicons-icons img { width: 16px; height: 16px;}
.contact { }
.contact .page-header { 	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; opacity: 0.5;
}
.contact .page-header h2{ color: #000000;}	
.contact-name { margin-left: 20px;}
.imcontactinfo { display: none;}
.contact .thumbnail { margin-top: 30px;}
.contact-form { padding-left: 20px;
border: 1px solid #00468c;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/*background-color: #E7E7E7; */
	margin-top: 35px;
	background-image: url(../img/email.png);
 background-position: 75% 40%, 85% 30%; background-repeat: no-repeat;
}
.contact-form legend{ border: 0px; text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;
 font-family: Ubuntu; color: #000000; margin-top: -35px; 
}
.contact-form input, textarea, .uneditable-input {width:300px}
.contact-form .form-actions { background-color: transparent;}
.contact-address { font-family: Ubuntu; font-size: 1.3em; color: #00468c;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/*background-color: #E7E7E7; */
	padding: 10px;
}
.nomecontatto { font-family: Audiowide; padding: 15px; display: block; font-size: 1.5em; color: #00468c;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/*background-color: #98065E; */
	text-align: center;
}
#informativa { width: auto; margin-right: 20px; background-color: #D90000;
font-family: Ubuntu; font-weight: bold; font-size: 1.3em; color: #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 7px 30px 7px 30px;
}
#informativa span a:hover { color: #FFFFFF;}
#informativa span a { color: #99e6ff;}
#privacy {padding:15px 25;}
.contact .btn { width: 210px; height: 45px; background-color: #00468c; font-weight: bold;}
.contact .btn:hover { background-color: #004000;}

/* dove siamo */
.location { font-size: 1.5em; line-height: 1.4em; font-weight: bold; color: #00468c; text-shadow: 1px 1px 2px #9B9B8C;}
.dove .txt-upper { line-height: 1.25em; font-weight: bold; color: #99ccff;}
.dove .span4 { padding: 20px;}


/* ==============LOGIN and FORM PAGE ==============   */
.nav-tabs a{ text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff; font-weight: bold;}
.registration fieldset:before {content: 'Attenzione! Premendo il tasto Registrati dichiari di aver letto e accettato l Informativa sulla Privacy'; color: red;} 

/*  ========   FOOTER   ========== */
.footer { margin-top: 10px; background-color:#1E3953; padding-top:10px; padding-bottom:15px;}
.footer i{ color:#ff8000;}
.footer a{ color:#FFF;}
.footer-divider { height:1px; background-color:#555555; margin: 10px 1px;}

footer .span4  { padding: 7px 10px 7px 10px;}
.footerheader { font-size: 1.3em;line-height:1.4; padding-bottom:15px; color:#ff8000;}
.footerbox{ color:#FFF;}
.f-txt { color: #FFF;}
.colfooter { margin-top: 7px;

}
.colfooter a{ color: #000;font-size: 1em; }
.seguici i{ color:#FFF;}

/* ===================  RESPONSIVE  ===============*/
#aside {display: inline-block; margin-left:1px;}
#sidebar {}
#maincontent{float:right;}/* set right to reverse the structure columns*/
main{}
@media (max-width: 1200px) {
.font-resp { font-size: 0.9em; line-height: 0.9em;}
.imgtopline img{margin-left:9px; margin-right:9px;}
.paddleft{padding-left:60px;}
}
@media (max-width: 1100px) {
.box70 {width:85%;}
}
@media (max-width: 995px) {
.box70 {width:95%;}	
.font-resp { font-size: 0.6em; line-height: 0.6em;}
#magazine{ width:auto; height: 450px; }
.logotext p{padding-top:1px; padding-bottom:1px}
.logobrand { font-size: 1.7em; }

.logobrand2 { font-size: 1.6em; }
.logo2 img{width:97px; height:97px;margin-top:2px} 
.imgtopline img{margin-left:4px; margin-right:3px;}
.imgintext {float:none; clear:both;}
.paddleft{padding-left:1px;}
}
@media (max-width: 900px) {
.contact-form {background-position: 99% 40%; }
#magazine{ width:auto; height: 420px; }
}

	
@media (max-width: 767px) {   /*menu collapsed*/
body { background-size: cover;} /*to control*/
.box70 {width:100%;}	
.splitterbigx { height:40px;}
.cols2>.cols2   { width: 100%; float:left; top: 30px; margin:0 auto; display: block; clear: both; }
#page-impianti .cols2, .cols3, .cols4, .cols5, .cols6 { width: 100%; float:none; top: 30px; margin:0 auto; display: block; clear: both; }
.bord-r { border-right:0px solid; border-right-style: none; border-width: 0px;}
.bord-l { border-right:0px solid; border-right-style: none; border-width: 0px;}
.font-resp { font-size: 1em; line-height: 1em;}
/*  content structure  */

.sideleft {  width:auto; margin:4 auto; float:none; margin-right: 0px;}
.sideright {  width:auto; margin:4 auto; float:none; margin-left: 0px;}
.content2col { width:auto; margin:4 auto; float:none;}
.contact-form { background-image: none; }
.features-horz-img{text-align:center;}
.features-horz-text{text-align:center; border-bottom: 1px solid #cccccc;}
.horzblog .page-header {text-align: center; display:inline;}
.logobrand{font-size:26px; margin-top:45px; display:inline-block;} 
.partners { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.col-count2, .col-count3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.d-flex { display: block; float: none;}
.desktoponly { display: none!important;}
.footer { background-size: cover;}
.paddleft{padding-left:100px; padding-bottom: 30px;}


/*tables tabresp*/ 

.tab-1-col tr td { }
.tab2col tr td { display: block; margin-top: 10px; 
border-collapse: collapse; border-spacing: 0; width: calc(100% - 10px);
} 
.imedia-article {margin:18px}
.imedia-article .tab2col tr td  { width: calc(100% - 10px);}
.tab3col tr td { display: block; margin-top: 10px;
border-collapse: collapse; border-spacing: 0; width: 99%;
} 


.about-titoli { height: auto;}
.itemround table { *zoom: 1;}
.itemround td:first-child + td { display:block; margin-top: 5px; width: 99.9%; }
.itemround td:first-child + td + td { display:block; margin-top: 5px; width: 99.9%; clear:left; }
.itemround td:first-child+td+td+td { display:block; margin-top: 5px; width: 99.9%; }

/**/
.menubox-full{display: initial;}

/*  footer */
footer .span3  { margin: 10px;}
footer .container  { width: 96%;}
footer .d-flex { display: table; width:96%; margin: 0 auto; text-align: center;}
}

@media (max-width: 585px) {
.imgtopline {margin-top:32px;}	
.horzblog .item-image {display:table; clear:both;}
.intro-descript{clear:both; padding:20px}
.logobrand {font-size:20px; margin-top:50px;}
.contact-form legend { font-size: 1.1em;}
.gallery::-webkit-scrollbar:horizontal{ height:5px;}
.gallery {overflow-x:scroll; display: inline-block !important; height: 220px;
 width: 100%; overflow-x: scroll !important; overflow-y: hidden !important;
}
.gallery img { float: none; max-width: 240px; max-height: auto; white-space: pre; position: relative;}

.fluid-flex { display: table; margin: 0 auto; }
.paddleft {padding-left:10px; padding-bottom: 30px;}

.cols2, .cols3, .cols4, .cols5, .cols6 { width: 100%; float:none; top: 10px; margin:0 auto; display: block; clear: both; }
.cols3 img { height: auto;}
.splitterbig{height:10px;}
.artheader { background-size: 30% auto; background-position: top left;}
.navblock { width: 99%; height: auto; margin: 5px auto;}
.langswitch { float: leftt; margin-top:-35px; margin-right: 180px; }
.mysocials { margin-top: 35px;}
}

@media (max-width: 470px) {
body {padding-left: 2px; padding-right:2px;}
.container { left: 3px; right: 3px;}
.logo img {width:90px;}
.logobrand{font-size:16px; margin-top:38px;}
.langswitch {margin-top:-5px; text-align: center; margin-right:30px;}
.langswitch img{margin:10px 5px;}

}
/* joom top menu*/



/* ===================  TOP MENU =========================== */
.imtopmenubar {border-top: 1px double rgba(36,166,228,0.9); padding-bottom:2px;}
.imtopmenu{ background: rgba(36,166,228,0.8); margin-top: 2px;
}
/*menu container horzmenu*/
.topmenu{ }
.topmenu a { text-transform: uppercase;
letter-spacing: 1.5px;
}

.horzmenu{ width: 100%; height: auto; border: none; margin-bottom:-4px;}
.tprmenulogo { width: auto; margin-left: 7px;}
.menubutton { height:100%;


}
ul#tprmenu { width: 100%;
	margin: 0;
	list-style: none;
	padding: 0;
	border-width: 0px;
	border-style: solid; border-bottom: none; border-top: none;
	/*border-color: #5f5f5f; */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*font-size: 0; */
	z-index: 999;
	position: relative;
	display: inline-block;
	zoom: 1;
 *display:inline;

}
ul#tprmenu li.topfirst {width: 5%; 
font-size: 90%; /*iura*/
}
ul#tprmenu li {
	display: block;
	white-space: nowrap;
	font-size: 100%;
	float: left;
	box-sizing: border-box;
    width: 15.45%; /*100% / nr.links*/
	
	
}
* html ul#tprmenu li a {
	display: inline-block;
}
ul#tprmenu>li {
	margin-left: 1px;
}
ul#tprmenu a:active, ul#tprmenu a:focus {
	outline-style: none; text-decoration: underline;
}
ul#tprmenu a {
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-family: Ubuntu; font-size: 16px; font-weight: 300;
	line-height: normal;
	color: #fff; 
	text-shadow: #333333 1px 1px 2px;
	cursor: pointer;
	/*padding: 20px 10px 20px;*/ /*dimensione tasti e altezza menu*/
	padding: 20px 1px 20px;
	/*background-color: #F0F0E1;*/
	/*background-image: url("../images/mainbk.png");*/
	/* background-repeat: repeat; */
	/* background-position: 0 0; */
	/* border-right-width: 1px solid;  */
	/* border-style: solid; */
	/* border-right-color: #FFFFFF; */
	position: relative;
	/* -moz-box-shadow: 0px 0px 2px #999999;
    -webkit-box-shadow: 0px 0px 2px #999999;
    box-shadow: 0px 0px 2px #999999; */
}
ul#tprmenu li:hover>a, ul#tprmenu li a.pressed {
	/* background-color: #222222; */
	/*border-color: #C0C0C0;
	border-style: solid;*/
	/*color: #bbbbbb;*/
	text-shadow: #FFF 0 0 1px;
	/*background-image: url("../images/mainbk.png");
	background-position: center -143px; background-repeat: no-repeat;*/
	text-decoration: none;
}
ul#tprmenu img {
	border: none;
	vertical-align: middle;
	margin-right: 10px;
}
ul#tprmenu > label.switch {
	display: none;
	cursor: pointer;
	width: 25px;
	height: 20px;
	padding: 10px;
}
ul#tprmenu > label.switch:before { 
	content: ""; color: #FFFFFF;
	position: absolute;
	display: block;
	height: 4px;
	width: 25px;
	border-radius: 4px;
	background: #ffffff;
	-moz-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	-webkit-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	box-shadow: 0 8px #ffffff, 0 16px #ffffff;
}
ul#tprmenu > label.switch:hover:before { 
	background: #c2c8c8;
	-moz-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	-webkit-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
}
ul#tprmenu > .switchbox {
	display: none;
}
ul#tprmenu li.topfirst>a { border-left: none;
	border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	-webkit-border-radius: 0px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.topmenu>a {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.toplast>a {
	border-radius: 0 0px 0px 0;
	-moz-border-radius: 0 0px 0px 0;
	-webkit-border-radius: 0;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	border-right: 0px solid;
}

@media screen and (max-width: 976px) {
ul#tprmenu li { width: 15.40%; /*100% / nr.links*/ }
ul#tprmenu a { font-size: 13px;}
}

@media screen and (max-width: 768px) {

.imtopmenubar {border-top: 0px solid}	
ul#tprmenu > li {
	position: initial;
}
ul#tprmenu ul .submenu, ul#tprmenu li > ul {
	left: 0;
	right: auto;
	top: 100%;
}
ul#tprmenu .submenu, ul#tprmenu ul, ul#tprmenu .column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0;
	width: 100% !important;
 }
}

@media screen and (max-width: 768px) {
/*.tprmenulogo { display: none;} */
.topunimedia .centerdiv { float: right; margin-right: 5px;}
body { margin-top: 45px;}
ul#tprmenu {
	width: 100%; border: none; background-color: #3660CC;
	position: fixed; z-index: 110;
	top: 0px; left: 0px;
	opacity: 0.95;
}
ul#tprmenu > li {
	display: none !important;
	position: relative;
	width: 100% !important;
}
ul#tprmenu > label.switch, ul#tprmenu .switchbox:checked ~ li {
	display: block !important; float: right; margin-right: 5px;
 }
 ul#tprmenu a { font-size: 18px; text-align: left; margin-left: 10px; border: none; border-width: 0px; 
 padding: 8px 35px; margin-top: 1px; color: #fff; }
 
 ul#tprmenu > label.switch:before { border:none; }

}

/* END TOP MENU */

/*    == Image hover effects == */

/*    == style Original hover effects > stili generali: == */
/* nota: .view modificato come .viewhover */
.img-about {width: 288px; height: 316px;} /* localized pagina "chi siamo" */
.img-about2 {max-width: 288px; height: 100%; } /* localized pagina "chi siamo" */
.about2 .viewhover { margin: 2px!important; border: 1px!important;}
.viewhover {
   /*width: -moz-fit-content;
   max-width: 270px;*/
   /*max-height: 200px; */
   margin: 1px;
   float: left;
   border: 3px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 8px #e6e6e6;
   -moz-box-shadow: 1px 1px 8px #e6e6e6;
   box-shadow: 1px 1px 8px #e6e6e6;
   cursor: default;
   background: #fff url(../img/imghover10iura.jpg) repeat center center;
}
@media (max-width: 767px) {
.viewhover { float: none;}
}

.viewhover .mask,.viewhover .content {
   /*width: 300px;
   height: 200px; */
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.viewhover img {
   display: block;
   position: relative; margin: 0 auto;
}
.viewhover h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.viewhover p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.viewhover a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.viewhover a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/*  ===  style 10   ====  */
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*    == / style Original hover effects == */
/*   altri effetti   */
.ef-zoomin img{
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
 }
.ef-zoomin img:hover { 
-webkit-transform: rotate(-3deg) scale(1.2); 
   -moz-transform: rotate(-3deg) scale(1.2);
   -o-transform: rotate(-3deg) scale(1.2); 
   -ms-transform: rotate(-3deg) scale(1.2);
    transform: rotate(-3deg) scale(1.2);

 }
 .zoom-out img{
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
 }
.zoom-out img:hover { 
-webkit-transform: scale(0.8); 
   -moz-transform: scale(0.8);
   -o-transform: scale(0.8); 
   -ms-transform: scale(0.8);
    transform: scale(0.8);

 }
 
/* ============ alfa effect =================  */
.img-alfa {  
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   overflow: hidden;
   margin-left: 0px; width: 100%;
   margin-right: 0px;
   padding: 5px;
}

@media (max-width: 767px) {
.img-alfa { display: inline-block;}
}
.alfaview {

	display: table; width: auto; margin:0 auto;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 1px 1px 5px #aaa;
   cursor: default;
}
.alfaview .maskera, .alfaview .content {
   width: 100%;
   /*height: 200px;*/
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.alfaview img {
   display: block;
   position: relative; 
   /*-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);*/
}
.alfaview .lente { /*a*/
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px; top: 50%;
}

/**/
.alfaeffect .maskera { background-color: #000000;
   opacity: 0;
   overflow:visible;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   
}
.alfaeffect .lente {/*a*/
   position:relative;
   top:50%;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.alfaeffect:hover .maskera {
   opacity: 0.5;
   background-color: #000000;
   height: 100%;
}
.alfaeffect:hover .lente {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/* fine alfa effect */

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #8C008C solid 2px;
  top: 0;
  right: 0px; 
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
/* fine riple out */
/* button underline from left */
[class^="hvr-"]{cursor:pointer;margin:.4em;padding:1em;text-decoration:none}
.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}
.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#0000b3;height:3px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before{right:0}

/*   FINE EFFETTI    */