/*** 

Live sections

***/

.standard-animation{
-webkit-transition: all 0.5s cubic-bezier(.03,.93,.43,.77);
-moz-transition: all 0.5s cubic-bezier(.03,.93,.43,.77);
-o-transition: all 0.5s cubic-bezier(.03,.93,.43,.77);
transition: all 0.5s cubic-bezier(.03,.93,.43,.77);
}

.livewrapper-items {
position: relative;
}

.livewrapper-items>*{
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 0;
-webkit-transition: all 1s cubic-bezier(.03,.93,.43,.77);
-moz-transition: all 1s cubic-bezier(.03,.93,.43,.77);
-o-transition: all 1s cubic-bezier(.03,.93,.43,.77);
transition: all 1s cubic-bezier(.03,.93,.43,.77);
}

.livewrapper-items .item.livewrapping {
opacity: 1;
z-index: 1;
}

/** slide **/

.livewrapper-items.v-slide-items,
.livewrapper-items.h-slide-items {
overflow: hidden;
}

.livewrapper-items .v-slide,
.livewrapper-items .h-slide {
opacity: 1!important;
}

.livewrapper-items .v-slide {
-ms-transform: translateY(100%); /* IE 9 */
-webkit-transform: translateY(100%); /* Chrome, Safari, Opera */
transform: translateY(100%);
}

.livewrapper-items .v-slide:first-of-type{
-ms-transform: translateY(-100%); /* IE 9 */
-webkit-transform: translateY(-100%); /* Chrome, Safari, Opera */
transform: translateY(-100%);
}

.livewrapper-items .v-slide.livewrapping {
-ms-transform: translateY(0); /* IE 9 */
-webkit-transform: translateY(0); /* Chrome, Safari, Opera */
transform: translateY(0);
}

.livewrapper-items .h-slide {
-ms-transform: translateX(-100%); /* IE 9 */
-webkit-transform: translateX(-100%); /* Chrome, Safari, Opera */
transform: translateX(-100%);
}

.livewrapper-items .h-slide:first-of-type{
-ms-transform: translateX(100%); /* IE 9 */
-webkit-transform: translateX(100%); /* Chrome, Safari, Opera */
transform: translateX(100%);
}

.livewrapper-items .h-slide.livewrapping {
-ms-transform: translateX(0); /* IE 9 */
-webkit-transform: translateX(0); /* Chrome, Safari, Opera */
transform: translateX(0);
}

/** peek **/
.livewrapper-items .h-peek,
.livewrapper-items .v-peek {
-webkit-transition: transform 0.5s cubic-bezier(.03,.93,.43,.77);
-moz-transition: transform 0.5s cubic-bezier(.03,.93,.43,.77);
-o-transition: transform 0.5s cubic-bezier(.03,.93,.43,.77);
transition: transform 0.5s cubic-bezier(.03,.93,.43,.77);
}

.livewrapper-items.v-peek-items,
.livewrapper-items.h-peek-items {
overflow: hidden;
width: 100%;
height: 100%;
}

.livewrapper-items .v-peek {
-ms-transform: translateY(1rem); /* IE 9 */
-webkit-transform: translateY(1rem); /* Chrome, Safari, Opera */
transform: translateY(1rem);
opacity: 0;
}

.livewrapper-items .v-peek.livewrapping {
-ms-transform: translateY(0); /* IE 9 */
-webkit-transform: translateY(0); /* Chrome, Safari, Opera */
transform: translateY(0);
opacity: 1;
}

.livewrapper-items .h-peek {
-ms-transform: translateX(-50px); /* IE 9 */
-webkit-transform: translateX(-50px); /* Chrome, Safari, Opera */
transform: translateX(-50px);
opacity: 0;
}

.livewrapper-items .h-peek.livewrapping {
-ms-transform: translateX(0); /* IE 9 */
-webkit-transform: translateX(0); /* Chrome, Safari, Opera */
transform: translateX(0);
opacity: 1;
}

/** flip **/

.livewrapper-items .h-flip,
.livewrapper-items .v-flip {
-webkit-transition: transform 0.5s cubic-bezier(.8,.8,.6,1.5);
-moz-transition: transform 0.5s cubic-bezier(.8,.8,.6,1.5);
-o-transition: transform 0.5s cubic-bezier(.8,.8,.6,1.5);
transition: transform 0.5s cubic-bezier(.8,.8,.6,1.5);
}

.livewrapper-items .h-flip {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.livewrapper-items .h-flip.livewrapping {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity:1;
}

.livewrapper-items .v-flip {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}

.livewrapper-items .v-flip.livewrapping {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity:1;
}

/*** Fade ***/

.livewrapper-items.fade-items {
height: 100%;
}

.livewrapper-items .fade.livewrapping {
opacity: 1!important;
}

img.fade {
background-size: cover;
}


/*** 

Live tiles

***/
.livecard {
position: relative;
float: left;
width: 100%;
height: 100%;
}

.livecard .thumbnail~ .text-shadow {
text-shadow: 0.1rem 0 0.1rem #000000!important;
}

.livecard .front,
.livecard .back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-transition: transform 0.8s cubic-bezier(.03,.93,.43,.77);
-moz-transition: transform 0.8s cubic-bezier(.03,.93,.43,.77);
-o-transition: transform 0.8s cubic-bezier(.03,.93,.43,.77);
transition: transform 0.8s cubic-bezier(.03,.93,.43,.77);
}


.livecard .back  .text-content{
display:block;
padding: 1rem;
}

/** livecard h-Flip **/

.h-flip .back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.livecarding.h-flip .front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.livecarding.h-flip .back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}

/** livecard v-flip **/

.v-flip .back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}

.livecarding.v-flip .front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}

.livecarding.v-flip .back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}

/** v-slide **/

.v-slide .back {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
overflow:hidden;
}

.livecarding.v-slide .front {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}

.livecarding.v-slide .back {
-webkit-transform: translateY(0);
transform: translateY(0);
}

/** h-slide **/

.h-slide .back {
-webkit-transform: translateX(100%);
transform: translateX(100%);
overflow:hidden;
}

.livecarding.h-slide .front {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

.livecarding.h-slide .back {
-webkit-transform: translateX(0);
transform: translateX(0);
}

/** v-peek **/

.v-peek .back,
.livecarding.v-peek .front {
-ms-transform: translateY(50px); /* IE 9 */
-webkit-transform: translateY(50px); /* Chrome, Safari, Opera */
transform: translateY(50px);
opacity: 0;
}

.v-peek .front,
.livecarding.v-peek .back{
opacity: 1;
-ms-transform: translateY(0); /* IE 9 */
-webkit-transform: translateY(0); /* Chrome, Safari, Opera */
transform: translateY(0);
}

/** h-peek **/

.h-peek .back,
.livecarding.h-peek .front {
-ms-transform: translateX(-50px); /* IE 9 */
-webkit-transform: translateX(-50px); /* Chrome, Safari, Opera */
transform: translateX(-50px);
opacity: 0;
}

.h-peek .front,
.livecarding.h-peek .back{
opacity: 1;
-ms-transform: translateX(0); /* IE 9 */
-webkit-transform: translateX(0); /* Chrome, Safari, Opera */
transform: translateX(0);
}

/* Correzioni per singoli showas */
/*
.box .livecard .thumbnail {
width: 100%;
height: auto;
top: 0;
margin: 0;
}

.box .h-flip .thumbnail,
.box .v-flip .thumbnail {
top: -33%;
}

.box .livecard .thumbnail.imgsX4,
.box .livecard .thumbnail.imgsX9{
top: 0;
}
*/

.livecard-items .smallsquare .title{
background:transparent!important;
}

.livecard-items .smallsquare h1{
text-shadow: none;
}

/* keyframes */


@-webkit-keyframes up{
  0% {
  	-webkit-transform: translate(0,0); /* Safari and Chrome */
  }
  
  45% {
	-webkit-transform: translate(0,0); /* Safari and Chrome */
  }
   
  50%{
  	-webkit-transform: translate(0,100%); /* Safari and Chrome */
   }
  
   95%{
  	-webkit-transform: translate(0,100%); /* Safari and Chrome */
  }

  
  100% {
	-webkit-transform: translate(0,0); /* Safari and Chrome */
  }

}

@keyframes up{
  0% {
    transform: translate(0,0);
  }
  
  45% {
    transform: translate(0,0);
  }
   
  50%{
    transform: translate(0,100%); /*per explorer*/
  }
  
   95%{
    transform: translate(0,100%); /*per explorer*/
  }

  
  100% {
	transform: translate(0,0);
  }

}

@keyframes zoom{
  from {
   transform:scale(1.2);
  }

  to {
    transform:scale(1);
  }
}


@-webkit-keyframes zoom{
  from {
	-webkit-transform:scale(1.2); /* Safari and Chrome */
  }

  to {
  	-webkit-transform:scale(1); /* Safari and Chrome */
  }
}

@keyframes up_down{
  from {
	top:0;
  }

  to {
	top:-50%;
  }
}

@-webkit-keyframes up_down{
  from {
	top:0;
  }

  to {
	top:-50%;
  }
}