@charset "utf-8";

/* CSS Document */



body{

	padding: 0;

	margin: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	margin-top:0 !important;

	

}

body.home{

/*background-image: url(../sfondi-home/slide3.jpg) !important;*/

   

    background-position: center center;

    background-size: cover;

}



* {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	/* font-family: 'web_serveroffregular';*/

	font-size: 13px;

	color: #000;

}

#counter{ display:none}

#contatore{ width:90% !important; position:relative !important; margin:15% auto !important ; font-size:50px !important; font-family: 'web_serveroffregular'!important; color:#333 !important; text-align:center  }

/*font*/

@font-face {

    font-family: 'web_serveroffregular';

    src: url('../fonts/web_serveroff-webfont.woff2') format('woff2'),

         url('../fonts/web_serveroff-webfont.woff') format('woff');

    font-weight: bold;

    font-style: normal;



}





@font-face {

    font-family: 'web_serveroffitalic';

    src: url('../fonts/web_serveroff-italic-webfont.woff2') format('woff2'),

         url('../fonts/web_serveroff-italic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





/* end font*/





#content>h1{ width:100%; text-align:left; margin:5px 25px; padding:0;font-family: 'web_serveroffregular'; font-size:34px; }

#snippet{ display:none}

.clear{ width:100%; clear:both}

#center-home{  box-sizing:border-box; margin:18% auto 10%; width:800px; height:250px;  text-align:center; position:relative



 }

 #center-home img{ width:90%; max-width:600px} 

 #center-home h1{ font-size:32px;color:#FFF; text-transform:uppercase; letter-spacing:3px; margin:5px}

  #center-home h2{ font-size:16px;color:#FFF; font-weight:normal}

  

   #center-home>a{  font-size:16px;color:#FFF; background:rgba(255,255,255,.3); text-align:center; font-weight:normal; border:2px solid #fff; padding:15px; width:80px; float:left; width:15%; text-transform:uppercase; letter-spacing:2px;  text-decoration:none; display:block; position:relative; -webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

-0-transition: all 0.4s;

	transition: all 0.4s;}

   #center-home>a:hover{  background:rgba(255,255,255,.8); color:#000;-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

-0-transition: all 0.2s;

	transition: all 0.2s;}

	

	#center-home>a.left{margin:30px 5% 30px 25%}

	#center-home>a.right{ margin:30px 25% 30px 5%}

	

	.readmore a{ font-size:16px;color:#999; font-weight:normal; border:2px solid #999; padding:15px; width:200px; text-transform:uppercase; letter-spacing:2px; text-align:center;  text-decoration:none; display:block; position:relative; margin:30px auto;-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

-0-transition: all 0.4s;

	transition: all 0.4s;}

	.readmore a:hover{ color:#fff;border:2px solid #777; background:#999;-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

-0-transition: all 0.2s;

	transition: all 0.2s;}

	

	#social{ width:60%; margin:20px auto; position:relative; max-width:300px; text-align:center}

 #social a{ width:20%; margin:2px 2.5%; float:left}

  #social a img{ width:80%; opacity:.8}

  #social a img:hover{ opacity:1}

  #social.pagineint{ margin:20px auto; max-width:280px; padding-bottom:35px}



#content{ width:100%; clear:both; min-height:400px; padding-bottom:120px; display:block}

#top{width:100%;}

#name{ width:25%; float:left; text-align:left; padding:5px 20px; box-sizing:border-box}

 #name h1{ font-size:32px;color:#999; text-transform:uppercase;  letter-spacing:2px; margin:5px; }

 #name h2{ font-size:16px;color:#999; font-weight:normal}

#name img{ width:90%; max-width:250px; border: none} 



#menu{ width:75%; float:left}



#menu ul{ margin:27px 20%; padding:0; width:60%;}

#menu ul li{ float:left; text-align:center;  list-style:none; margin:0 }

#menu ul li a{font-family: 'web_serveroffregular'; display:block; font-size:28px; text-decoration:none; color:#666; padding:20px 15px ; box-sizing:border-box; text-transform:uppercase;

-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

-0-transition: all 0.4s;

	transition: all 0.4s; }

#menu ul li a:hover{ color:#999;-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

-0-transition: all 0.2s;

	transition: all 0.2s;; text-decoration:underline  }



/* menu burger */



.header {

 

 /* box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/

  position: fixed;

  width: 100%;

  z-index: 3;

  display:none;

  top:0

}



.header ul {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow: hidden;

  background: rgba(255,255,255,1);

}



.header li a {

  display: block;

  padding: 10px 20px;

  border-right: 1px solid #eee;

  border-bottom:1px solid #ddd;

  text-decoration: none;

  text-transform:uppercase; font-size:24px;

  color:#444;

  text-align:center;

  font-family: 'web_serveroffregular';

 

}



.header li a:hover,

.header .menu-btn:hover {

  background-color: #f4f4f4;

  

}



.header .logo {

  display: block;

  float: left;

  font-size: 2em;

  padding: 10px 20px;

  text-decoration: none;

}



/* menu */



.header .menu {

  clear: both;

  max-height: 0;

  transition: max-height .2s ease-out;

      box-shadow: 0px 0px 50px #666;

}



/* menu icon */



.header .menu-icon {

    cursor: pointer;

    display: inline-block;

    float: right;

    padding: 20px 12px 0;

    position: absolute;

    user-select: none;

    right: 0;

    height: 20px;

    background: #fff;

    border-radius: 7px;

}

.header .menu-icon .navicon {

  background: #333;

  display: block;

  height: 2px;

  position: relative;

  transition: background .2s ease-out;

  width: 18px;

}



.header .menu-icon .navicon:before,

.header .menu-icon .navicon:after {

  background: #333;

  content: '';

  display: block;

  height: 100%;

  position: absolute;

  transition: all .2s ease-out;

  width: 100%;

}



.header .menu-icon .navicon:before {

  top: 5px;

}



.header .menu-icon .navicon:after {

  top: -5px;

}



/* menu btn */



.header .menu-btn {

  display: none;

}



.header .menu-btn:checked ~ .menu {

  max-height: none;

  width: 80%;

    margin-left: 10%;

    margin-right: 10%;

}



.header .menu-btn:checked ~ .menu-icon .navicon {

  background: transparent;

}



.header .menu-btn:checked ~ .menu-icon .navicon:before {

  transform: rotate(-45deg);

}



.header .menu-btn:checked ~ .menu-icon .navicon:after {

  transform: rotate(45deg);

}



.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {

  top: 0;

}





/*  fine menu burger */





#showreel { width:76%; margin:10px 12%; text-align:center}

#showreel iframe{ width:100%; height:735px}



 	#fullgallery{ width:100%;}

	 #links { font-size:0;  margin/* max-height:250px*/}

	 #links img{ margin:10PX}

	#links img:hover{ opacity:.7; cursor:url(../images/lente.cur), default !important }

	#links a{ text-decoration:none; }

	  #links.fotogallery a h3{font-family: 'web_serveroffregular'; font-size:26px; width:100%;

	      margin: 2px auto 10px auto;

    text-align: center;

	float:left

	    

	  }

	  

	  #links.fotogallery div.morephoto{  background:#fff; border:1px solid #999; color:#666; padding:3px;  display:none}

	   #links.fotogallery div.morephoto:hover{ background:#fff }

	  

	  

	#links.fotogallery img{ width:100% ; text-align:center}



	#links.fotogallery a { width:31%; margin:20px 1%; float:left }

	#links.disegni img{ width:28%; margin:20px 2.6%; max-height: inherit; border:1px solid #999}

	

	#links.border img { border:1px solid #999}

.spacer-fotogallery{width:0%; margin:20px 8.5%; float:left ; height:200px; }

.spacer-fotogallery-tablet{ display:none}

.spacer-disegni{width:30%; margin:20px 1.5%; float:left ; height:200px;}

.info-fotogallery{ width:100%;font-family: 'web_serveroffregular'; font-size:24px; text-align:center ; margin:20px auto}



#videogallery{ padding-bottom:70px; text-align:center}

#videogallery a{ width:33.2%; float:left}

#videogallery a img{ width:100%}

#videogallery a img:hover{ opacity:.7; cursor:url(../images/lente.cur), default !important }

#videogallery a { font-size:0}



.caption {

    font-family: 'web_serveroffregular';

    line-height: inherit !important;

    font-size: 20px;

    height: auto !important;

    line-height: 24px !important;

   padding: 10px 30px 15px 30px;

   box-sizing:border-box;

   	position:inherit !important

	

}





.player .vp-player-layout{ top:0 !important}



.poptrox-popup{ padding-bottom: inherit !important; width:82% !important; max-width:1600px}

.closer{ font-size:30px !important;

   }



.testo {

    font-family: 'web_serveroffregular';

    width: 42%;

    position: relative;

    margin: 20px auto;

    /* float: left; */

    font-size: 24px;

    line-height: 28px;

}

.testo img{ float:left; margin:10px 20px 20px 0}



.awards {  width:70%; margin:0px 15%; padding:50px 0;  }

.loghi-awards{ width:250px; float:left; text-align:center}

.loghi-awards img{ margin:0 25px 30px 0 }

.elenco-awards{  font-size:22px; margin-bottom:25px; line-height:28px; float:left; width:auto ; font-family: 'web_serveroffregular'; }



.large { width:80%; margin:20px 10%}

.eng{ font-style:italic;}





	#copy{ width:100%; clear:both; text-align:center; font-size:11px}

	

	#footer{ background:#dedede; padding:5px; box-sizing:border-box; position:fixed; bottom:0; width:100%}

	#av_toolbar_iframe, #av_toolbar_regdiv{ display:none !important}

	



.blueimp-gallery > .title {

   

    font-size: 16px;

    line-height: 26px;

    color: #333;

	background:rgba( 255,255,255, .9);

    opacity: 1;

	text-align:center;

	width:90%;

	/*text-transform:uppercase*/

   

	}

	

	 .disegni .blueimp-gallery > .title {

       bottom: 5px;

	   top:auto;

	   width:90%; margin:0 5%

	   

   

}





#dati-contact{ float:left; width:20%;  font-family:'web_serveroffregular'; font-size:24px;  margin:0 5%}

#dati-contact a{  font-family:'web_serveroffregular'; font-size:24px; text-decoration:none }



#form-contact{ float:right; width:60%; margin:0 5%; text-align:right}

#form-contact input, #form-contact textarea{ width:50%; position:relative; padding:5px; margin:10px 25%;  font-family:'web_serveroffregular'; font-size:20px; resize:none; box-sizing:border-box}



#form-contact input.check{ width:40px;  margin:10px 0px 10px 25%; float:left  }



#form-contact input.send{ width:auto; background:#999; border:none; padding:10px 20px}

#form-contact input.send:hover{  background:#666; color:#fff; cursor: pointer;}

label.copy{ width:45%; float:left; margin-left:0; text-align:left; font-size:12px}

label.copy a{ font-size:12px}

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

		#menu ul {

    margin: 30px 2%;

    padding: 0;

    width: 95%;

}

		#name{ width:30%;}

		#menu{ width:70%;}

		.blueimp-gallery > .slides > .slide > .slide-content {

    max-height: 600px;}

	



#links.fotogallery a { width:48%; margin:20px 1%; float:left }





	#links.disegni img{ width:38%; margin:20px 5.6%; }





#videogallery a { width:50%}

.spacer-fotogallery{ display:none}

.spacer-fotogallery-tablet{width:10%; margin:20px 7.5%; float:left ; height:200px; display:block }

	#footer {

   position: relative;

   margin-top:30px

   

}



.spacer-disegni{display:none;}



}

		

		

		

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

		#menu ul{ margin:30px 2%; padding:0; width:96%;}

		#menu ul li a { padding:10px}

		.awards { width:90%; margin:0px 5%;  }

	#footer {

   position: relative;

   margin-top:30px

   

}	

	

	.testo {

  

    width: 60%;

		

		}