@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	color:#000;
	box-sizing: border-box;
}

input:focus, button:focus {outline:0;}

img {
    vertical-align: middle; /* togliere margine bot delle immagini di 3 px */
}

a{
	color:#986C35 /* oro scuro */;
	/*color:#C99D66/* gold*/
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.floatstop {
	clear:both;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.pointer{
	cursor:pointer;
}

.flex {
	width:100%;
}

ul li{ 
	list-style:none;
}

.visible-only-small{
	display:block;
}

.visible-only-large{
	display:none;
}


/* TEXT */


html,body{
	font-family: 'Roboto Slab', serif;
	color:#000;
	font-weight:300;
	width:100%;
	height:100%;	
}

#hamburger-start:checked ~ html,body {
	overflow-x:hidden; /* per scorrimento */ 	
}

h1{
	text-align:center;
	font-size:1.4em;
	padding-top:6px;
	color:#C99D66; /* gold*/
	padding:16px;
	font-weight:400;
	line-height:1.6em;
}

h2{
	text-align:center;
	font-size:1.2em;
	padding:16px;
	font-weight:400;
	line-height:1.4em;
	color:#41251B; /* brown*/
}

h3{
	text-align:center;
	color:#C99D66; /* gold*/
	font-weight:400;
	font-size:1.2em;
	padding:16px;
	line-height:1.2em;
}


h4{
	text-align:center;
	font-weight:300;
	font-size:1.2em;
	padding:16px;
	line-height:1.2em;
}


p {
	font-size:1em; /* prova fissaggio dimensione */
	line-height:1.4em;
}

.margin-auto{
	margin:auto;
	display:block;
}

.small_txt{
	font-size:0.8em
}

.txt_gold{
	color:#C99D66;
}

.txt_gray{
	color:#333;
}

.txt_blu{
	font-size:1.2em;
	color:#0C2537;/* BLU DEDALO*/
	font-weight:bold;
}

.txt-center{
	text-align:center!important;
}

.divider-blu{
	border-bottom: solid #0C2537/* blu dedalo */ 1px;
	margin:0 16px 32px 16px;
}

.divider-gold{
	border-bottom: solid #C99D66/* gold */ 1px;
	margin:32px 16px;
}

.icona-centrata{
	width:110px;
	margin-left: auto;
	margin-right:auto;
}

.sfondo-grigio{
	background-color: #EFEFEF !important;
}

.padding-top-25px{
	padding-top:25px;
}

.padding-top-50px{
	padding-top:50px;

}

.padding-top-75px{
	padding-top:50px;

}

.padding-top-100px{
	padding-top:100px;

}

.padding-bottom-25px{
	padding-bottom:25px;

}

.padding-bottom-50px{
	padding-bottom:50px;

}

.padding-bottom-75px{
	padding-bottom:75px;

}

.padding-bottom-100px{
	padding-bottom:100px;
}

.spazio-32px{
	height:32px;
	width:100%;

}

.spazio-64px{
	height:62px;
	width:100%;
}

.margin-bot-15px{
	margin-bottom: 15px;
}

/* TRANSITION */

.trans {
	transition:transform 0.2s ease-in;
	-webkit-transition:transform 0.2s ease-in;
	-moz-transition:transform 0.2s ease-in;
	-o-transition:transform 0.2s ease-in; 
	-ms-transition-duration: transform 0.2s ease-in;
}

.trans-color{
	 transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -ms-transition-duration: transform 0.2s ease-in
}


/* ------MENU------------*/

nav{
	height:100%;
	font-weight:400;
	background-color:#FBFAFA/*bianco-sfondo*/;	
	position:fixed;
	width:240px;
	margin-left:-150px;
	margin-top:54px;
	/*overflow:auto;serve per lo scorrimento del menù. tolto nel grande perchè nel menu incasinava la tendina. ricordatelo*/
	z-index:0;
	font-size:0.9em;
	
	transition:transform 0.2s ease-in;
	-webkit-transition:transform 0.2s ease-in;
	-moz-transition:transform 0.2s ease-in;
	-o-transition:transform 0.2s ease-in; 
	-ms-transition:transform 0.2s ease-in;
}

nav ul{
	padding-bottom:48px;
}

nav ul li  {
	color: #000;
}

nav ul li a {
	padding:16px 0 16px 32px; 
	display:block;
	text-decoration:none;
	color:#000;
	
	-o-transition: all .3s ease;
  	-ms-transition: all .3s ease;
  	-moz-transition: all .3s ease;
  	-webkit-transition: all .3s ease;
  	transition: all .3s ease;
}

nav ul li a:hover {
	text-decoration:none;
	color:#C99D66;/* gold */
}


.lingua-divider{
	border-top: 1px solid #15364C /* blu dedalo chiaro*/; 
}

.lingua{
	padding-left:64px;
}

.menu-icon{
	height:16px;
	width:16px;
	margin-right: 3px;
	margin-left:-24px;
	margin-top: 3px;
}

.icon-lingua{
	background-image:url(structure/imgs/language_icon-gray.png);
	background-size:contain;
}

/* -------------- DROP DOWN----------------- */
	
nav label{
	color:#000;
	padding:16px 0 16px 32px;
	display:block;
	
}

nav label:hover{
	color:#C99D66;/* gold */
}

nav label{
  position:relative;
  display:block;
  cursor:pointer;
}

nav label:after{
  content:"";

    float: right;
    display: block;

    margin-right: 24px;
    margin-top: 8px;
  border-top:4px solid #333;
  border-bottom:0 solid #333;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  transition:border-bottom .1s, border-top .1s .1s;
}

nav input:checked ~ label:after{
  border-top:0 solid #333;
  border-bottom:4px solid #333;
  transition:border-top .1s, border-bottom .1s .1s;
}

/*hide the inputs*/
nav input{display:none}

/*style for the second level menu*/
nav .submenu{
  max-height:0;
  padding:0;
  overflow:hidden;
  min-width:100%;
}

/*show the second level menu of the selected voice*/
nav input:checked ~ .submenu{
  max-height:300px;
}

nav .submenu li a{
  display:block;
  padding:16px 56px;
  white-space:nowrap;
  font-size:0.75em;
}

nav .submenu li a:hover{
  color: #D4AC83 /* gold-chiaro*/ ;
}

/* -------------- */

/* il colore che ti viene sul click*/
nav ul li:active {
	color: #C99D66/* gold */; 
}
	
nav ul li:hover {
	color:#C99D66; /* gold */
}

.active{
	color:#C99D66; /* gold */
}

.submenu .active{
	color:#C99D66; /* gold */
}

#barra{
	background-color:#FBFAFA;
	border-bottom:0px solid #C99D66; 
	height:54px;
	width:100%;
	z-index:2;
	position:fixed;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-o-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
}

#barra #logo{
	float:right;
	margin-right:0;
	margin-top:3px;
}

/* ----------------- Hamburger animato ------------------ */

#hamburger {
  display: none;
}

.menuicon {
 	position:fixed;
	height:54px;
	width:54px;
	margin-left:3px;
	z-index:203;
}

.menuicon  span {
    display: block;
    top: 26px;
    width: 35px;
    height:2px;
	  border-radius: 20px;
    left:6px;
    background-color: #333;
    position: relative;
    
	-webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;  
    
	-webkit-transition-delay: .1s;
    -moz-transition-duration: .1s;
    -ms-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-delay: .1s;
}
    
.menuicon  span::after, .menuicon  span::before {
      display: block;
      content: '';
      position: absolute;
      width: 35px;
      height:2px;
	  border-radius: 20px;
      background-color: #333;
      
	  -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      -ms-transition-duration: .2s;
      -o-transition-duration: .2s;
      transition-duration: .2s;
      
	  -webkit-transition-delay: .2s, 0;
      -moz-transition-duration:.2s, 0;
      -ms-transition-duration: .2s, 0;
      -o-transition-duration: .2s, 0;
      transition-delay: .2s, 0;
}
.menuicon  span::before {
      margin-top: -0.7em;
}
.menuicon  span::after {
      margin-top: 0.7em;
}

#hamburger:checked ~ .push240-right {
  transform: translate(240px);
	-webkit-transform: translate(240px);
	-moz-transform: translate(240px);
	-o-transform: translate(240px);
}

#hamburger:checked ~ .push150-right {
transform: translate(150px);
	-webkit-transform: translate(150px);
	-moz-transform: translate(150px);
	-o-transform: translate(150px);
}

#hamburger:checked ~ .menuicon span{
    background-color: rgba(0,0,0,0);
    }
    
#hamburger:checked ~ .menuicon span::before {
      margin-top: 0px;
      -webkit-transition-delay: 0, .3s;
      -moz-transition-delay: 0, .3s;
      -ms-transition-delay: 0,.3s;
      -o-transition-delay: 0, .3s;
      transition-delay: 0, .3s;
	  
    }
	
#hamburger:checked ~ .menuicon span::after {
      margin-top: 0px;
      -webkit-transition-delay: 0, .3s;
      -moz-transition-delay: 0, .3s;
      -ms-transition-delay: 0,.3s;
      -o-transition-delay: 0, .3s;
      transition-delay: 0, .3s;
}

 #hamburger:checked ~ .menuicon span::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
 #hamburger:checked ~ .menuicon span::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

/* -----------------fine_menu------------------ */

.img_tutta{	
	position:relative;
	height:100%;
	  background: linear-gradient(to bottom, transparent, black),
      url("../imgs/wakirewoodbg.jpg");
	
	background-position:center center;
	background-size:cover;
	
	
	   box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-o-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	overflow:hidden;
}



@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.img_tutta gradiente{	
background: linear-gradient(#e66465, #9198e5);
}

.bounce{
	animation-name: bounce;
	-webkit-animation-name: bounce;
	-ms-animation-name: bounce;	
	-o-animation-name: bounce;	
	-moz-animation-name: bounce;		

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  0% {
	-webkit-transform:translateY(2px);
  }
 
  50% {
  	-webkit-transform:translateY(-2px);
  }

  100% {
  	-webkit-transform:translateY(2px);
  }
}


.assoluta-sopra{	
	position:absolute;
	height:100%;
	width:100%;
	top:0;
}

.assoluta-sopra .blocco_header{	
	position:absolute;
	bottom: 0;
	width:100%;
	height:350px;
}

.assoluta-sopra .blocco_header .blocco_sx{
	height:100%;
	width:906px;
	float:left;
}

.assoluta-sopra .blocco_header .blocco_sx .links{
	width:170px;
	margin:16px ;
	padding-top:10px;
	height:180px;
	float: left;
	border-top:	1px white solid;
	font-size:20px;
	color:white;
	margin-top:100px;
}

.assoluta-sopra .blocco_header a img:hover {
	opacity:0.6;
}

.assoluta-sopra .blocco_header .blocco_dx{
	text-align:center;	
}

.img-header-sm{
	position:relative;
	min-height:30%;
	background-position:center center;
	background-size:cover;
}

.img-header-md .img-container{
	color: #fff;
}

.lampade-header{
	background-image:url("../imgs/BGlampade.png");
}

.accessori-header{
	background-image:url(../imgs/BGaccessori.png);
}

.pirografia-header{
	background-image:url("../imgs/BGpirografia.png");
}

.stampe-header{
	background-image:url(../imgs/BGstampe.png);
}

.contatti-header{
	background-image:url("../imgs/BGcontatti.png");
}

/*.lampade-header{
	background-image:url("../imgs/LampadeBG.png");
}
*/

.contenitore{
	position:relative; /* necessaria perchè sennò il menu mi si sovrappone */
	width:100%;
	/* background-color: #fbfafa; */
	background-color: #EDEDED;
	
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-o-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
}


#hamburger:checked ~ .push240-right {
	transform: translate(240px);
	-webkit-transform: translate(240px);
	-moz-transform: translate(240px);
	-o-transform: translate(240px);
	-ms-transform: translate(240px);
}

#hamburger:checked ~ .push150-right {
	transform: translate(150px);
	-webkit-transform: translate(150px);
	-moz-transform: translate(150px);
	-o-transform: translate(150px);
	-ms-transform: translate(150px);
}


.contenitore .contenuto{
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	padding-botton:100px;
}

.testo_container{
	padding-left:16px;
	padding-right:16px;
	max-width:840px;
	margin:auto;
	text-align:justify;
}

.social-icon{
	width:1.6em
}


/* -----------------footer------------------ */

#footer{
	border-top: 1px solid #C99D66; /* gold */
	text-align:center;
	padding:2em 1em 3em 1em;
	color: #000;
	background-color:#FBFAFA;
	line-height: 1.6em;
	font-size:0.8em;
}

#footer .credits {
	width:6em; /* era 10 */
	margin:auto;
}

#footer .credits a img {
  -o-transition: opacity .2 ease-in;
  -ms-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease
}

#footer .credits a img:hover {
	opacity:0.6;
}

#footer a:hover {
	text-decoration:none;
	color: #D4AC83  /* gold-chiaro*/	
}

#footer .social_cont .social-list {
list-style-type: none;
margin: 0 auto;
padding: 1em 1em;
text-align: center;
}

#footer .social_cont .social-list > ul > li {
display: inline;
text-align: center;
margin: 0.5em 0.5em 0.5em 0;
display: inline-block;
vertical-align: top;
height: 2em;
width: 2em;
border-radius: 6em;
background-color:#C99D66; /* gold*/
}

#footer .social_cont .social-list > ul > li img {
	margin-top:0.2em;
}

#footer .social_cont .social-list > ul > li:hover {
background-color:#D4AC83  /* gold-chiaro*/
}
	
/* -----------------fine_footer------------------ */

/* --------------- BOTTONI ------------- */

.btn {
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    padding: 8px 12px;
	border-radius:4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size:1em;
    border: none;
	
}

.btn-primary {
  color:white;
  background-color:#C99D66;/* gold*/
}

.btn-bespoke {
   color:#C99D66;/* gold*/
   background-color:#fff;
   font-family: 'Fjalla One', sans-serif;
}

.btn-primary:hover {
   background-color: #D4AC83 /* gold-chiaro*/;
}

.btn-bespoke:hover {
   color: #D4AC83 /* gold-chiaro*/;
}

/* ELEMENTI PER BLOG */ 

.anteprima-container{
	margin:50px 0px;	
}

.anteprima-container .anteprima{
	width:98%;
	margin-left:1%;
	margin-bottom:32px;
	background-color:#fcfcfc;
	position:relative;
	transition: ease-in;
	
	transition:box-shadow 0.2s ease-in;
	-webkit-transition:box-shadow 0.2s ease-in;
	-moz-transition:box-shadow 0.2s ease-in;
	-o-transition:box-shadow 0.2s ease-in;
	-ms-transition-duration: box-shadow 0.2s ease-in;	
}

.anteprima-container .anteprima:hover{
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-o-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
}

.anteprima-container .anteprima .testo{
	font-size:0.8em;
	line-height:1.6em;
	padding-top:6px;
	margin-left:6px;
	margin-right:6px;
}

.anteprima-container .anteprima .testo .titolo{
	font-size:1.2em;
	margin-bottom:6px;
	font-weight:bold;
}

.anteprima-container .anteprima .testo .tag{
	font-size:1em;
	margin-bottom:6px;
	color:#C99D66;/* gold */ 
}

.anteprima-container .servizi{
	background-color:white;
}

.tag-container{
	text-align:center;
}

.read-more{
	text-align: right;
	padding: 12px 0 6px 0;
}

.tag-title{
	text-align:center;
	margin:16px;
	padding:16px;
	color: #0C2537;
	border-bottom: solid #0C2537/* blu dedalo */ 1px;
	border-top: solid #0C2537/* blu dedalo */ 1px;
}

.intestazione-blog{
	font-size:1.6em;
	text-align:center;
	font-family: 'Fjalla One', sans-serif;
}


/* PAGINA ARTICOLO BLOG */ 
.articolo{
	margin:auto;
	max-width:800px;
	padding:0 16px;
}

.articolo .multicolonna{
	margin: 0;
	padding:25px 0 25px 0;
	text-align: justify;
}

/* home */

.pittogrammi-home {
	text-align: center;
}

.pittogrammi-home ul li{
	display: inline-block;
	vertical-align: top;
	width:288px;
	padding-top:16px;
} 


/* BESPOKE */ 

.bespoke h1{
	font-family: 'Fjalla One', sans-serif;
	text-align:center;
	font-size:1.6em;
	padding-top:6px;
	color:#C99D66; /* gold*/
	padding:16px;
	font-weight:300;
	line-height:1.6em;
}

.bespoke h2{
	font-family: 'Fjalla One', sans-serif;
	text-align:center;
	font-size:1.4em;
	padding:16px;
	font-weight:300;
	line-height:1.4em;
}

.bespoke h3{
	font-family: 'Fjalla One', sans-serif;
	text-align:center;
	color:#C99D66; /* gold*/
	font-weight:300;
	font-size:1.2em;
	padding:16px;
	line-height:1.2em;
}

.bespoke-titolo{
	max-width:360px;
	min-width:288px;
	margin:0 auto 8px auto;
	padding:70px 16px 0 16px;
}

/* SOCIAL SHARING*/

.social_cont {
}

.social_cont > ul > li {
text-align: center;
margin: 0.5em 0.5em 0.5em 0;
display: inline-block;
vertical-align: top;
background-color:#C99D66;/* gold */
height: 2em;
width: 2em;
border-radius: 6em;
}

.social_cont > ul > li img {
	margin-top:0.2em;
}

.social_cont > ul > li:hover {
background-color:#D4AC83 /* gold-chiaro*/; 
}

/* menu bespoke attivo solo da 627 in poi*/

.menu-bespoke{
	margin:0px 16px;
	display:inline;
	font-family: 'Fjalla One', sans-serif;
	font-weight:300;
	font-size:1.2em;
	text-align: center;
}

.menu-bespoke ul {
}

.menu-bespoke ul li{
	display: inline;
	text-align: center;
	margin: 8px 8px 8px 0;
	display: inline-block;
}

.menu-bespoke ul li .active{
	color:#C99D66;/* gold */
}

.menu-bespoke ul li a{
	color:#dfc4a3 /* gold-chiarissimo*/;
}


.menu-bespoke ul li a:hover{
	color:#C99D66;/* gold */
	text-decoration:none;
}

.menu-bespoke ul .linea{
	border-bottom: solid #C99D66/* gold */ 1px;
	width:45px;
}

/* ----------------- icone bespoke-particolari------------------ */

.bespoke-particolari .icona {
list-style-type: none;
margin: 0 auto;
margin-bottom: 32px;
padding: 0 10px;
text-align: center;
}

.bespoke-particolari .icona > ul > li {
margin: 8px;
display: inline-block;
vertical-align: top;
height: 300px;
width: 128px;
}

/* ----------------- icone forkflow------------------ */

.workflow .icona {
list-style-type: none;
margin: 0 auto;
margin-bottom: 32px;
padding: 0 10px;
text-align: center;
}

.workflow .icona > ul > li {
margin: 8px;
display: inline-block;
vertical-align: top;
height: 128px;
width: 128px;

}

/* ----------------blocco a 4------------------ */

.block-4  {
	padding:32px 2%;
}

.block-4  ul li p {
	padding-bottom: 8px;
	padding-top: 8px;
}

.block-4 ul li {
	width:100%;
	margin-bottom:24px;
	color: #666;
	float:left;
}


.block-4 ul li:nth-child(odd) {
	margin-right:2%;
}


@media screen and (min-width: 672px){
	
.anteprima-container .anteprima{
	float:left;
	width:47%;
	margin-left:2%;	
}

.anteprima-container .anteprima-recente .anteprima{
	width:96%;

}

.anteprima-container .anteprima-recente img{
	float:left;
	width:60%;	
}

.anteprima-container .anteprima-recente .testo{
	float:left;
	width:36%;
	height:100%;
	margin-left:12px;
	margin-top:12px;
}

.anteprima-container .anteprima-recente .anteprima .testo .titolo{
	font-size:1.5em;
	margin-bottom:12px;
}

.anteprima-container .anteprima-recente .anteprima .testo .tag{
	font-size:1.2em;
	margin-bottom:12px;
	color:#C99D66;/* gold */ 
}

.anteprima-container .anteprima-recente .anteprima .read-more{
	position:absolute;
	bottom:0;
	right:6px;
}

/* PAGINA ARTICOLO BLOG */ 
.articolo .multicolonna{
	-webkit-column-count: 2;
	-webkit-column-gap:25px;
	-moz-column-count: 2;
	-moz-column-gap:25px;
	column-count: 2;
	column-gap: 25px
}

/* ----------------blocco a 4------------------ */

.block-4 ul li {
	width:49%;
}


/* ----------------- icone bespoke-particolari------------------ */

.bespoke-particolari .icona > ul > li {
	margin: 50px;
	width: 200px;
}

/* ----------------- icone forkflow------------------ */

.workflow .icona > ul > li {
	margin: 50px;
}



}

@media screen and (min-width: 1000px){
	
	.anteprima-container .anteprima-recente .anteprima{
	max-width:1000px;
	margin-left: auto;
    margin-right: auto;
    float: none;
}

/* ---------blocco 4 grande------------------ */

.block-4 ul li {
	width:23.5%;
	margin-right:2%;
}

.block-4 ul li:last-child {
	margin-right:0%;
}


}

	
@media screen and (min-width: 1200px){
	
.menuicon{
	display:none;
}

#barra #logo{
	float:left;
	margin-left:16px;
}

nav{
	z-index:11;
	margin-top:1.2em;
	height:auto;
	background-color:transparent;
	transition:none;
	width:auto;
	float:right;
	right:0;

	animation: soft-menu  ease-in 1;
	-webkit-animation: soft-menu  ease-in 1;
	-moz-animation: soft-menu  ease-in 1;
	-o-animation: soft-menu  ease-in 1;
	-ms-animation: soft-menu  ease-in 1;
	
	animation-duration:0.6s;
	-webkit-animation-duration:0.6s;
	-ms-animation:0.6s;
	-moz-animation:0.6s;
	-o-animation-duration:0.6s;
}

@keyframes soft-menu {
  0% {
	opacity:0;
	margin-top:0.7em;
   
  }
  100% {
	opacity:1;
	margin-top:1.2em;
  }
}

nav ul{
	padding:0;
}

nav ul li  {
	float:left;
	position:relative;
	padding:0 10px;
	border:hidden;
}

nav ul li a {
	padding:0;
	display:inline;
	text-decoration:none;
	color:#000;
}

nav ul li a:hover {
	background-color:transparent;
}

.lingua-divider{
	border-top: 0;
	border-left: solid 1px #333  ; 
}

.icon-lingua{
	background-size:contain;
}

.menu-icon{
	margin-left:0;
	margin-top: 3px;
}

/* -------------- DROPDOWN SENZA JAVA----------------- */
	
nav label{
	padding:0; 
	color:#333; 
}

nav label:hover{
	color:#C99D66;/* gold */
	background-color:transparent;
}

nav label:after{
  content:"";
  margin-right:0;
  margin-left:0.5em;
 
}
	
nav input:checked ~ label:after{
 
}

/*style for the second level menu*/
nav .submenu{
  margin-top:18px; /* serve*/
  max-height:0;
  padding:0;
  background-color:#341E16 /* marrone*/;
  position:absolute;
  left: auto;
  right: 0;
}

nav .submenu li a{
  color:#fbfafa;
  padding-left: 1.5em;
}

nav .submenu li a:hover{
  background-color: #41251B /* marrone - chiaro*/;
}

nav ul li ul li{
	float:none;
	padding:0;
}

/* ------ DROPDOWN SENZA JAVA -------- */

.visible-only-small{
	display:none;
}

.visible-only-large{
	display:block;
}

/* -----------------fine_menu------------------ */

.contenitore{
	transition:none; 
}

.img_tutta{
	transition:none;
		  -webkit-animation: zoomin 10s ease-in infinite;
  	animation: zoomin 20s ease infinite; 
}


#hamburger:checked ~ .push240-right {
	transform: translate(0em);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-o-transform: translate(0);
	-ms-transform: translate(0);
}

#hamburger:checked ~ .push150-right {
	transform: translate(0em);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-o-transform: translate(0);
	-ms-transform: translate(0);
}

.contenitore .contenuto{
	width:1200px;/* 73 +1 +1 di padding 1200px*/ 
}

#assoluta_100{/* -----------------nel caso uno aprisse il menu e tornasse a schermo grande > riallineo------------------ */
	transition:none; 
}

.anteprima-container .anteprima{
	width:29%;
	margin-left:3.25%;
	margin-bottom:64px;
}

}

@media screen and (min-width: 1350px){
	nav ul li  {
	padding:0 16px;
}
	}

@media screen and (max-width: 1199px) {
   nav {
	   overflow:auto;
    }
	
}