/*BASE*/
	body{
		margin: 0;
		padding: 0;
		border: 0;
		position: relative;
		width: 100%;
		height: 100vh;
		min-height: 200px;
		min-width: 250px;
		background-color: #000;
		overflow: hidden;
	}
	.ventanas, .ventanas_carg{
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		min-width: 100%;
		min-height: 100%;
	}
	.ventanas.ani{
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	}

	.ventanas.act{
		left: 0%;
	}
	.ventanas.izq{
		left: -100%;
	}
	.ventanas.der{
		left: 100%;
	}
	.vent_backgr{
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.ocu{
		display: none;
	}
	#pbleli2{
		font-family: GreatVibes;
		font-size: 75px;
		display: none;
	}
/*CONTENEDOR DE PESTAÑAS*/
	.vent_cont{
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: radial-gradient(farthest-side at 50% 50%, rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.77));
	}
	.vent_post_cont{
		width: 100%;
		height: calc(100% - 140px);
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		max-width: 700px;
		margin: auto;
		/*background-color: #00000050;*/
	}
	.vent_post_post_cont{
		width: 100%;
		text-align: center;
	}
	.ventanas.hide_nav > .vent_cont > .vent_post_cont{
		height: 100%;
	}

/*DECORACION: HOJAS*/
	.hojas{
		position: absolute;
		-webkit-filter: drop-shadow(-15px 5px 3px #000);
		filter: drop-shadow(-15px 5px 3px #000);
		max-width:25%;
		width: 300px;
	}
	.hojas_bottom{
		bottom: 0;
	}
	.hojas_left{
		left:0;
	}
	.hojas_right{
		right:0;
	}

/*BOTONES DE NAVEGACION*/
	.btns_bottom{
		height: 140px;
		bottom: 0;
		width: 100%;
		position: absolute;
		overflow: hidden;
	}
	.btns_nav{
		position: absolute;
		bottom: 0;
		margin-bottom: 40px;
		width: 100%;
		height: 85px;;
	}
	.btns_nav.ocu{
		display: none;
	}
	.btns_nav_cont{
		height:80px;
		text-align: center;
	}
	.btns{
		width: 70px;
		height: 70px;
		display: inline-block;
		margin: 0 6px;
		color:#ddd;
	}
	.btns.act{
		color:#fff;
	}
	.btns > i{
		font-size:50px;
		width: 35px;
		height: 35px;
		padding: 10px 10px 10px 10px;
		border: 1px solid transparent;
		border-radius: 50%;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	.btns.act > i{
		border-radius: 50%;
		/*border: 1px solid #e09978;*/
		font-size: 28px;
		padding: 10px;
		background-color:rgba(0,0,0,0.5)
	}
	.btns.act:nth-child(1) > i{	border: 1px solid #cce078;}
	.btns.act:nth-child(2) > i{	border: 1px solid #e09978;}
	.btns.act:nth-child(3) > i{	border: 1px solid #787ee0;}
	.btns.act:nth-child(4) > i{	border: 1px solid #78e0df;}
	.btns.act:nth-child(5) > i{	border: 1px solid #78e0ac;}

	.btns > p{
		font-family: SourceL;
		font-size: 15px;
		margin: 0;
		margin-top: 7px;
	}
	.ventanas.hide_nav > .btns_nav{
		display: none;
	}

/*VENTANA: HOME-PRINCIPAL*/
	.home_text{
		text-align: center;
		font-weight: bold;
		color: #fff
	}
	.grupo_sesion{

	}
	.grupo_sesion.ocu{
		display: none;
	}

/*VENTANA: SALUDOS A LOS NOVIOS*/
	#ta_saludo{
		font-family: GreatVibes;
		height: 200px;
		padding: 10px;
		background-color: rgba(15,15,15,0.5);
		border: 0;
		text-align: center;
		font-size: 30px;
		color: white;
		width: 75%;
		max-width: 800px;
		resize: none;
	}
	#sal_nombre{
		font-family: SourceL;
		padding: 5px 10px;
		background-color: rgba(15,15,15,0.5);
		border: 0;
		font-size: 20px;
		color: white;
		width: 75%;
		max-width: 800px;
		resize: none;
		margin-bottom: 10px;
		text-align: center;
	}
	#enviar_saludo{
		margin: auto;
		margin-top: 10px;
		background: rgba(42,100,107,0.8);/*#2a646ccc*/
		text-align: center;
		width: 150px;
		height: 40px;
		font-size: 20px;
		padding-top: 10px;
		color: #b9b9b9;
		border: 1px solid #3a5a3f;
		border-radius: 5px;
		cursor: pointer;
	}
	#sal_gracias{
		text-align: center;
		color: white;
		font-size: 30px;
		font-family: GreatVibes;
	}
	.red{
		background-color: rgba(178,40,40,0.5) !important;
	}

/*VENTANA: TRANSPORTE E INVITADOS*/
	.cont_codigo_inv.ocu{
		display: none;
	}
	.transporte_persona, .invitado_box{
		width: 80%;
		height: 50px;
		max-width: 600px;
		min-width: 300px;
		margin-top: 20px;
		border-top: 1px solid #5a4d18;
		overflow: hidden;
		background-color: rgba(0,0,0,0.7);
		color: #fff;
		margin: auto;
	}
	.transporte_persona:last-child, .invitado_box:last-child{
		border-bottom: 1px solid #5a4d18;
	}
	.transporte_persona > div:first-child, .invitado_box > div:first-child{
		width: 100%;
		height: 38px;
		padding-top: 15px;
		font-size: 17px;
		font-family: SourceR;
	}
	.transporte_persona .transporte_reserv, .invitado_confirm{
		margin-left: 15px;
	}
	.invitado_confirm.sin_conf{
		color:#fff;
	}
	.transporte_persona .reserv, .invitado_confirm.asist{
		color:#85c3f7;
	}
	.transporte_persona .sin_reserv, .invitado_confirm.no_asist{
		color:#e1c07f;
	}



	/*MODAL: SELECCIONAR UBICACION TRANSPORTE*/
	.trans_ubic_tit, .asist_conf_tit{
		font-size: 20px;
		height: 30px;
		margin-bottom: 70px;
		font-family: SourceL;
	}
	.trans_ubic, .asitencia_seleccion{
		width: 90%;
		background-color: rgba(255,255,255,0.8);
		margin: 20px auto;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		color: #03495c;
		max-width: 500px;
		font-size: 20px;
		height: 50px;
	}
	.reserv_opcion, .asistencia_asist{
		background-color: #3179a0;
		color:#fff;
	}
	.asistencia_no_asist{
		background-color: #c48011;
		color:#fff;
	}
	.trans_ubic:first-child, .asitencia_seleccion:first-child{
		margin-top: 40px;
	}
	.trans_ubic_coment, .asist_conf_coment{
		font-size:15px;
		color:#999;
		margin-top:20px;
	}

/*VENTANA: REGALOS*/
	.regalos_box{
		width: 90%;
		max-width: 600px;
		margin: auto;
		color: #fff;
		background-color: rgba(0,0,0,0.7);
		border-bottom: 1px solid #77651d;
		height: 70px;
		text-align: left;
	}
	.regalos_box.mdl{
		width: 100%;
		height: 110px;
		max-width: 100%;
		background-color: rgb(214, 214, 214);
		color: #000;
	}
	.regalos_box.mdl.sel{
		background-color: #62bdd0;
	}
	.regalos_box:first-child{
		border-top: 1px solid #77651d;
	}
	.regalos_box > img{
		width: 60px;
		border-radius: 5px;
		margin: 5px;
		float: left;
		opacity: 0.95;
	}
	.regalos_box.mdl > img{
		width: 98px;
		border: 1px solid #00748b;
	}
	.regalos_box > div{
		width: calc(100% - 82px);
		float: right;
		margin-right: 8px;
		height: 68px;
	}
	.regalos_box.mdl > div{
		width: calc(100% - 120px);
	}
	.regalos_box > div > p{
		margin: 0;
		padding-top: 10px;
		font-family: SourceR;
		font-size: 18px;
		font-weight: bold;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.regalos_box.mdl > div > p{
		font-size: 20px;
		padding: 20px 0;
		font-size: 18px;
		padding: 10px 0 0 0;
	}
	.regalos_box.mdl > div > .regalos_mdl_sel{
		font-size: 20px;
		color: #fff;
		height: 20px;
	}
	.regalos_box > div > div{
		text-align: right;
	}
	.regalos_box > div > div > p{
		width: calc(100% - 35px);
		float: left;
		margin-top: 9px;
		margin-bottom: 0;
		font-size: 15px;
		color: #323030;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.regalos_box.mdl > div > div > p{
		font-size: 18px;
		width: calc(100% - 45px);
	}
	.regalos_box > div > div > img{
		width: 25px;
		border-radius: 50%;
		margin-top: 4px;
	}
	.regalos_box.mdl > div > div > img{
		width: 35px;
		margin-top: 0;
	}

/*PERFIL REGALO*/
	.perfil_regalo > img{
		width: 150px;
		border: 1px solid #6e7920;
		padding: 3px;
		border-radius: 10px;
	}
	.perfil_regalo > p{
		width: 90%;
		font-size: 16px;
		max-width: 400px;
		margin: auto;
		margin-top: 5px;
	}
	.perfil_regalo_tienda{
		width: 90%;
		max-width: 400px;
		margin: auto;
		margin-top: 20px;
		border: 1px solid #272727;
		background-color: #181818;
	}
	.perfil_regalo_tienda > div:first-child{
		margin-top: 5px
	}
	.perfil_regalo_tienda > div:first-child > img{
		width: 45px;
	}
	.perfil_regalo_tienda > a{
		text-decoration: none;
	}
	.perfil_regalo_tienda > a > div{
		width: 80%;
		margin: auto;
		margin-top: 10px;
		background-color: #0d7994;
		max-width: 300px;
		padding: 10px;
		font-size: 20px;
		border-radius: 10px;
		text-decoration: none;
		color: #fff;
	}
	.perfil_regalo_btn_quitar{
		font-size: 20px;
		background: #bf8031;
		width: 80%;
		max-width: 300px;
		padding: 10px;
		margin: auto;
		margin-top: 15px;
		border-radius: 10px;
	}
	.perfil_regalo_btn_cerrar{
		font-size: 20px;
		background: #4c4c4c;
		width: 80%;
		max-width: 300px;
		padding: 10px;
		margin: auto;
		margin-top: 15px;
		border-radius: 10px;
	}

/*LISTA DE REGALOS MODAL*/
	.list_reg_titulo{
		width: 100%;
		height: 39px;
		background-color: #000;
		text-align: center;
		color: #fff;
		font-size: 20px;
		padding-top: 10px;
		border-bottom: 1px solid #a08225;
	}
	.list_reg_list{
		width: 100%;
		height: calc(100% - 110px);
		overflow: auto;
	}
	.list_reg_list > p{
		color: white;
		font-family: SourceL;
		text-align: center;
		margin: 15px;
	}
	.list_reg_list > p > span{
		font-size: 20px;
		letter-spacing: 0.3px;
	}
	.list_reg_fin, .list_saludos_cerrar{
		width: 100%;
		height: 44px;
		background-color: #2b2b2b;
		text-align: center;
		color: #fff;
		font-size: 22px;
		padding-top: 15px;
		box-shadow: 0px 0px 10px rgb(84,67,33);
		border-top: 1px solid #544321;
	}

/*VENTANA: CARGANDO...*/
	#vent_cargando{
		background-color: rgba(0,0,0,0.95)
	}
	#vent_cargando.sin_transp{
		background-color: rgb(0,0,0)
	}
	#vent_cargando > div{
		height: 100%;
		width: 100%;
		margin-top: auto;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		max-width: 700px;
		margin: auto;
	}
	#cargando_cont{
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
	#vent_cargando.scrll{
		box-shadow: 0 0 20px #534b07;
	}
	#vent_cargando.scrll > div > #cargando_cont{
		height: 100%
	}
	#cargando_ico{
		font-size: 50px;
	}
	#cargando_text{
		font-size: 20px;
	}

/*VENTANA: CARGANDO: CODIGO ACEPTADO*/
	#guardar_cod_cont{
		margin: 10px 0 20px 0;
	}
	#guardar_cod_si, #guardar_cod_no{
		display: inline-block;
		width: 120px;
		padding: 15px 0;
		border-radius: 5px;
		margin: 10px;
	}
	#guardar_cod_si{
		background-color: #13a0ae;

	}
	#guardar_cod_no{
		background-color: #c37d16;
	}
	#guardar_cod_adv{
		font-size: 14px;
		color: #6f6e6e;
	}
	#guardar_cod_mano{
		font-size: 50px;
		margin-bottom: 20px;
		color: #c8c8c8;
	}

/*VENTANA:BASE: CODIGO DE INVITADO*/
	.in_codigo_inv{
		font-family: SourceL;
		width:75%;
		max-width: 400px;
		padding: 10px;
		background-color: rgba(15,15,15,0.5);
		border: 0;
		font-size: 20px;
		color: white;
		resize: none;
	}
	.enviar_codigo_inv{
		margin: auto;
		margin-top: auto;
		width: 150px;
		height: 40px;
		background: rgba(42,100,107,0.8);
		margin-top: 15px;
		text-align: center;
		font-size: 20px;
		padding-top: 10px;
		color: #b9b9b9;
		border: 1px solid #3a5a3f;
		border-radius: 5px;
		cursor: pointer;
	}
	.msje_codigo_inv{
		color:#d58d60;
		font-size:15px;
	}