/*Animacion Navidad*/
	@-moz-keyframes nieve{	
		from{top:-40px;}
	    to{top:101%;}
	}
	@-webkit-keyframes nieve{	
		from{top:-40px;}
	    to{top:2000px;}
	}
	@keyframes nieve{	
		from{top:-40px;}
	    to{top:2000px;}
	}

	@-moz-keyframes horiz2{
	    20%{transform:translateX(0);}
	    50%{transform:translateX(150px);}
	    80%{transform:translateX(0);}
	}
	@-webkit-keyframes horiz2{
	    20%{transform:translateX(0);}
	    50%{transform:translateX(150px);}
	    80%{transform:translateX(0);}
	}
	@keyframes horiz2{
	    20%{transform:translateX(0);}
	    50%{transform:translateX(-70px);}
	    80%{transform:translateX(0);}
	}

	@-moz-keyframes horiz{
	    20%{transform:translateX(0);}
	    50%{transform:translateX(150px);}
	    80%{transform:translateX(0);}
	}
	@-webkit-keyframes horiz{
	    20%{transform:translateX(0);}
	    50%{transform:translateX(150px);}
	    80%{transform:translateX(0);}
	}
	@keyframes horiz{
	    20%{transform:translateX(0);}
	    50%{transform:translateX(150px);}
	    80%{transform: translateX(0);}
	}
	.tpl-snow{
		height: 60px;
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
	}
		
	.tpl-snow > div{position:absolute;-webkit-animation:ease-in infinite normal;-moz-animation:ease-in infinite normal;animation:ease-in infinite normal;}	

	.tpl-snow > div{z-index:9999999999999;width:10px;height:10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;-webkit-animation-name:nieve,horiz;-moz-animation-name:nieve,horiz;animation-name:nieve,horiz;}
	.tpl-snow > div:nth-of-type(odd){width:5px; height:5px;-webkit-animation-name:nieve,horiz2;-moz-animation-name:nieve,horiz2;animation-name:nieve,horiz2;}

	.tpl-snow > div:nth-of-type(1){left:40px;-webkit-animation-duration:5.5s;-moz-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(2){left:120px;-webkit-animation-duration:7s;-moz-animation-duration:7s;animation-duration:7s;}
	.tpl-snow > div:nth-of-type(3){left:200px;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-duration:8s;}
	.tpl-snow > div:nth-of-type(4){left:20%;-webkit-animation-duration:6s;-moz-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(5){left:30%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;}
	.tpl-snow > div:nth-of-type(6){left:40%;-webkit-animation-duration:7.2s;-moz-animation-duration:7.2s;animation-duration:7.2s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(7){left:50%;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;}
	.tpl-snow > div:nth-of-type(8){left:60%;-webkit-animation-duration:6.4s;-moz-animation-duration:6.4s;animation-duration:6.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(9){left:70%;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s;}
	.tpl-snow > div:nth-of-type(10){left:80%;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-duration:8s;}
	.tpl-snow > div:nth-of-type(11){left:90%;-webkit-animation-duration:7.1s;-moz-animation-duration:7.1s;animation-duration:7.1s;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
	.tpl-snow > div:nth-of-type(12){left:99%;-webkit-animation-duration:6.6s;-moz-animation-duration:6.6s;animation-duration:6.6s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s;}
	.tpl-snow > div:nth-of-type(13){left:10px;-webkit-animation-duration:10.2s;-moz-animation-duration:10.2s;animation-duration:10.2s;}
	.tpl-snow > div:nth-of-type(14){left:180px;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
	.tpl-snow > div:nth-of-type(15){left:213px;-webkit-animation-duration:7.3s;-moz-animation-duration:7.3s;animation-duration:7.3s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
	.tpl-snow > div:nth-of-type(16){left:23%;-webkit-animation-duration:9.2s;-moz-animation-duration:9.2s;animation-duration:9.2s;}
	.tpl-snow > div:nth-of-type(17){left:38%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
	.tpl-snow > div:nth-of-type(18){left:45%;-webkit-animation-duration:15s;-moz-animation-duration:15s;animation-duration:15s;}
	.tpl-snow > div:nth-of-type(19){left:58%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
	.tpl-snow > div:nth-of-type(20){left:64%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
	.tpl-snow > div:nth-of-type(21){left:76%;-webkit-animation-duration:5.6s;-moz-animation-duration:5.6s;animation-duration:5.6s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(22){left:86%;-webkit-animation-duration:8.5s;-moz-animation-duration:8.5s;animation-duration:8.5s;}
	.tpl-snow > div:nth-of-type(23){left:83%;-webkit-animation-duration:14.4s;-moz-animation-duration:14.4s;animation-duration:14.4s;}
	.tpl-snow > div:nth-of-type(24){left:95%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
	.tpl-snow > div:nth-of-type(25){left:55px;-webkit-animation-duration:8.7s;-moz-animation-duration:8.7s;animation-duration:8.7s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s;}
	.tpl-snow > div:nth-of-type(26){left:133px;-webkit-animation-duration:5.2s;-moz-animation-duration:5.2s;animation-duration:5.2s;}
	.tpl-snow > div:nth-of-type(27){left:215px;-webkit-animation-duration:10.4s;-moz-animation-duration:10.4s;animation-duration:10.4s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s;}
	.tpl-snow > div:nth-of-type(28){left:26%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;}
	.tpl-snow > div:nth-of-type(29){left:33%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
	.tpl-snow > div:nth-of-type(30){left:49%;-webkit-animation-duration:9.4s;-moz-animation-duration:9.4s;animation-duration:9.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(31){left:55%;-webkit-animation-duration:9.1s;-moz-animation-duration:9.1s;animation-duration:9.1s;}
	.tpl-snow > div:nth-of-type(32){left:68%;-webkit-animation-duration:9.6s;-moz-animation-duration:9.6s;animation-duration:9.6s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
	.tpl-snow > div:nth-of-type(33){left:73%;-webkit-animation-duration:12.4s;-moz-animation-duration:12.4s;animation-duration:12.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(34){left:85%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;}
	.tpl-snow > div:nth-of-type(35){left:93%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
	.tpl-snow > div:nth-of-type(36){left:99%;-webkit-animation-duration:10.6s;-moz-animation-duration:10.6s;animation-duration:10.6s;}
	.tpl-snow > div:nth-of-type(37){left:15px;-webkit-animation-duration:9.6s;-moz-animation-duration:9.6s;animation-duration:9.6s;}
	.tpl-snow > div:nth-of-type(38){left:99px;-webkit-animation-duration:7.5s;-moz-animation-duration:7.5s;animation-duration:7.5s;}
	.tpl-snow > div:nth-of-type(39){left:260px;-webkit-animation-duration:11s;-moz-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(40){left:28%;-webkit-animation-duration:19s;-moz-animation-duration:19s;animation-duration:19s;}
	.tpl-snow > div:nth-of-type(41){left:35%;-webkit-animation-duration:14s;-moz-animation-duration:14s;animation-duration:14s;}
	.tpl-snow > div:nth-of-type(42){left:43%;-webkit-animation-duration:5.6s;-moz-animation-duration:5.6s;animation-duration:5.6s;}
	.tpl-snow > div:nth-of-type(43){left:53%;-webkit-animation-duration:8.8s;-moz-animation-duration:8.8s;animation-duration:8.8s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
	.tpl-snow > div:nth-of-type(44){left:66%;-webkit-animation-duration:16s;-moz-animation-duration:16s;animation-duration:16s;}
	.tpl-snow > div:nth-of-type(45){left:78%;-webkit-animation-duration:6s;-moz-animation-duration:6s;animation-duration:6s;}
	.tpl-snow > div:nth-of-type(46){left:88%;-webkit-animation-duration:9.5s;-moz-animation-duration:9.5s;animation-duration:9.5s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
	.tpl-snow > div:nth-of-type(47){left:94%;-webkit-animation-duration:7.6s;-moz-animation-duration:7.6s;animation-duration:7.6s;}
	.tpl-snow > div:nth-of-type(48){left:96%;-webkit-animation-duration:8.2s;-moz-animation-duration:8.2s;animation-duration:8.2s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;}

	@media(max-width:600px){
		.tpl-snow > div:nth-of-type(24) ~ *{display:none;}
	}

	@media(max-width:800px){
		.tpl-snow > div:nth-of-type(36) ~ *{display:none;}
	}
/*Pantalla Carga*/
	#contenedorcarga{
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
		position: fixed;
		z-index: 9999999999;
		transition: all 1s ease;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: rgba(255, 255, 255, .8);
	}
	#contenedorcarga label{
		padding: 1.5em;
		font-size: 30px;
		position: absolute;
		top: 30px;
		right: -20px;
	}
	#carga{
		border-top-color: #202124;
		height: 100px;
		width: 100px;
		border-radius: 100%;
		-webkit-animation: girar 1.5s linear infinite;
		-o-animation: girar 1.5s linear infinite;
		animation: girar 1.5s linear infinite;
		margin-bottom: 10px;
	}
	#carga img{
		opacity: .5;
		margin-left: -2px;
	}
	@keyframes girar{
		from {transform: rotate(0deg);}
		to {transform: rotate(360deg);}
	}
/*Btn Up*/
	#up{
		position: fixed;
		right: 30px;
		bottom: 150px;
		background-color: #202124;
		color: white;
		padding: 1.2em;
		border-radius: 5px;
		z-index: 999999999;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	}
/*Footer*/
	footer{
		width: 100%;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #202124;
		color: white;
		font-size: 17px;
	}
	.redicon a{
		padding: .5em;
	}
	footer a{
		color: white;
	}
	footer div{
		width: 33%;
	}
	.privacidad a{
		margin: 0 .5em;
	}
	@media screen and (max-width: 760px){
		footer{
			flex-direction: column;
			height: fit-content;
			padding-bottom: 1em;
		}
		footer .copy{
			margin: 1.5em 0 .5em 0;
		}	
		footer div{
			width: 100%;
		}
		.redicon{
			margin: 1em;
			margin-bottom: 1.7em;
		}
		.privacidad a{
			margin: 0 1em;
		}
	}
/*Header*/
	header{
		background-color: #202124;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
		z-index: 999999999999;
	}
	header .home{
		color: white;
		text-decoration: none;
		margin-left: 20px;
		margin-top: 5px;
		font-size: 25px;
		font-family: 'JasifFont';
	}
	.btnnvisible{
		background-color: ;
		height: 60px;
		width: 60px;
		position: fixed;
		top: 0;
		z-index: 999999999999999999;
	}
/*Promo*/
	.centrar{
		width: 100%;
		height: 80vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.centrar img{
		height: 100%;
		border-radius: 10px;
	}
	.centrar .descargas{
		width: 40%;
		margin: 70px;
	}
	.descargas h2{
		font-size: 30px;
	}
	.alertbox{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .2);
		box-shadow: 50px 0 50px rgba(0, 0, 0, .2);
		visibility: hidden;
		opacity: 0;
		z-index: 99999999999999;
		transition: ease .5s all;
	}
	.alertbox .alert{
		background-color: white;
		padding: 2em;
		margin: 1em;
		border-radius: 10px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
		font-size: 19px;
	}
	.fa-exclamation{
		font-size: 100px;
		color: rgba(25, 119, 214, 1.0); ;
	}
	.alert label{
		padding: .5em;
		border-radius: 5px;
		margin: .5em;
	}
	.alert .cancel{
		background-color: #808080;
		color: white;
		font-weight: 600;
	}
	.alert .descar{
		background-color: #1977d6;
		color: white;
		font-weight: 600;
	}
	#cheked:checked ~ .alertbox{
		visibility: visible;
		opacity: 100;
	}
	.galeriam{
		height: 320px;
		width: 90%;
		margin-bottom: 50px;
		overflow: scroll;
		display: flex;
		background-color: rgba(0, 0, 0, .7);
		padding: 1em;
		border-radius: 10px;
		align-items: center;
	}
	.galeriam::-webkit-scrollbar {
  		width: 0;       
	}
	.galeriam::-webkit-scrollbar-track {
  		background: ;
	}
	.galeriam::-webkit-scrollbar-thumb {
  		border-radius: 5px;
  		background-color: rgba(255, 255, 255, .5);
	}
	.galeriam img{
		height: 300px;
		margin-right: .5em;
		border-radius: 10px;
	}
	.galeriam li{
		list-style: none;
	}


	@media screen and (max-width: 760px){
		.centrar{
			flex-direction: column;
			height: fit-content;
		}
		.centrar img{
			width: 50%;
		}
		.centrar .descargas{
			width: 90%;
			margin-top: 30px;
		}
	}
/*Btns Descarga*/
	.btnd{
		padding: 1em;
		border-radius: 30px;
		display: block;
		margin: 25px 0;
		font-weight: 600;
		width: 80%;
		opacity: 85%;
	}
	.play{
		background-color: #056449;
		color: white;
		box-shadow: 0 0 10px rgba(5, 100, 73, 1.0);
		transition: ease .3s all;
	}
	.play:hover{
		box-shadow: 0 0 15px rgba(5, 100, 73, 1.0);
	}
	.apk{
		background-color: #1977d6;
		color: white;
		transition: ease .3s all;
		box-shadow: 0 0 10px rgba(25, 119, 214, 1.0);
	}
	.apk:hover{
		box-shadow: 0 0 15px rgba(25, 119, 214, 1.0);
	}
	.vweb{
		background-color: #808080;
		color: white;
		transition: ease .3s all;
		box-shadow: 0 0 10px rgba(128, 128, 128, 1.0);
	}
	.vweb:hover{
		box-shadow: 0 0 15px rgba(128, 128, 128, 1.0);
	}
/*General*/
	a{
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	@font-face{
		font-family: jasiffont;
		src: url(luna.ttf);
	}
	body{
		font-family: 'Outfit', arial;
		margin: 0;
	}
	body::-webkit-scrollbar{
  		width: 5px;  
  		height: 5px;     
	}
	body::-webkit-scrollbar-track{
  		background-color: rgba(0, 0, 0, .3);
	}
	body::-webkit-scrollbar-thumb{
  		background-color: rgba(255, 255, 255, .3);
  		border-radius: 5px;
	}