body, html{height:100%;
/*  font-family: 'Noto Serif JP', serif;*/

    font-family: 'Noto Serif JP', serif;
margin:0;
padding:0;
}

body{
  background-color: #fff;
}


.icon-menu img{
  cursor: pointer;
  height: 24px;
 width: 24px;
}



.bg_parallax{

  /*-webkit-transition: background-position 0.2s ease-out;*/
/*  -webkit-transition: background-position 0.5s linear;
  -moz-transition: background-position 0.5s linear;
  -o-transition: background-position 0.5s linear;
  transition: background-position 0.5s linear;
*/
}
	
	
	
#slides {
text-align:center;
position:relative;
width:100%;
max-height:759px;
min-height:150px;
 background-position:center center;
background-size:105%;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	
}

/* nn compatibile firefox mobile
display: flex;
justify-content: center;
 align-items: center;
*/

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  100% {transform: scale(1.1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  100% {transform: scale(1.1);}
} /*End of Zoom in Keyframes */


.sc_valori{

transition: all .5s;
opacity:0.5;
color:#fff;
/*
color:#dedede;
color:#02a8ff;
*/
}



.logo_studies{
position:absolute;
top:0px;
left:0px;
/*06.09.17
display: flex;
justify-content: center;
 align-items: center;
*/

/*
background-image:url('cerchio.png');
background-image:url('cerchio.svg');
*/
background-size:cover;
max-width:546px;
max-height:546px;
width:40%;
height:55%;
/*text-align:center;*/

}

.contatti_menu_desk{
float:left;text-align: center; font-family: 'Noto Serif JP', serif; font-size: 1.0em; font-weight: normal; line-height: 1.3em; color: #686868; text-align: center; padding: 7px 18px;margin-left:50%;
}

.elenco_interventi{

font-size:0.8em;
line-height:1.8em;
color:#555555;
font-style:italic;
transition: all .3s;
padding:6px;
}

  .punto span {
      z-index:50;display:none; padding: 10px;
      margin-top:-4px; margin-left:32px;
      line-height:16px;
      font-size: 0.8em;
      border-radius:2px;
position:absolute;
min-width:200px;
      color:#222;
      background-color:#dedede;
              transition: all .5s;
	  text-align: center;
  }
  .punto:hover span{
      display:inline;
  } 


  /*CSS3 extras*/



  .punto{
  position:absolute;
  transition: .2s;
  -webkit-transition: .2s;
  z-index:10;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /*display:none;*/
  }
  .punto:hover{
  opacity: 1;
  filter: alpha(opacity=100);
  }


.up{
position:fixed;width:50px;margin:0 auto;right:9%;bottom:20px;text-align:right;z-index:80;transition: all .5s;

}

.nascosto{
     opacity:0;
}
.visibile{
     opacity:1;
}



#menu{
  background-color:rgba(255,255,255,.9);position:absolute;width:100%;height:100%;z-index:60;transition: all .5s;
}



.elenco_menu li {

  /*  display: inline-block;*/
    width: 100%;
    /*height: 50%;*/
opacity:0.5;
transition: all .5s;

font-size:2.0em;
line-height:1.5;
color:#686868;
text-align:center;
vertical-align:middle;
/*
border-style: solid;
    border-width: 1px;
border-color:#686868;
*/
cursor:pointer;
}



.elenco_menu li:hover {
opacity:1.0;
}


.elenco_menu {
    list-style-type: none;
        text-align:center;
height:30px;
width:100%;
/*
border-top-style: solid;
    border-top-width: 1px;
border-top-color:#686868;
*/
}

.div_studies, .div_studies_new{

cursor:pointer;

}

.link_cont{
  	color: #02A8FF;
    cursor: pointer;
}

.link_cont:hover{
  color:#686868;
  text-decoration:underline;
}


/* button styles */
.button {
	max-width: 150px;
	display: block;
	margin: 1em auto;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	color: #02A8FF;
  font-weight: 600;
  border: 1px solid #02A8FF;

}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

.but1 {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.but1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #02A8FF;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.but1,
.but1::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.but1:hover {
	color: #fff;
	border-color: #02A8FF;
}

.but1:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#ico_menu{
position:absolute;
right:30px;
top:42px;
width:30px;
height:auto;
margin-bottom:30px;
margin-top:25px;
opacity:0.5;
cursor:pointer;
}



@media (min-width: 481px) and (max-width: 767px) {

   .no_mobile{

      display:none;
   }

   #ico_menu{

      /* width:50px; */
      display:none;

   }

	#logo_protocol{


         width:400px;
         height:auto;
         margin-bottom:30px;
            margin-top:25px;
	padding-left:50%;
	margin-left:-200px;


	}
#span_contatti{
font-size:2em;
line-height:2.2em;

}




}



.p_up{
transition: all .3s;
position:relative;
z-index:50;
width:40px;height:auto;

}

.p_up:hover{
/*
opacity:0.0;
*/
}

.p_over{

transition: all .3s;
position:relative;
z-index:20;

}

section{

height:auto;

}


.freccia{
  width:60px;height:auto;margin-bottom:30px;margin-top:5px;
}


 #show_info
 { cursor: pointer;font-size: 0.8em;margin-bottom: 8px;}
 #show_info:hover
 { color:#888;}

 #info
 {margin-top: 5px;
display: none;
background-color: #ededed;
font-size:0.7em;
line-height: 1.2;
padding:8px;
 }

 input, textarea{
	 border:1px solid #dedede;
 }

 .send
 {position:relative;
 display:block;
 width: 100%;
 font-size: 0.8em;
 margin: 15px auto;
 text-align:center;}

 .send button
 {margin-left: 30px;
   display: inline-block;
 padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
 }

 #div_ok{
   width: 30vw;
   padding:30px;
   background-color: #fff;
   display: none;
   line-height: 1.3;
 }

 #div_ok h1{
   font-size: 1.2em;
   text-transform: uppercase;
   margin-top: 20px;
   color:#02a9ff;
   text-align:center;
 }
#div_ok p{
  font-size: 1em;
  margin-top: 20px;
  text-align:center;
}



a{
color:#02a9ff;
text-decoration:none;

transition: all .5s;
}


a:hover{

color:#686868;
text-decoration:underline;
}


.cover_loghi{
position:absolute;
top:0px;
left:0px;
z-index:25;
width:100%;
height:100%;
background-color:#ccc;
opacity:0.0;

}
.sfondo_trasf{
opacity:0.0;
width:100%;
height:auto;
}



.elenco_loghi li:hover {

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
opacity:1.0;
}


.elenco_loghi {
    list-style-type: none;
	text-align:center;
}




.flex-a{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
padding: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justif-content: space-around;
  -webkit-justify-content: space-around;
  align-items: flex-start;
}

.flex-b{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justif-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}


.flex-b-start{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justif-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
}

.flex-c{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justif-content: center;
  -webkit-justify-content:center;
  align-items: center;
}


.flex-c-start{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justif-content: center;
  -webkit-justify-content:center;
  align-items: flex-start;
}


.flex-c-block{
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
  justif-content: center;
  -webkit-justify-content:center;
  align-items: center;
	text-align: center;
}


.form_left_new, .form_right_new
{
  font: 0.8em;
margin-bottom: 15px;

}

.form_left_new
{width: 250px;
text-align: left;
}






/*DESKTOP*/

@media only screen and (min-width: 851px){

  .mobile{
    display: none;
  }
	



.cont-slide-new{
	position: relative;
	width: 100%;
	height:759px;
	overflow: hidden;	

}

#slides_new {
width: 100%;
height:100%;
  position: absolute;
	z-index: -5;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		text-align: center;
		 -webkit-animation: zoomin 8s linear;
animation: zoomin 8s linear;
animation-iteration-count: 1;
animation-fill-mode: both;
transition: all .2s linear;
overflow: hidden;	
	
}
	
	
.title_slides{
position:absolute;
z-index:50;
font-family: 'Archivo Black', sans-serif;
font-size:5.5vw;
color:#fff;
width:100%;
height:100%;
padding-top:18%;
text-align:center;
}


	
	
.fromsx {
        		opacity: 0;
        		-webkit-transform: translateX(-40px);
        			 -moz-transform: translateX(-40px);
        				-ms-transform: translateX(-40px);
        				 -o-transform: translateX(-40px);
        						transform: translateX(-40px);
        		-webkit-transition: all 0.6s ease-out;
        			 -moz-transition: all 0.6s ease-out;
        				-ms-transition: all 0.6s ease-out;
        				 -o-transition: all 0.6s ease-out;
        						transition: all 0.6s ease-out;
	animation-delay: 0.5s;
        	}

          .fromdx {
               opacity: 0;
               -webkit-transform: translateX(40px);
                  -moz-transform: translateX(40px);
                   -ms-transform: translateX(40px);
                    -o-transform: translateX(40px);
                       transform: translateX(40px);
               -webkit-transition: all 0.6s ease-out;
                  -moz-transition: all 0.6s ease-out;
                   -ms-transition: all 0.6s ease-out;
                    -o-transition: all 0.6s ease-out;
                       transition: all 0.6s ease-out;
			  animation-delay: 0.5s;
             }

        	.fromsx.visible, .fromdx.visible {
        		opacity: 1;
        		-webkit-transform: none;
        			 -moz-transform: none;
        				-ms-transform: none;
        				 -o-transform: none;
        						transform: none;
        	}


         .fromDtoU_1 {
          		opacity: 0;
          		-webkit-transform: translateY(40px);
          			 -moz-transform: translateY(40px);
          				-ms-transform: translateY(40px);
          				 -o-transform: translateY(40px);
          						transform: translateY(40px);
          		-webkit-transition: all  0.6s ease-out;
          			 -moz-transition: all 0.6s ease-out;
          				-ms-transition: all 0.6s ease-out;
          				 -o-transition: all 0.6s ease-out;
          			transition: all 0.6s ease-out;
			    -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
	}
	
	.fromDtoU_2{
		opacity: 0;
	-webkit-transform: translateY(40px);
          			 -moz-transform: translateY(40px);
          				-ms-transform: translateY(40px);
          				 -o-transform: translateY(40px);
          						transform: translateY(40px);	
    		-webkit-transition: all  0.6s ease-out;
          			 -moz-transition: all 0.6s ease-out;
          				-ms-transition: all 0.6s ease-out;
          				 -o-transition: all 0.6s ease-out;
          						transition: all 0.6s ease-out;
  -webkit-transition-delay: 650ms;
  -moz-transition-delay: 650ms;
  -o-transition-delay: 650ms;
  transition-delay: 650ms;
	}
	
	
	.fromDtoU_3{
		opacity: 0;
	-webkit-transform: translateY(40px);
          			 -moz-transform: translateY(40px);
          				-ms-transform: translateY(40px);
          				 -o-transform: translateY(40px);
          						transform: translateY(40px);	
      		-webkit-transition: all  0.6s ease-out;
          			 -moz-transition: all 0.6s ease-out;
          				-ms-transition: all 0.6s ease-out;
          				 -o-transition: all 0.6s ease-out;
          						transition: all 0.6s ease-out;
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  transition-delay: 800ms;
          	}
       
	
	.fromDtoU_4 {
          		opacity: 0;
          		-webkit-transform: translateY(40px);
          			 -moz-transform: translateY(40px);
          				-ms-transform: translateY(40px);
          				 -o-transform: translateY(40px);
          						transform: translateY(40px);
          		-webkit-transition: all  0.6s ease-out;
          			 -moz-transition: all 0.6s ease-out;
          				-ms-transition: all 0.6s ease-out;
          				 -o-transition: all 0.6s ease-out;
          						transition: all 0.6s ease-out;
			    -webkit-transition-delay: 950ms;
  -moz-transition-delay: 950ms;
  -o-transition-delay: 950ms;
  transition-delay: 950ms;
	}
	
	
	.fromDtoU_1.visible,.fromDtoU_2.visible,.fromDtoU_3.visible,.fromDtoU_4.visible {
          		opacity: 1;
          		-webkit-transform: none;
          			 -moz-transform: none;
          				-ms-transform: none;
          				 -o-transform: none;
          						transform: none;
          	}	
	
	
	.item_fade,.logo_fade,.text_fade{
     opacity: 0;
    		-webkit-transition: all 0.6s ease-out;
        			 -moz-transition: all 0.6s ease-out;
        				-ms-transition: all 0.6s ease-out;
        				 -o-transition: all 0.6s ease-out;
        						transition: all 0.6s ease-out;
        	}	
.item_fade.visible,.logo_fade.visible,.text_fade.visible{
        		opacity: 1;
        		-webkit-transform: none;
        			 -moz-transform: none;
        				-ms-transform: none;
        				 -o-transform: none;
        						transform: none;
        	}
	
		
	
	

  .div_studies{
  opacity:0;
  }

	.txt-studies{
  opacity:0;
  }	
	
	.txt-studies-new{
  opacity:0;
  }
	
  .txt-mission{

  opacity:0;

  }

  .img_loghi{
  opacity:0;
  }

.cancel{height:30px;width:auto;margin-top:30px;cursor:pointer;}

  .intest{
    width: 100%;
    text-align: center;padding: 70px 0 60px 0;
  }

  .intest h2{
    font-size: 0.8em;
    color:#888;
    margin:0;
    padding: 0;
  }

  .intest h1{
    font-family: 'Noto Serif JP', serif;
    font-size:2.5em;
    color:#505050;
    letter-spacing: 10px;
    text-align:center;
    margin:10px 0;
    padding: 0;
    font-weight: normal;
  }

  .double{
    width: 30px;
    height:30px;
    margin: 15px auto 0 auto;
    border-top: 2px #888 solid;
  }

  .case-studies{
  width:80%;padding:15% 0 6% 0;margin:180px auto 5% auto;background:url(/images/bgk_case.jpg) no-repeat;background-size: cover;background-position: center;
  }

  .case-studies-new{
  width:100%;padding:20.8% 0;margin:180px auto 0 auto;background:url(/images/bgk_case1.jpg) no-repeat;background-size: cover;background-position: center;
  }
	
	
	
.studies{
max-width:1494px;width:80%;margin:0 auto;
}


.text-studies-new{
		text-align: center;
	font-family: 'Noto Serif JP', serif;
  font-size:1.0em;
  font-weight: normal;
  line-height:1.3em;
  color:#686868;
  text-align:center;
  padding:10px 0;
  background-color:#fff;
	}
	
	
	.w30{
		width: 30%;
	}	
	
		.w35{
		width: 35%;
	}	
		
		.w40{
		width:38%;
			padding: 10px;
	}	
	
	.studies_img{
		position: relative;
	}
	
	
	#studies_neri .studies_img img{
		height: 28vw;
		width: auto;
	}
	
	
	#studies_calistri .first img{
		height: 34.6vw;
		width: auto;
	}

	
	#studies_calistri .other img{
		height: 22vw;
		width: auto;
	}
	
	
	#studies_ricciarelli .first img{
		height: 30vw;
		width: auto;
	}

	
	#studies_ricciarelli .other img{
		height: 23vw;
		width: auto;
	}
	
	
	#studies_landucci .first img{
		height: 33vw;
		width: auto;
	}

	
	#studies_landucci .other img{
		height: 23vw;
		width: auto;
	}
	
	
	#studies_cavalieri .first img{
		height: 33vw;
		width: auto;
	}

	
	#studies_cavalieri .other img{
		height: 24vw;
		width: auto;
	}

	
	

  .referenze{
    width:80%;padding:15% 0 6% 0;margin:180px auto 5% auto;background:url(/images/bgk_referenze.jpg) no-repeat;background-size: cover;background-position: center;
  }


  .referenze-new{
    width:100%;padding:20.8% 0;margin:180px auto 0 auto;background:url(/images/bgk_referenze1.jpg) no-repeat;background-size: cover;background-position: center;
  }


  .contatti-new{
    width:100%;padding:20.8% 0;margin:180px auto 0 auto;background:url(/images/bgk_contatti1.jpg) no-repeat;background-size: cover;background-position: center;
  }

  .social-new{
    width:100%;padding:20.8% 0;margin:180px auto 0 auto;background:url(/images/bgk_social.jpg) no-repeat;background-size: cover;background-position: center;
  }




  .contatti{
    width:80%;padding:15% 0 6% 0;margin:180px auto 0 auto;background:url(/images/bgk_contatti.jpg) no-repeat;background-size: cover;background-position: center;
  }



  .logo_small{
    text-align: center;
    padding: 40px 0 0 0;
  }

.logo_small img{
  height: 70px;
}


  .nav-area{
    position: fixed;
  /*background-color:rgba(237,237,237,.9);*/
  background: url(/images/bgk_menu.jpg) no-repeat #d5d5d5;
  /*background-size:cover;*/
  background-position: bottom right;
  background-repeat: no-repeat;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  }


  .nav-area ul{
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 50px 0 0 0;
  color: #02a8ff;
  text-align: center;
  }

  .nav-area ul li{
  text-align: center;
  margin: 0;
  padding: 15px 4px;
    color: #02a8ff;
    text-transform: uppercase;
    transition: all .5s;
    font-family: 'Questrial', sans-serif;
    font-size:2.0em;
    line-height:1.5;
  }

  .nav-area ul li a{
    color: #02a8ff;
    font-size: 3vh;
  }

  .nav-area ul li:hover{
    color: #555;
      text-decoration: none;
  }

  .nav-area ul li:hover a{
    color: #555;
    text-decoration: none;
  }


  .nav-area a svg:hover{
    fill: #555;
  }


  /*#close-menu-togg{
    width: 60%;
    margin: 0 auto;
    cursor: pointer;
    padding-top: 20px;
    text-align: right;
    font-size: 4.5vh;
    color: #555;
  }

  #close-menu-togg:hover{
  color: #dedede;
  text-decoration: none;
  }*/


  .loghi_carousel{
    width: 80%;
    margin: 0 auto;
  }

      .owl-carousel{
        width: 80%;
        margin: 0 auto;
      }

      .item2{
        margin:0 auto;
        max-width:80%;height:80px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    opacity:0.5;
      }

      .item2:hover{
        -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
    opacity:1;
      }

  .form_right_new textarea
  {width: 500px;
  height:130px;
  }



  #form_info{
  width: 50vw;
  padding:30px;
  background-color: #fff;
  display: none;
  line-height: 1.3;
  }

    .conth1{
      margin: 10px 0;
    }

  #form_info2 h1
   {
   font-size: 1.5em;
   text-transform: uppercase;
   margin-top: 20px;
   text-align:center;
   }


   .form_left, .form_right
   {position:relative;
     font: 0.8em;
   display:inline-block;
   vertical-align:top;
   margin-bottom: 15px;

   }

   .form_left
   {width: 250px;
  text-align: left;
   margin-right: 16px;
   }

   .form_right
   {width: 530px;
   }

   .form_right textarea
   {width: 510px;
   height:130px;
   }


  li.social {
  display: inline;
  width:3%;
  }

  .elenco_servizi{
  line-height:1.5;
  font-size:0.8em
  }

  .div_elenco_servizi{
  overflow:hidden;/*height:80px;*/width:90%;margin:-20px auto 50px auto;
  }


  .elenco_loghi li {
      display: inline-block;
      width: 19%;
  min-width:200px;
      margin-bottom: 5px;
      padding: 0px 0;
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
  opacity:0.5;
  transition: all .5s;

  height:100px;
  }

  .loghi{
    max-width:1494px;width:80%;margin:0 auto;
  }






  .sec-cont{

    max-width:970px;width:50%;height:auto;margin:0 auto
  }


  .spazio{height:180px;}

  .head{
    position:relative;width:80%;margin:0 auto;
  }


.header{
   width:100%;
   background-color: transparent;
   padding:15px 0;
   z-index: 9;
   transition: 0.3s;
   -moz-transition: 0.3s;
   -webkit-transition: 0.3s;
 }

 /*.header-mob{
   display: none;
 }*/


  .logo{
  width:242px;height:auto;margin-bottom:30px;margin-top:25px;

  }


  .shrink{
    padding: 5px 0;
    width: 100%;
    position: fixed;
    top:0;
    /*background-color: #ebe0d8;*/
    background-color: rgba(255,255,255,0.6);
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    z-index:500;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }

 .shrink:hover{
    background-color: rgba(235,225,216,1);

 }

  .shrink .logo{
height: 32px; margin:6px 0 0 0;left:0;
  }

.shrink .logo-div{
  text-align: left;
}

  .shrink .icon-menu img{
width: 18px;height: 18px;
margin-top:8px;
  }


  .shrink .icon-menu img:hover{
	  filter:brightness(0)
  }

  .comunichiamo{

    position:relative;width:80%;margin:0 auto;

  }

  .footer{
  font-family: 'Noto Serif JP', serif;
  font-size:1.0em;
  line-height:1.7em;
  color:#555;
  text-align:center;
  /*height:6%;*/
  /*background-color:#ededed;*/
  background-color:#ebe0d8;
  /*margin-top:2%;*/
  /*padding-top:3%;*/
  margin-top: 40px;
  padding: 60px 0;
  /*position:relative;max-width:1494px;width:80%;margin:0 auto;*/
  position:relative;width:100%;margin:0 auto;
  }

  .link-foot{
    width: 60%;
    margin: 20px auto 0 auto;
  }

  .link-foot a{
    font-size: 0.7em;
    color:#686868;
  }

  .titolo_nota{
  font-size:2.2em;
  line-height:1.3em;
  /*
  color:#333333;
  */
  color:#02a9ff;
  }

.logo_studies{
  width:70%;
  padding:10px;
  text-align: center;

}

.img_loghi{
    width:40%;
	min-width: 220px;
    height:auto;
    margin:0 auto 30px auto;
}


  .txt-studies{
  font-family: 'Noto Serif JP', serif;
  font-size:1.0em;
  font-weight: normal;
  line-height:1.3em;
  color:#686868;
  text-align:center;
  width:90%;
  padding:10px;
  background-color:#fff;
  }
  #some{
  font-family: 'Noto Serif JP', serif;
  font-size:2em;
  color:#505050;
  text-align:center;
  }


  .txt-mission, .txt-mission-new{
    color:#686868;padding-top:0px;
  }

.mission_new{
  width: 80%;
  margin:40px auto;
  /*height: 510px;*/
  padding: 10% 0;
  background: url(/images/trees2.jpg) no-repeat;
  background-size: 100%;
  background-position: left;
  /*background-color: #c0bbb8;*/
}

.mission_new_text{
  width: 55%;
  background-color: #fff;
  padding: 50px;
  margin: 0 auto;
}

.mission_new_text h1{
  font-size: 2.5em;
  line-height: 1.2;
  color:#02a9ff;
  padding:0;
  margin:0 0 10px 0;
  font-weight: lighter;
}

.mission_new_text p{
  font-size: 1em;
  color:#222;
  padding:0;
  margin:0;
  line-height: 1.8;
}

  .mission{
    max-width:970px;width:50%;height:auto;margin:50px auto
  }

.txt-mission,.txt-mission-new{
font-size:1.1vw;
line-height:1.7em;
color:#686868;
text-align:center;
text-decoration:none;
}


.no-span{
color:#686868;
text-decoration:none;
    cursor:default;
}
.no-span:hover{
color:#686868;
text-decoration:none;
}


  .txt-mission span,.txt-mission-new span{
    color:#222;font-size:1.5em; line-height:1.5em; text-decoration:none;
  }

.a-span{
    color:#222; text-decoration:none;
    cursor:default;
  }

  .a-span:hover{
    color:#222; text-decoration:none;
  }





.txt-mission h1, .txt-mission-new h1{
  font-weight: normal;
  color:#686868;
  margin:10px 0 0 0;
  padding: 0;
  font-size: 1.6em;
}

  .txt-studies2{
    display: none;
  }

.referenze-logo{
margin:0 auto;position:relative;width:38%;height:68%;background-color:#fff;
}


.div_referenze{
   width:30%;
      margin:30px 0 50px 0;
      padding: 0px 0;
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
  opacity:0.5;
  transition: all .5s;
  height:100px;
  text-align: center;
}

.div_referenze:hover {

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
opacity:1.0;
}

}

li.social_mobile {
display: none;
}

li.social {
display: none;
}


/*MOBILE*/

@media only screen and (min-width: 0) and (max-width: 850px){

.contatti_menu_desk{
	display:none;
float:right;text-align: center; font-family: 'Noto Serif JP', serif; font-size: 1.0em; font-weight: normal; line-height: 1.3em; color: #686868; text-align: center; padding: 7px 18px;margin-left:50%;
}
	


.cont-slide-new{
	position: relative;
	width: 100%;
	height:173px;
	overflow: hidden;	

}

#slides_new {
width: 100%;
height:100%;
  position: absolute;
	z-index: -5;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		text-align: center;
		 -webkit-animation: zoomin 8s linear;
animation: zoomin 8s linear;
animation-iteration-count: 1;
animation-fill-mode: both;
transition: all .2s linear;
overflow: hidden;	
	
}

	
	
.title_slides{
position:absolute;
z-index:50;
font-family: 'Archivo Black', sans-serif;
font-size:5.5vw;
color:#fff;
width:100%;
height:100%;
padding-top:22%;
text-align:center;
}

	

  .header{
     width:100%;
     background-color: transparent;
     padding:0;
     z-index: 9;
     transition: 0.3s;
     -moz-transition: 0.3s;
     -webkit-transition: 0.3s;
   }

  .shrink{
    padding: 5px 0;
    width: 100%;
    position: fixed;
    top:0;
    /*background-color: #ededed;*/
    background-color: #ebe0d8;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    z-index:500;
  }

  .shrink .head{
        width: 90%;
        margin: 0 auto;
  }

  .shrink .logo-div img{
height: 32px; margin:6px 0 0 0;left:0;
  }

.shrink .logo-div{
  text-align: left;
  width: 30%;
}

  .shrink .icon-menu{
    width: 50%;
    text-align: right;
    padding-right: 40px;
  }

  .shrink .icon-menu img{
width: 18px;height: 18px;
margin-top:8px;
  }





  .div_studies{
  opacity:1;
  }
  .txt-studies{
  opacity:1;

  } 
	
	.txt-studies-new{
  opacity:1;

  }
  .txt-mission{

  opacity:1;

  }

  .img_loghi{
  opacity:1;
  }

/*.header{
  display: none;
}*/

.punto{

display:none;
}

.desk{

display:none;

}
  .intest{
    width: 100%;
    text-align: center;padding: 20px 0 0 0;
  }

  .intest h2{
    font-size: 0.8em;
    color:#888;
    margin:5px 0 0 0;
    padding: 0;
  }

  .intest h1{
    font-family: 'Noto Serif JP', serif;
    font-size:1.3em;
    color:#505050;
    /*letter-spacing: 3px;*/
    text-align:center;
    margin:8px 0;
    padding: 0;
    font-weight: normal;
  }

  .double{
    width: 30px;
    height:30px;
    margin: 10px auto 0 auto;
    border-top: 2px #888 solid;
  }

  .case-studies{
  width:40%;padding:15% 0 6% 0;margin:40px auto 5% auto;background:url(/images/bgk_case.jpg) no-repeat;background-size: cover;background-position: center;
  }

  .case-studies-new{
  width:90%;padding:23% 0;margin:40px auto 0 auto;background:url(/images/bgk_case1.jpg) no-repeat;background-size: cover;background-position: center;
  }
	
	
	
.studies{
width:90%;margin:0 auto 20px auto;
	padding-bottom: 20px;
	border-bottom: 3px solid #D9CFC5;
}


.text-studies-new{
		width: 100%;
		text-align: center;
	font-family: 'Noto Serif JP', serif;
  font-size:1.0em;
  font-weight: normal;
  line-height:1.3em;
  color:#686868;
  text-align:center;
  padding:10px;
  background-color:#fff;
	}	
	
	.studies_img{
		position: relative;
	}
	
	
	.studies_img img{
		height: auto;
		width: 100%;
		margin: 0 auto;
	}

	

  .referenze{
    width:40%;padding:15% 0 6% 0;margin:40px auto 5% auto;background:url(/images/bgk_referenze.jpg) no-repeat;background-size: cover;background-position: center;
  }


  .referenze-new{
    width:90%;padding:23% 0;margin:40px auto 0 auto;background:url(/images/bgk_referenze1.jpg) no-repeat;background-size: cover;background-position: center;
  }


  .contatti-new{
    width:90%;padding:23% 0;margin:40px auto 0 auto;background:url(/images/bgk_contatti1.jpg) no-repeat;background-size: cover;background-position: center;
  }

  .social-new{
    width:90%;padding:23% 0;margin:40px auto 0 auto;background:url(/images/bgk_social.jpg) no-repeat;background-size: cover;background-position: center;
  }

  .contatti{
    width:40%;padding:15% 0 6% 0;margin:40px auto 0 auto;background:url(/images/bgk_contatti.jpg) no-repeat;background-size: cover;background-position: center;
  }

.cancel{height:15px;width:auto;margin-top:10px;cursor:pointer;}

  .logo_small{
    text-align: center;
    padding: 20px 0 0 0;
  }

.logo_small img{
  height: 40px;
}


  .nav-area{
    position: fixed;
  /*background-color:rgba(237,237,237,.9);*/
  background-color: #d9cfc5;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  }


  .nav-area ul{
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 50px 0 0 0;
  color: #02a8ff;
  text-align: center;
  }

  .nav-area ul li{
  text-align: center;
  margin: 0;
  padding: 8px 4px;
    color: #02a8ff;
    text-transform: uppercase;
    transition: all .5s;
    font-family: 'Questrial', sans-serif;
    font-size:1.2em;
    line-height:1.5;
  }

  .nav-area ul li a{
    color: #02a8ff;
  }

  .nav-area ul li:hover{
    color: #555;
      text-decoration: none;
  }

  .nav-area ul li:hover a{
    color: #555;
    text-decoration: none;
  }

.nav-area a svg:hover{
  fill: #555;
}

  /*#close-menu-togg{
    width: 60%;
    margin: 0 auto;
    cursor: pointer;
    padding-top: 20px;
    text-align: right;
    font-size: 4.5vh;
    color: #555;
  }

  #close-menu-togg:hover{
  color: #dedede;
  text-decoration: none;
  }*/


  .form_right_new textarea
  {width: 250px;
  height:100px;
  }


  #form_info{
  width: 100%;
  padding:10px;
  background-color: #fff;
  display: none;
  line-height: 1.3;
  }

  #form_info2 h1
   {
   font-size: 1.2em;
   text-transform: uppercase;
   margin-top: 20px;
   text-align:center;
   }


   .form_left, .form_right
   {
   display:block;
   margin-bottom: 15px;

   }

   .form_left_new
   {width: 250px;
  text-align: left;
   /*margin-right: 16px;*/
   }



  li.social {
  display: none;
  }

  li.social_mobile {
  display: inline;
  }

  .elenco_servizi{
  line-height:1.2;
  font-size:1em;
  margin-top:10px;
  }
  .div_elenco_servizi{
  /*height:200px;*/
  overflow:hidden;width:100%;

  }


  .referenze-logo{
  position:relative;max-width:35%;height:50px;background-color:#fff;
  margin:0 auto;
  }

  .elenco_loghi li {
      display: inline-block;
  width:100%;
      margin-bottom: 50px;
      padding: 0px 0;
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
  opacity:0.5;
  transition: all .5s;
  height:100px;
  }

.div_referenze{
   width:100%;
      margin-bottom: 20px;
      padding: 0 0 20px 0;
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
  opacity:0.5;
  transition: all .5s;
  text-align: center;
border-bottom: 1px solid #dedede;
}


.div_referenze:hover {

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
opacity:1.0;
}


  .loghi{
    width:90%;margin:0 auto;
    padding: 0;
  }




  .contatti{

    width:90%;margin:0 auto;
    padding: 0;
  }


  .sec-cont{
  width:90%;margin:0 auto;
  padding:0;
  }


  .spazio{height:40px;}

  .head{
    position:relative;width:90%;margin:0 auto;
  }

  .logo{
  width:242px;height:auto;margin-bottom:30px;margin-top:25px;

  }

  .comunichiamo{

    position:relative;width:90%;margin:0 auto;

  }

  .footer{
  font-family: 'Noto Serif JP', serif;
  font-size:0.8em;
  line-height:1.2em;
  color:#686868;
  text-align:center;
  /*height:6%;*/
  background-color:#dedede;
  /*margin-top:2%;*/
  /*padding-top:3%;*/
  margin-top: 40px;
  padding: 30px 0 10px 0;
  position:relative;width:90%;margin:0 auto;
  }


  .link-foot{
    width: 90%;
    margin: 20px auto 0 auto;
  }

  .link-foot a{
    font-size: 0.7em;
    color:#686868;
  }


  .titolo_nota{
  font-size:1.2em;
  line-height:1.2em;
  /*
  color:#333333;
  */
  color:#02a9ff;
  }

  .txt-studies2{
  font-family: 'Noto Serif JP', serif;
  font-size:1.0em;
  line-height:1.3em;
  color:#686868;
  text-align:center;
  width:90%;
  padding:30px 0;
  }

  .img_loghi{
width:60%;margin-top:10px;
  }
  .txt-studies{
display: none;
  }

.logo_studies{
  background-color: rgba(255,255,255,0.7);
}

  #some{
  font-family: 'Noto Serif JP', serif;
  font-size:1.5em;
  color:#222;
  text-align:center;
  padding-top:50px;
  }

  .txt-mission, .txt-mission-new{
  font-family: 'Noto Serif JP', serif;
  font-size:1.2em;
  line-height:1.5em;
  color:#686868;
  text-align:center;
  }

  .txt-mission,.txt-mission-new{
    color:#686868;padding-top:0px;
  }

.no-span{
  color:#686868;
  text-decoration:none;
}



  .mission{
    width:90%;height:auto;margin:20px auto
  }

  .txt-mission span,.txt-mission-new span{
    color:#222; line-height:1.5em;
  }

.a-span{
color:#222;
  text-decoration:none;

}

  .mission_new{
    width: 90%;
    margin:40px auto;
    /*height: 510px;*/
    padding: 10% 0;
    background: url(/images/trees2.jpg) no-repeat;
    background-size: cover;
    background-position: left;
  }

  .mission_new_text{
    width: 80%;
    background-color: rgba(255,255,255,0.9);
    padding: 10px;
    margin: 0 auto;
  }

  .mission_new_text h1{
    font-size: 1.4em;
    line-height: 1.2;
    color:#02a9ff;
    padding:0;
    margin:0 0 10px 0;
    font-weight: lighter;
  }

  .mission_new_text p{
    font-size: 0.8em;
    color:#222;
    padding:0;
    margin:0;
    line-height: 1.5;
  }

  .loghi_carousel{
    width: 90%;
    margin: 0 auto;
  }

      .owl-carousel{
        width: 80%;
        margin: 0 auto;
      }

      .item2{
        margin:0 auto;
        max-width:80%;height:80px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    opacity:0.5;
      }

      .item2:hover{
        -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
    opacity:1;
      }

.owl-dots{
  display: none;
}
}