/*
Theme Name: njusandbox
Theme URI: https://www.njucomunicazione.com/cloni/decora
Description: A basic theme for HTML.it readers
Author: njucomunicazione
Author URI: https://www.njucomunicazione.com
Version: 0.1
*/


/* animazione more */
div.riga-verso-dx{position:relative;}
.target.onScreen .riga-verso-dx svg#more {
	animation-duration:0.3s;
	animation-timing-function:ease-in-out;
  animation-direction:alternate;
	animation-name:ruota;
  
  -webkit-animation-duration:0.3s;
	-webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction:alternate;
    -webkit-animation: ruota 1s ease-in-out ;
          animation: ruota 1s ease-in-out ;
  
}


@-webkit-keyframes ruota {
  from {
   transform:rotate(0deg); left:0;-webkit-transform:rotate(0deg); left:0;-webkit-left:0;
  
  }

  40% {
    transform:rotate(45deg);-webkit-transform:rotate(45deg);
   
  }

  60% {
transform:rotate(90deg);-webkit-transform:rotate(90deg);
 
  }

  80% {
   transform:rotate(270deg); -webkit-transform:rotate(270deg);
  }

  to {
    transform:rotate(160deg); left:100%;-webkit-transform:rotate(160deg);-webkit-left:100%;
  }
}

@keyframes ruota{
  from {
    transform:rotate(0deg); left:0;-webkit-transform:rotate(0deg); left:0;-webkit-left:0;
   
  }

  40% {
    transform:rotate(45deg);-webkit-transform:rotate(45deg);
    
  }

  60% {
   transform:rotate(90deg);-webkit-transform:rotate(90deg);
  
  }

  80% {
   transform:rotate(270deg); -webkit-transform:rotate(270deg);
  }

  to {
 transform:rotate(160deg); left:100%;-webkit-transform:rotate(160deg);-webkit-left:100%;
  }
}




.target .riga-verso-dx	svg#more {
			position:absolute;
		top:-15px;
		left:100%;
  transform:rotate(360deg); left:100%;-webkit-transform:rotate(360deg);-webkit-left:100%;
	  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: ruota;
  animation-name: ruota;
	}

/* FINE animazione more */


/* frecce gallery home*/
.carousel-control{text-shadow: 0 0px 0px rgba(0, 0, 0, 0);}

.carousel-control{}
.carousel-control.left,
.carousel-control.right{background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0) 100%);opacity:1;}

img#cursor-sx.follow{
  position: absolute;display: none;
  z-index: 1000;
}

img#cursor-dx.follow2{
  position: absolute;display: none;
  z-index: 1000;
}
a.right.carousel-control.cursor-personalizzato-dx,
a.left.carousel-control.cursor-personalizzato-sx,
a.right.carousel-control.cursor-personalizzato-dx-single,
a.left.carousel-control.cursor-personalizzato-sx-single{
  cursor:none;
}  

/* zoom background */
.index-box-img-ombra {position:relative;overflow:hidden;}
.index-box-img-o::before {
	position: absolute;overflow:hidden;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.index-box-img-o:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}





/* FORM  cerca*/
div#form_cerca{background-color: rgba(255, 255, 255,0.95);
  transition:height 1s  ease-in-out; -webkit-transition: height 1s  ease-in-out; -moz-transition: height 1s  ease-in-out;
  position:fixed;padding-left:0px;padding-top:135px;overflow:hidden;z-index:99999;width:100%;height:100%;visibility:hidden;cursor:pointer;}
form#searchform{}
label{color:#c6c7c8;}
input#s{border:0px;font-size:90px;color:#3e3d40;background-color: rgba(255, 255, 255, 0.1);}
input#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  padding-top:50px;
}
input#s::::-moz-placeholder { /* Firefox 19+ */
   padding-top:50px;
}
input#s:::-ms-input-placeholder { /* IE 10+ */
   padding-top:50px;
}
input#s:::-moz-placeholder { /* Firefox 18- */
   padding-top:50px;
}
input:focus{outline-style: none;}
/* section */
section{
  
}


@media only screen and (min-width : 320px) {
	.mobile-visibility-no{visibility:hidden;}
	.desktop-visibility-no{visibility:visible;}
	.mobile-no{display:none;}
	.desktop-no{display:block;}
	/* colonne */
  .colonnetesti {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}
  /* fine colonne */
  
	/* SLIDER */
	.altezza-box-home{min-height:200px;padding: 0px 7px;}
  .carousel-control svg#freccia-gialla{visibility:hidden;}

	/* FINE SLIDER */
  .container-testo-500{height:500px;}
	
	/* SFONDO OPACO*/
	.sfondo-opaco.target{position:absolute;top:0px;z-index:1;background-color:rgba(0, 0, 0, .35);width: 100%;height: 100%;
		opacity:0;
   -webkit-transition: opacity 1s, transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
	}
	.sfondo-opaco.target.onScreen{opacity: 1;}
	
	.carousel-control > svg{margin-top:250%;visibility:hidden;}
	.carousel-control.stile-freccia-slider-numeri > svg{margin-top: 100%;width: 35px;}
	section.slider-home{ 
		position:relative;
	display: block; 
	height:100%; 
	background-attachment:scroll !important;
	background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
	height: auto;min-height:auto;
		
	}
	
	div.container.home-box{
		padding-top: 31%;position:relative;
		z-index:99;	-webkit-transition: opacity 1s, transform 1s;-o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s;opacity:1;}
		/* COLONNE TAB PANE HOME */
	.tab-pane-home .spazio-img-tabe-pane{height: 220px;width: 220px;overflow: hidden;border-radius: 110px;margin:0 auto;}
	.tab-pane-home .spazio-img-tabe-pane .img-tab-pane{height: 100%;width:auto;}
	.spazio-testo-tabe-pane{margin:0 auto;width:200px;}
	/* FINE COLONNE TAB PANE HOME */
	.gradiente{
    background-color:rgba(0, 0, 0, 0);
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial,center top, 200% 100%,  from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(center top, 200% 100%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(center top,200% 100%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* IE 10 */
  background: -ms-radial-gradient(center top, 200% 100%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0 ));
  } 

	
}
@media only screen and (min-width : 480px) {
    div.container.home-box{padding-top:10%;}
 
  .carousel-control > svg{margin-top:150%;}


}



@media only screen and (min-width:768px) {
  	/* colonne */
  .colonnetesti {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
}
  /* fine colonne */
 .carousel-control > svg{margin-top: 250%;visibility:visible;}
  div.container.home-box{padding-top:10%;}
	/* BOX HOME */
	.owl-carousel .owl-item img{width:auto!important;}
	.altezza-box-home{height:150px;min-height:150px;}
   
	.font-size-23{font-size:24px;line-height:34px;}
  .font-size-40{font-size: 40px;line-height: 50px;}
  .font-size-numeri-valore{font-size: 30px;line-height: 40px;}
  .font-size-70{font-size: 70px;line-height: 80px;}
   .carousel-control svg#freccia-gialla{visibility:visible;}
	/* FINE BOX HOME */
	/* SLIDER */

		
	.font-size-20{font-size:17px;line-height:20px;}	
	.gradiente{
    background-color:rgba(0, 0, 0, 0);
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial,center top, 100% 70%,  from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(center top, 100% 70%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(center top, 100% 70%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  /* IE 10 */
  background: -ms-radial-gradient(center top, 100% 70%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0 ));
  } 
	/* FINE SLIDER */

  
 
  

  
}
@media only screen and (min-width:992px) {
 	.mobile-visibility-no{visibility:visible;}
	.desktop-visibility-no{visibility:hidden;}
	.mobile-no{display:block;}
	.desktop-no{display:none;}
		/* SLIDER HOME */
		
	.font-size-20{font-size:17px;line-height:20px;}
   .font-size-numeri-valore{font-size: 40px;line-height: 50px;}
  .font-size-70{font-size: 100px;line-height: 80px;}
 	.altezza-box-home{height:100px;min-height:100px;}
	/* FINE SLIDER */

	/* BOX HOME */

	/* FINE BOX HOME */
}


@media only screen and (min-width:1024px) {
	/* SLIDER */
 .carousel-control > svg{margin-top: 170%;}
	.font-size-20{font-size:17px;line-height:20px;}
	.gradiente{
    background-color:rgba(0, 0, 0, 0);
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial,center top, 100% 70%,  from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(center top, 100% 70%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(center top, 100% 70%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  /* IE 10 */
  background: -ms-radial-gradient(center top, 100% 70%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0 ));
  } 
}

	/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
/* SLIDER */
  .altezza-box-home{height:150px;min-height:150px;}
	.font-size-20{font-size:20px;line-height:23px;}

	
	/* FINE SLIDER */
	.carousel-control > svg{margin-top: 170%;}
  .carousel-control.stile-freccia-slider-numeri > svg{margin-top: 50%;width: 35px;}
}

	/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
/* SLIDER */
	.font-size-20{font-size:20px;line-height:23px;}
.altezza-box-home{height:200px;min-height:200px;}
	
	/* FINE SLIDER */
	.carousel-control > svg{margin-top: 170%;}

}