@charset "UTF-8";
/* COMMON */

#btn-exit{
    width:300px;
    height:600px;   
    cursor:pointer;
    opacity:0;
	display:block;
	z-index:9999999;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-font-smoothing: antialiased;
	
}
body {
	width: 300px;
	height: 600px;
}
img {
	border-style: none;
	image-rendering: crisp-edges;
	position: absolute;
	left: 0px;
	top: 0px;
}
/*/////   COPIAR PARA LOADER ///////*/
#loader-container {display:none;}
/*/////////////////////////////////*/	
#main_content {
	position: absolute;
	width: inherit;
	height: inherit;
	border: 1px solid #999999;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
	display:block !important;
}

#fade_black{
	position:absolute;
	width:728px;
	height:90px;
	background-color: #000000;
}
#fade_white{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:600px;
	background-color: #FFFFFF;
	z-index:4 !important;
	opacity:1
}

/* CUSTOM */


#frame1,
#frame2,
#frame3,
#frame4
 {
	position: absolute;
	top:0px;
	left:0px;
	z-index:0;
}
#frame1 img.bg,
#frame2 img.bg,
#frame3 img.bg,
#frame4 img.bg
 {
	z-index:1 !important;
}
#frame1 img.mk,
#frame2 img.mk,
#frame3 img.mk,
#frame4 img.mk
 {
	z-index:2 !important;
}

#frame1 img,
#frame2 img,
#frame3 img,
#frame4 img
 {
	z-index:3 !important;
}
#frame1{ background:#297933 !important}

.mk.up{ top:-100px}

#frame4_cta { z-index:8 !important; }
#frame4_cta:hover { 
	transform: scale(1.12);
    margin-top: -8px; 
}

#frame2 img#frame2_image  { left:-100px}

.delay {
    -webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
    animation-delay: 0.6s;

	}

.slideUp{
	animation-name: slideup;
	-webkit-animation-name: slideup;

	animation-duration:1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes slideup {
	0% {		transform: translateY(0%);	opacity:1;	}
	100% {		transform: translateY(-25%);	opacity:0;}
}

@-webkit-keyframes slideup {
	0% {		transform: translateY(0%);	opacity:1;	}
	100% {		transform: translateY(-25%);	opacity:0;}
}


.slideDw{
	animation-name: slidedw;
	-webkit-animation-name: slidedw;

	animation-duration:1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes slidedw {
	0% {		transform: translateY(0%);	opacity:1;	}
	100% {		transform: translateY(25%);	opacity:0;}
}

@-webkit-keyframes slidedw {
	0% {		transform: translateY(0%);	opacity:1;	}
	100% {		transform: translateY(25%);	opacity:0;}
}



.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration:1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}
@keyframes floating {
	0% { transform: translateY(0%);opacity:1;		}
	100% {	transform: translateY(25%);opacity:0;		}			
}

@-webkit-keyframes floating {
	0% { transform: translateY(0%);opacity:1;		}
	100% {	transform: translateY(25%);opacity:0;		}			

}