@charset "UTF-8";

* {
    /*-webkit-backface-visibility: hidden;
    -webkit-perspective: 1024;
    -webkit-transform: translate3d(0, 0, 0);*/
    -webkit-user-select: none;  /*   disable text select */
    -webkit-touch-callout: none;              /* disable callout, image save panel (popup) */
    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
    background-repeat:no-repeat;    
}

.qvSlider {
    pointer-events: auto;
}

.qvDebug{
    outline: thin solid magenta;
}

svg{

    position:absolute;
    top:0px;
}

body {
    /* padding 0 per tutti gli elementi */
    padding: 0px;
    margin: 0px;
    font-family: sans-serif;
	background:#fff;    
    width:1024px;
    height:768px;
    /*position:absolute;*/
    top:0px;
    left:0px;
	overflow:hidden;
}
body,html
{
	position:fixed;	
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
    }

    ;
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }

    ;
}


#contentID {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1024px;
    height: 768px;

}

#preview {
	/*background-image:url(../images/slide/slide0.png);*/
	display:none;
}

#iFrameAdapter_wrapper
{
    position:absolute;
    top: 0!important;
}

#wrapper {
    /*position:absolute; 
    top:0px; 
    left:0px;
    width:1024px;
    height:768px;
    overflow:auto;*/
	-webkit-backface-visibility: hidden;
  	-webkit-perspective: 1024;  
	-webkit-transform: translate3d(0, 0, 0);
    position:absolute; 
    top:0px; 
    left:0px;
    width:1024px;
    height:768px;
    overflow:auto;	
	clear:both;
}

#slides {
	height: 100%;
	min-width: 100px;
	white-space: nowrap;
	float: left;
	padding: 0px;
	margin: 0px;
    list-style:none;	
}
 

#scroller {
    background-repeat: no-repeat;
    height:100%;
    width:1348px;
    float:left;
    padding:0px;
}

#scroller ul {
    list-style:none;
    display:block;
    float:left;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:left;
}

#scroller li {
    display:block;
    vertical-align:middle;
    float:left;
    width:1024px;
    height:768px;   
}

.slide {
    background-repeat:no-repeat;
    background-size:1024px 768px;
    width:1024px;
    height:768px;
	display:none;
	position: relative;
    overflow: hidden;
}

#coverID{
    position:absolute;
    width:1024px;
    height:768px;
    top:0px;
    left:0px;
    /*background-image:url(../images/cover.png);*/
	background-repeat:no-repeat;
	background-size:1024px 768px;
    overflow:hidden;
	display:none;
    }
	
#backgroundID,#SubVisual_Preview_slide
{
	position:absolute;
    width:1024px;
    height:768px;
    top:0px;
    left:0px;
    background-image:url(../images/background.png);
	background-repeat:no-repeat;
	background-size:1024px 768px;
    overflow:hidden;
}

.MI_TOUCH #backgroundID ,.MI_TOUCH #SubVisual_Preview_slide
{
    background-image:url(../../media/images/background.png);
}
    
#maskslide
{
	position:absolute;
    width:1024px;
    height:768px;
    top:0px;
    left:0px;
    background-image:url(../images/topLayer1.png) ;
	background-repeat:no-repeat;
	background-size:1024px 768px;
    overflow:hidden;
	pointer-events: none;
	display:none;	
}

.MI_TOUCH #maskslide 
{
    background-image:url(../../media/images/mask.png);
}

#menucontainer
{
	position:absolute;
    width:1024;
    height:768px;
    top:0px;
    left:0px;
    overflow:hidden;
	pointer-events: none;
}

#topLayerContainer
{
	position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow:hidden;
	pointer-events: none;
}


#popupbackground{
	position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow:hidden;
	background-image:url(../images/popup_bkg.png);
	background-repeat:no-repeat;
	background-size:1024px 768px;
	display: none;
	-webkit-animation:popupfadeIn 0.5s ease-out
}

.MI_TOUCH #popupbackground 
{
    background-image:url(../../media/images/popup_bkg.png);
}

button
{
	display:block;
	position:absolute;
    pointer-events: auto;
    border-width: 0;
}

.simplebutton
{
	display:block;
	position:absolute;
    pointer-events: auto;
    border-width: 0;
}

.scrollPicContainer
{
	display:block;
	position:absolute;
    overflow: hidden;
}

.popupInfo
{
	display:none;
	position:absolute;
    pointer-events: auto;
    border-width: 0;
    left:394px;
    top: 192px;
    width: 404px;
    height: 172px;
}


.scrollPicture, .dropArea {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}


#tools{
	display:none;
	position:absolute;
	width:1024px;
	height:30px;
	top:738px;
	left:0px;
	background-color:rgba(255,255,255,0.0);
}

#toolBack
{
	position:absolute;
    width:50px;
    height:50px;
    top:0px;
    left:10px;
    background-image:url(../images/toolback.png);
	background-repeat:no-repeat;
	background-size:27px 27px;
    overflow:hidden;
}

.MI_TOUCH #toolBack 
{
    background-image:url(../../media/images/toolback.png);
}

.animationItem
{
	display:none;
	position:absolute;
	background-repeat:no-repeat;
}


.popup{
	position:absolute;
	display:none;
}

.close_popup{
	position:absolute;
	
	display:block !important;
}

/*
#menuButton0{
	position: absolute;
	left: 0px;
	width: 110px;
	height: 70px;
	pointer-events:auto;
}

#menuButton1{
	position: absolute;
	left: 118px;
	width: 240px;
	height: 70px;
	pointer-events:auto;
}

#menuButton2{
	position: absolute;
	left: 367px;
	width: 247px;
	height: 70px;
	pointer-events:auto;
}
*/



.videoContainer{
	position:absolute;
	background:#CCC;
}



#maskShowButton{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:50px;
	display:none;
}


.mask
{
	position:absolute;
    width:1024px;
    height:768px;
    top:0px;
    left:0px;
    background-repeat:no-repeat;
	background-size:1024px 768px;
    overflow:hidden;
	display:none;
	pointer-events: none;
	
}

.menu, .toggle, .menubtn,topLayerContainer{
    display: block;
    position: absolute;
    background-repeat: no-repeat !important;
	background-size: 100% !important;
}

.toggle, .menubtn{
	cursor: pointer;
	cursor: hand;
	
}



.tnImage {
	top: 0px;
	left:0px;
    width:100%;
	object-fit: cover;
}

.thumbnail{
	height: 100%;
	padding:6px;
	opacity: 0.9;
}

.menuButtonTop{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:50px;
	pointer-events:auto;
	display:none;
	background:#960;
}
.menuButtonLeft{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:768px;
	pointer-events:auto;
	display:none;
	background:#960;
}
.menuButtonRight{
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:768px;
	pointer-events:auto;
	display:none;
	background:#960;
}

.popup_boing
{
	-webkit-animation:popupPop 0.5s ease-out;
}

.popup_fadein
{
	-webkit-animation:popupfadeIn 0.5s ease-out
}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -webkit-animation-timing-function: ease-in-out;
                  }
  25% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    -webkit-animation-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -webkit-animation-timing-function: ease-in-out;
  }

}              

@-webkit-keyframes popupfadeIn {
  0% {
    opacity:0;
                  }
  100% {
    opacity:1;
  }
}

	
@-webkit-keyframes popupPop {
  0% {
    -webkit-transform: scale3d(.5,.5,.5);
    -webkit-animation-timing-function: ease-in-out;
                  }
  70% {
    -webkit-transform: scale3d(1.2,1.2,1.2);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    -webkit-animation-timing-function: ease-in-out;
  }
}


@-webkit-keyframes popupPop2 {
  0% {
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -webkit-animation-timing-function: ease-in-out;

                  }
  80% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    -webkit-animation-timing-function: ease-in-out;

  }
  100% {
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -webkit-animation-timing-function: ease-in-out;
  }

}   




@-webkit-keyframes pulse2 {
  to {
    -webkit-transform: scale(1.1);
    }

}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale3d(0.0,0.0,0.0);
    -webkit-animation-timing-function: ease-in-out;
		    opacity:0;
                  }
  100% {
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -webkit-animation-timing-function: ease-in-out;
		    opacity:1;
  }

}  

/* =============== REVOLVING CARD =============== */
.flipcontainer
{
	display: block;
	position: absolute;
	width: 300px;
	height: 300px;
	text-align: center;
}

#flip1container {
    left: 40px;
    top: 300px;
}


.flip1{
	display: block;
    width: 300px;
	height: 400px;
   
}

.flip1 .back {
    background-size: 100%;
    width: 300px;
    height: 100%;
}

.flip1 .front {
    background-size: 100%;
    width: 300px;
    height: 100%;
}

.doseicons
{
	display: block;
	position: absolute;
	top: 100px;
}
.lislide{
	list-style: none;	
}


.dragEl {
    position:absolute;
    overflow: hidden;
    background-size: cover ;
    background-repeat: no-repeat;  
}

.paginationBullets{
	display: block;
	position: absolute;
    background-color:transparent;

}

.paginationBullet{
	display: block;
	position: absolute;
    background-color:#6ca5f4;
    cursor: pointer;
    border-style: solid;
    /*
    border-width: 4px;
    border-color: #0e4ca0;*/
}

.paginationCurrentBullet{
	display: block;
	position: absolute;
    background-color:#0e4ca0;
    cursor: pointer;
    border-style: solid;
    /*
    border-width: 4px;
    border-color:  #0e4ca0;*/
}