body {
margin:0px;
font-family:arial;
background:url(../img/logolungo.jpg) no-repeat left 150px fixed #fdfdfd;
x-scroll:hidden;
overflow-x: hidden;
}
.fontA{font-family: 'Oswald', sans-serif;}
.fontB{font-family: 'Dosis', sans-serif;}

.bordo1{
border: 1px solid #cccccc;
border-radius: 4px; 
-moz-border-radius: 4px; /* firefox */  
-webkit-border-radius: 4px; /* safari, chrome */
padding: 10px 7px 10px 7px;
width:95%;
}
.bordo1:focus{border-color:#00AAE7;box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF;}

.inputbord2{
border:1px solid #cccccc !important;
padding:10px;
font-size:15px;
box-shadow: inset 0 7px 3px -7px rgba(0,0,0,0.7)
}
.inputbord2:focus{
border:1px solid #00ccff;
box-shadow:0px 0px 5px #00ccff;
}

.boxdiv{
position:fixed;
max-width:750px;
height:330px;
border:4px solid #cccccc;
background:#ffffff;
box-shadow:0px 0px 7px #000;
padding:15px;
top:100px;
left:50%;
margin-left:-390px;
z-index:999;
overflow-y: scroll;
display:none;
}

.boxdiv2{
position:absolute;
width:630px;
height:250px;
border:6px solid #ff9900;
background:url(../img/frecciasx.png)no-repeat left 90px top 150px #ffffff;
box-shadow:0px 0px 10px #000;
padding:15px;
top:290px;
left:65px;
z-index:999;
display:none;
cursor:pointer;
}

.boximg{
width:80px;
display:inline-block;
border:1px solid #ffffff;
margin:15px;
z-index:1;
position:relative;
cursor:pointer;
background:#ffffff;
}
.boximg:hover{
border:1px solid #cccccc;
background:#ffffff;
z-index:999;
}

.boximgint{
position:absolute;
top:0px;
left:0px;
background:url(../img/bkg.png);
z-index:1000;
}

.imgunder{width:100%;position:relative;background:#ffffff;border:3px solid #ffffff;}

.boxclick{width:75px;padding:2px;background:#000000;position:absolute;top:3px;left:1px;color:#ffffff;font-size:9px;text-align:center;}

.cazzuto{
display:none;
background:#fdfdfd;
position:absolute;
top:-50px;
left:90px;
padding:10px;
box-shadow:0px 1px 5px #666;
border:1px solid #cccccc;
z-index:9999;
}

.cornice{
border:2px solid #ccc;
background:#ffffff;
padding:10px;
width:100%;max-width:825px;margin-bottom:35px;
}
.cornice:hover{box-shadow:0px 1px 10px #666;}

.cornice1 {
width:100%;max-width:825px;margin-bottom:20px;padding:10px;background:url(../img/transp.png);padding:10px;
}

.corniceflag{
border-left:4px solid #cccccc;
border-right:4px solid #cccccc;
border-bottom:4px solid #cccccc;
background:url(../img/transp.png);
padding:5px 5px 15px 5px;
width:100%;
display:none;
z-index:9999999;
border-radius-bottom-left: 10px; 
-moz-border-radius-bottom-left: 10px; /* firefox */  
-webkit-border-radius-bottom-left: 10px; /* safari, chrome */
border-radius-bottom-right: 10px; 
-moz-border-radius-bottom-right: 10px; /* firefox */  
-webkit-border-radius-bottom-right: 10px; /* safari, chrome */
}

.flag{float:left;margin:10px;text-decoration:none;font-size:11px;color:#000000;height:32px;width:50px;}
.flag img{margin-bottom:3px;}
.flag:hover{color:#ff0000;}

a.x102 {color: #ffffff;text-decoration: none;}
a.x102:hover {color: #FF9900;}
a.go1{
background:#ff9900;border:1px solid #ff6600;padding:5px 10px 5px 10px;color:#ffffff;height:20px;line-height:20px;text-decoration:none;
}
a.go1:hover{box-shadow:1px 1px 2px #666 inset;}
a.link{background:url(../img/pal1.png)no-repeat left center;padding:5px 0px 5px 30px;display:block;color:#666666;text-decoration:none;}
a.link:hover{background:url(../img/pal2.png)no-repeat left center;color:#ff9900;}
a.link2{background:url(../img/pal3.png)no-repeat left center;padding:3px 0px 3px 20px;display:block;color:#ffffff;text-decoration:none;background-size:4%;}
a.link2:hover{background:url(../img/pal4.png)no-repeat left center;color:#000000;background-size:4%;}
 a.button {
	display:block;
	padding:5px 10px 5px 10px;
	background:#70c395;
	border:#009900 1px solid;
	color:#ffffff !important;
	text-align:center;
	line-height:20px;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	box-shadow:0 0 2px #000, inset 0 1px 1px #ffffff; -webkit-box-shadow:0 0 2px #000, inset 0 1px 1px #409767; -moz-box-shadow:0 0 2px #000, inset 0 1px 1px #ff0000;
	cursor:pointer;
	text-decoration:none;
}
a.button:hover {
	background:#409767;
	text-decoration:none !important;
	cursor:pointer
}

a.soc:hover{opacity:0.5}

.creations{background:url(../img/marchioico.jpg)no-repeat left center;width:100%;border-bottom:1px solid #cccccc;padding:7px 0px 7px 50px;}

.creationsbis{
width:100%;
line-height:40px;
background:#333333;
color:#ffffff;
padding:4px 10px;
}

.counter{
background:url(../img/counter.png)no-repeat center center;
height:38px;
width:26px;
text-align:center;
line-height:38px;
margin:1px;
float:left;
font-size:24px;
font-weight:bold;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
color:#333;
}

#video{position:fixed;width:70%;height:auto;top:15%;left:50%;margin-left:-35%;background:#000000;padding:15px;display:none;z-index:999999;}
.video-container {position:relative;padding-bottom:52.25%;padding-top:30px;height:0;overflow:hidden;margin:20px 0px;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.videotut{position:absolute;background:url(../img/m43c.png)no-repeat left 5px top 0px #ff9900;color:#000;padding:3px 5px 3px 40px;top:7px;right:7px;z-index:99;text-decoration:none;border-bottom:3px solid #ff6600;}
.videotut:hover{background:url(../img/m43c.png)no-repeat left 5px top 2px #ff6600;color:#fff;padding:4px 5px 2px 40px;}
#box-banner{width:300px;height:600px;text-align:center;position:relative;}

.edmod{background:#ff0000;width:100%;max-width:800px;padding:10px;color:#fff;font-size:30px;cursor:pointer;text-align:center;display:none;}
.edmod:hover{background:#cc0000;}
.edmod2{background:#ff0000;width:100%;max-width:800px;padding-bottom:7px;color:#fff;font-size:27px;cursor:pointer;text-align:center;display:none;overflow:hidden;}
.edmod2:hover{background:#cc0000;}

/* impl x responsive */
.maxwidth{width:100%; padding:25px 30px 25px 150px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*testata*/
.barrahead{width:100%;min-height:40px;background:#000000;border-bottom:2px solid #ff9900;}
.testata{background:url(../img/logofactory-transp-testata.png)no-repeat left center;color: #ffffff;text-decoration:none;padding:9px 0px 0px 55px;height:40px;font-family:Trebuchet MS;}
.testata:hover {color: #FF9900;}
.barraheadlg{height:40px;border-left:1px solid #fff;}
.lg{background:url(../img/freccia.png)no-repeat right 5px center #ff9900;padding:4px 27px 4px 35px;text-decoration:none;color:#000000;border:1px solid #fff;margin-left:2px;font-size:11px;}
.lg:hover{color:#ff9900;box-shadow:1px 1px 2px #666 inset;}
.cont{background:url(../img/email.png)no-repeat center center #000000;width:30px;height:23px;text-decoration:none;color:#000000;margin:0px 10px 0px 0px;border:0px solid #fff;}
.cont:hover{background-color:#ff9900;}
#strillo{width:100%;max-width:348px;margin-right:15%;margin-top:70px;}
#strillo3{margin-left:0px;margin-top:0px;position:absolute;top:160px;right:17%;}
#test{width:100%;height:350px;background:url(../img/logolungo.png)no-repeat left 17px top 279px fixed, url(../img/bkglf3.jpg)no-repeat center top -200px fixed #fff;margin-bottom:15px;margin-top:0px;box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.7);position:relative;}
.fumetto{background:#ff0000;padding:10px 30px;text-align:center;margin-top:-15px;font-size:30px;color:#fff;cursor:pointer;}
.celltest{margin-left:20%;}
#logovert{position:fixed;left:0px;bottom:10px;}
.testclaim{width:100%;height:350px;top:0;left:0px;overflow:hidden;}

/*home*/
.famous{background:#ebebeb;padding:7px 15px;}
.sas{width:150px;height:150px; margin:5vw;background:#FFEFD5;padding:30px 15px 15px 15px;font-size:16px;color:#666;}
#scl{width:100%;max-width:830px;padding-right:15px;line-height:19px;font-size:14px;text-align:left;border-right:0px solid #ccc;vertical-align:top;}
#scr{width:100%;max-width:330px;padding-left:0px;}
.boxl{width:50%;float:left;}
.boxr{width:50%;float:right;}
.boxl2{width:50%;float:right;}
.boxr2{width:50%;float:left;}
.boxl3{width:60%;float:left;}
.boxr3{width:40%;float:right;}
.boxlog{width:17vw; height:17vw; margin:1vw;background-repeat:no-repeat;background-position:center center;background-size:75%;background-color:#fff;}
.boxlogdev{padding:4px;color:#ffffff;font-size:10px;margin-top:5px;position:absolute;top:-10px; left:50%;width:120px;margin-left:-50px;text-align:center;text-transform:capitalize;}
.boxfile{width:14vw; height:14vw; margin:1vw;background-repeat:no-repeat;background-position:center center;background-size:70%;background-color:#fff;}
.catlogo{background:#ebebeb;padding:6px 10px;margin:7px 10px;color:#666;}
.catlogo:hover{background:#ff9900;color:#fff;}

#banner {width:300px; height: 600px; }
.banner2 { display:inline-block; width:300px; height:600px; }

#pioppo{
background-color: #ff9900;
color: #000;position:absolute;left:50%;top:-90px;padding:7px 15px;font-size:18px;text-decoration:none;width:250px;margin-left:-125px;
}

.catrighe{width:100%;border-bottom:1px dotted #ccc;padding:8px 0px;color:#ccc;}
.catrighe:hover{color:#ff9900;padding:8px 0px 8px 10px;}

.footer{margin-top:30px;width:100%;min-height:150px;background:#333333;border-top:5px solid #808080;font-size:13px;padding:30px;}
.foot1{width:20%;text-align:left;float:left;}
.foot4{width:100%;text-align:center;display:none;padding-top:15px;}
.foot5{clear:left;display:none;}
.foot3{width:20%;float:right;text-align:right;}

/* anim cell */
.dxsx{animation:cipciop 5s;}
@keyframes cipciop {
0% {-webkit-transform: rotate(0deg);}
50% {-webkit-transform: rotate(6deg);}
100% {-webkit-transform: rotate(0deg);}
}

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.firstletter::first-letter {
   float:left;font-size:80px;line-height:80px;margin:-15px 10px -20px 0px;font-family:tims;color:#808080;
}

#cookieChoiceInfo {           
  background-color: #000;     
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;		 
  font-size: 16px;            
  color: #DDD;               
  padding: 30px;             
  opacity: .8;             
}
#cookieInfoLink {                      
  color: #E00;                
  text-decoration: underline; 
}
#cookieInfoLink:hover {     
                             
  color: #F44;               
  test-decoration:none;     
}
#cookieChoiceDismiss {     
			   
  background-color: #0A0;   
  color: #FFF;               
  text-decoration: none;    
  font-weight: 600;        
  font-size: 16px;
  padding: 3px 10px;          
  border-radius:  3px;      
}
#cookieChoiceDismiss:hover {  
  background-color: #0F0;
}

.fb-page{width:300px;}

@media screen and (max-width:1500px)
{
.celltest{margin-left:17%;}
}
@media screen and (max-width:1400px)
{
#strillo{margin-right:10%;}
#strillo3{right:13%;}
.celltest{margin-left:14%;}
}
@media screen and (max-width:1250px)
{
.celltest{margin-left:8%;}
}
@media screen and (max-width:1100px)
{
#scl{width:100%!important;max-width:100%!important;border:none!important;padding-right:0px;}
#scr{width:100%!important;max-width:100%!important;margin-left:0px;}
.cell{display:block!important;width:100%!important;}
.rsz{width:100%!important;}
.cornice{width:100%!important;max-width:100%!important;}
.cornice1{width:100%!important;max-width:100%!important;}
.trynow{margin-bottom:30px;margin-top:10px;}
#strillo{margin-right:1%!important;}
#strillo3{right:1%;}
.celltest{margin-left:0%;}
.boxdiv{width:95%!important;margin-left:0px!important;left:10px!important;}
.banner2 { display:none!important; } 
#box-banner{width:100%!important;height:auto!important;padding:0px 0px;}
#banner{width:100%!important;height:90px!important;position:relative!important;top:0px!important;left:0px!important;} 
#promoapp1{display:none!important;}
#promoapp2{display:block!important;}
.fb-page{width:500px!important;}

}

@media screen and (max-width:850px)
{
#flashmaster{display:none!important;}
.edmod{display:block!important;}
.edmod2{display:block!important;}
.boxlog{width:30vw; height:30vw; margin:1vw;}
.boxfile{width:30vw; height:30vw; margin:1vw;}
.celltest{margin-left:-10%;}
.maxwidth{padding:0 25px 0 25px!important;}
body{background:#fdfdfd;}
}

@media screen and (max-width:700px)
{
.rsz{width:100%!important;}
.rsz1{width:100%!important;margin:0px!important;padding:0px!important;}
.foot3{display:none!important;}
.foot4{display:block!important;}
.foot5{display:block!important;}
#strillo{width:270px!important;margin-top:200px!important;margin-right:0px!important;}
#strillo3{right:20px;width:100px!important;}
.celltest{margin-left:-25%;}
#cookieChoiceInfo{font-size:14px!important;}
#box-banner{height:auto;}
}

@media screen and (max-width:500px)
{
.rsz2{width:100%!important;}
.fb-page{width:180px!important;}
.boxlog{width:50vw; height:50vw;}
.boxfile{width:50vw; height:50vw;}
.titlersz{font-size:30px!important;}
.testata{display:none;}

.celltest{margin-left:-36%;}
body{background:#fdfdfd}
}