/*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;}
	}
/*Opciones*/
	.options{
		width: 96%;
		margin: 2%;
		background-color: rgba(255, 255, 255, 5%);
		border-radius: 5px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 10%);
		box-sizing: border-box;
	}
	@media screen and (min-width: 850px){
		.options{
			width: 48.3%;
			display: inline-block;
			margin: 1% 0 0 1%;
		}
	}
	.options .animados{
		background-color: orange;
		border-radius: 10px;
		padding: 0 7px;
		margin-left: 20px;
	}
	.options p{
		text-align: left;
		margin-left: 10px;
		line-height: 30px;
	}
	.options .galeria{
		overflow: scroll;
		width: 100%;
		height: 100px;
		display: flex;
		margin-top: -15px;
		padding-bottom: 10px;
	}
	.options .galeria img{
		height: 100px;
		margin: 0 0 0 10px;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 10%);
	}
/*Secciones*/
	.sec{
		box-sizing: border-box;
		margin: 2%;
		width: 96%;
		height: 150px;
		border-radius: 5px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: relative;
		box-shadow: 0 2px 5px rgba(31, 37, 59, 80%);
	}
	.sec p{
		position: absolute;
		bottom: -10px;
		left: 5px;
		background-color: rgba(31, 37, 59, 80%);
		padding: 10px;
		border-radius: 5px;
		font-size: 18px;
	}
	@media screen and (min-width: 850px){
		.sec{
			width: 48.3%;
			display: inline-block;
			margin: 1% 0 0 1%;
		}
	}
	.todo{
		box-sizing: border-box;
		margin: 2%;
		border-radius: 5px;
		width: 96%;
		background-color: rgba(255, 255, 255, 80%);
		color: rgba(0, 0, 0, 90%);
		text-align: center;
	}
	.todo .fa-exclamation-circle{
		font-size: 35px;
		margin-top: 30px;
	}
	.todo h3{
		line-height: 0;
	}
	.todo p{
		margin-top: -5px;
		width: 95%;
	}
	.todo a{
		color: rgba(0, 0, 0, 90%);
		font-size: 20px;
		padding: 5px 10px;
		background-color: rgba(0, 0, 0, 10%);
		border-radius: 5px;
	}
	@media screen and (min-width: 850px){
		.todo{
			width: 99%;
			margin: .5%;
		}
	}
/*Header*/
	header{
		height: 60px;
		width: 100%;
		color: white;
		position: fixed;
		top: 0;
		left: 0;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 30%);
		display: flex;
		align-items: center;
		z-index: 9999;
		background-color: rgba(31, 37, 59, 100%);
	}
	header .fa-bars{
		font-size: 30px;
		padding: 15px;
	}
	header .search{
		font-size: 25px;
		position: absolute;
		right: 15px;
	}
	.btnnvisible{
		height: 60px;
		width: 60px;
		position: fixed;
		z-index: 9999999999999999;
	}
/*Menu*/
	.fondomenu{
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 10%);
		transition: all .2s ease;
		visibility: hidden;
		opacity: 0;
		z-index: 9999999;
		backdrop-filter: blur(5px)
	}
	.cab{
		width: 250px;
		margin-bottom: 0;
	}
	.list-menu{
		position: fixed;
		top: 59px;
		left: -300px;
		transition: all .3s ease;
		z-index: 99999999;
		background-color: #1f253b;
		padding: 10px;
		height: 100%;
		overflow: scroll;
		box-shadow: 5px 7px 10px rgba(0, 0, 0, 30%);
	}
	.list-menu a{
		display: block;
		background-color: rgba(0, 0, 0, 10%);
		padding: 7px 30px 7px 12px;
		margin: 7px 0;
		border-radius: 5px;
		font-size: 20px;
	}
	.list-menu .fa-home, .fa-search, .fa-bell, .fa-kiwi-bird, .fa-share-alt, .fa-google-play, .fa-user, .fa-android, .fa-comments{
		margin-right: 7px;
	}
	#ckeck:checked ~ .fondomenu{
		visibility: visible;
		opacity: 100;
	}
	#ckeck:checked ~ .list-menu{
		left: 0;
	}
/*Anuncios*/
	.anuncio{
		width: 96%;
		height: 200px;
		background-color: rgba(255, 255, 255, 10%);
		border-radius: 5px;
		margin: 2%;
		overflow: hidden;
		position: relative;
	}
	.anuncio p{
		position: absolute;
		color: white;
		padding: 10px;
		background-color: rgba(31, 37, 59, 80%);
		border-radius: 5px;
		bottom: -10px;
		right: 5px;
		font-size: 18px;
		z-index: 999;
	}
	@media screen and (min-width: 850px){
			.anuncio{
				width: 48.3%;
				display: inline-block;
				margin: 1% 0 0 1%;
				height: 150px;
			}
		}
			/*Ancla*/
	.anuncioan{
		height: 90px;
		width: 100%;
		background-color: white;
		position: fixed;
		bottom: 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, 50%);
		transition: all .3s ease;
		z-index: 99999;

	}
	.anuncioan .fa-times{
		position: absolute;
		top: -27px;
		right: 0;
		background-color: white;
		padding: 7px;
		border-radius: 5px 0 0 0;
		font-size: 18px;
		overflow: hidden;
	}
	.anuncioan button{
		background-color: white;
		border: none;
	}
/*General*/
	body{
		background-color: #1f253b;
		font-family: 'Outfit', arial;
		margin: 0;
		padding: 0;
	}
	a{
		text-decoration: none;
		color: white;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}