.puntoNoVer, #oliva {
		display: none;
	}
	#oliva {
		width: 100%;
		height: 100vh;
	}
	#oliva > img {
		width: 200px;
	}
	@font-face {
	    font-family: raquel;
	    src: url(../font/Zapfino.ttf);
	    font-weight: bold;
	 }
	@font-face {
		font-family: geo;
		src: url(../font/Geometric-415-Lite-BT_20222.ttf);
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		-webkit-font-smoothing: antialiased;
	}
	body {
		overflow: auto;
		font-family: geo;
		text-align: center;
		font-size: 10px;
		color: #fff;
	}
	b {
	    font-family: geo;
	}
	strong { 
	    font-family: geo;
	}
	a {
		text-decoration: none;
		color: #fff;
	}
	div {
		overflow: hidden;
	}
	main {
		position: fixed;
		width: 100%;
		z-index: 1;
		background-color: #a3a462;
		display: none;
	}
	main > div:last-child, #index > div:last-child {
		/*display: none;*/
	}
	h1 {
		font-size: 4.4em;
		font-weight: 400;
	}
	h2 {
		font-size: 2.4em;
	}
	h3 {
		font-size: 1.8em;
		font-weight: 800;
	}
	p {
		font-size: 1.3em;
	}
	span {
		font-size: 1em;
	}
	#fotosBoda {
		overflow-y: scroll;
	}
        .vid0, .vidB, .next {
            position: relative;
            cursor: zoom-in;
            overflow: hidden;
            float: left;
            border: 2px solid #a3a462;
        }
        .vidP {
            position: relative;
            cursor: zoom-in;
            overflow: hidden;
            float: left;
            margin-left: 4px;
            margin-top: 4px;
        }
        #fotos, #fotos1, #fotos2 {
            position: relative;
            display: none;
        }
        #fotoP{
            position: fixed;
            top: 90px;
            width: 100%;
            cursor: zoom-out;
            display: none;
            background-size: contain;
        }
        .mover {
            position: fixed;
            top: 90px;
            width: 30%;
            height: 100%;
            right: 0;
            display: none;
            z-index: 3;
        }
        #dcha {
            cursor: url('../Dcha.svg'), auto; 
        }
        #izda {
            left: 0;
            cursor: url('../Izda.svg'), auto; 
        }
        .next {
            font-size: 3em;
            line-height: 60px;
            display: block;
            background-color: #000;
        }
   .boton, .boton1 {
		font-size: 1.6em;
		padding: .4em 2em;
		border-radius: 8px;
		cursor: pointer;
		background-color: rgba(1,1,1,.57);
		color: #fff;
		border: 1px solid #a3a462;
		width: auto;
		margin-top: 2px;
    }
    .boton1:hover, .boton:hover {
        background-color: #4CAF50;
        color: white;
    }
    .oculto {
        display: none;
    }
    .mobile {
    	height: 92px;
    	top: 0px;
    	position: sticky;
    	position: -webkit-sticky;
    	width: 100%;
    	background-color: #a3a462;
    	position: relative;
    }
/*************************** CABECERA ***************************/
	#ryc {
		display: none;
	}
	#logo {
		position: absolute;
		width: 92%;
		top: 1vh;
		left: 50%;
		transform: translate(-50%);
		animation: fila 3s forwards 3.4s;
		z-index: ;
	}
	#logo path:nth-child(1) {
		stroke-dasharray: 451px;
		stroke-dashoffset: 451px;
		animation: dibujaletra 2s ease forwards 1.4s;
	}
	#logo path:nth-child(2) {
		stroke-dasharray: 148px;
		stroke-dashoffset: 148px;
		animation: dibujaletra 2s ease forwards 1.6s;
	}
	#logo path:nth-child(3) {
		stroke-dasharray: 222px;
		stroke-dashoffset: 222px;
		animation: dibujaletra 2s ease forwards 1.8s;
	}
	#logo path:nth-child(4) {
		stroke-dasharray: 174px;
		stroke-dashoffset: 174px;
		animation: dibujaletra 2s ease forwards 2s;
	}
	#logo path:nth-child(5) {
		stroke-dasharray: 180px;
		stroke-dashoffset: 180px;
		animation: dibujaletra 2s ease forwards 2.2s;
	}
	#logo path:nth-child(6) {
		stroke-dasharray: 220px;
		stroke-dashoffset: 220px;
		animation: dibujaletra 2s ease forwards 2.4s;
	}
	#logo path:nth-child(7) {
		stroke-dasharray: 176px;
		stroke-dashoffset: 176px;
		animation: dibujaletra 2s ease forwards 2.6s;
	}
	#logo path:nth-child(8) {
		stroke-dasharray: 340px;
		stroke-dashoffset: 340px;
		animation: dibujaletra 2s ease forwards 2.8s;
	}
	#logo path:nth-child(9) {
		stroke-dasharray: 146px;
		stroke-dashoffset: 146px;
		animation: dibujaletra 2s ease forwards 3s;
	}
	#logo path:nth-child(10) {
		stroke-dasharray: 222px;
		stroke-dashoffset: 222px;
		animation: dibujaletra 2s ease forwards 3.2s;
	}
	@keyframes dibujaletra {
		to {
			stroke-dashoffset: 0;
		}
	}
	@keyframes fila {
		from {
			fill: transparent;
		}
		to {
			fill: white;
		}
	}
	.container {
		position: absolute;
		display: block;
		top: 12px;
		left: .3em;
		width: 4em;
		height: 48px;
		font-size: 8px;
		cursor: pointer;
		z-index: 2;
	}
	.bar1, .bar2, .bar3 {
		position: relative;
		width: 2em;
		height: .4em;
		background-color: #C60B1E;
		float: right;
		border-radius: 8px;
	}
	.bar2 {
		margin: .5em 0;
		width: 3em;
		background-color: #FFC400;
	}
	.bar3 {
		width: 2.5em;
	}
	.ubi {
		position: absolute;
		font-size: 7px;
		width: 8em;
		height: 5em;
		top: 4px;
		right: 1em;
		cursor: pointer;
		z-index: 2;
	}
	.ubiF1, .ubiF2, .ubiF3 {
		position: absolute;
		z-index: 1;
		top: 1em;
		width: 15px;
	}
	.ubiF1 {
		width: 17px;
		right: 10px;
		top: .6em;
	}
	.ubiF2 {
		right: 0;
	}
	.ubiF3 {
		right: 22px;
	}
	.RaCar{
		position: absolute;
		top: 8vh;
		left: 0;
		color: red;
		padding: 1em 1em;
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
		height: auto;
		z-index: 1;
	}
	.RaCar h3 {
		color: #000;
		padding: 2vh 0;
		background: transparent;
		font-size: 2em;
	}
	.RaCar h3:last-child {
		letter-spacing: .08em;
		display: block;
		margin-top: -2vh;
		color: #fff;
	}
/*------------------------ FIN CABECERA ------------------------*/

/**************************** INDEX *****************************/
	#index {
		width: 100%;
		position: fixed;
		background-image: url(../gal/p.jpg);
		background-position: 18% 50%;
	}
	#index br + a {
		color: aqua;
	}
	#divCentral {
		position: relative;
		background-color: rgba(0,0,0,.3);
		height: 100vh;
		top: 55%;
		width: 100%;
		margin-top: -0em;
		padding-top: 0em;
		/*animation: LUPI 3s;*/
	}
	@keyframes LUPI {
		from {top: 0;}
		to {top: 55%;}
	}
	#indexSpann1 {
		letter-spacing: .39em;
		margin-top: 14vh;
	}
	#indexSpann2 {
		margin-top: 2vh;
	}
	.indexSpann3 {
		letter-spacing: .16em;
		border-radius: 8px;
		margin: auto; margin-top: 3vh;
		width: 90%;
		background-color: rgba(1,1,1,.57);
		padding: 0 .6em;
		border: 2px solid #ddd;
		cursor: pointer;
		line-height: 6vh;
	}
	.indexSpann3 h3:hover{
		font-weight: 800;
	}
	#divCentral span {
		display: block;
	}
	#divCentral .indexSpann4 {
		display: none;
	}
	#iglesia .indexSpann3 {
		display: none;
	}
	#coche {
		margin:auto;
		margin-top: 0em;
	}
	#circulo {
		position: fixed;
		top: 0;
		padding: 0em;
		width: 100%;
		background-color: #a3a462;
		overflow: hidden;
		z-index: 2;
	}
	#circulo div .probando {
		position: absolute;
		top: 20px;
		left: 50%;
		animation: spin 30s linear infinite;
	}
	#menu {
		position: relative;
		padding: 10vh 0;
		display: grid;
		grid-gap: 2vh;
		grid-template-columns: auto;
		grid-template-rows: repeat(3, auto);
	}
	#menu div {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#menu div h2 {
		cursor: pointer;
		font-size: 10vw;
		line-height: 40px;		
	}
	.spin {
		animation: spin 1s linear 1;
	}
	@keyframes spin {
	  0% { transform: rotate(360deg); }
	  100% { transform: rotate(0deg); }
	}
	.equis {
		position: absolute;
		top: 1vw;
		right: 0em;
		width: 4em;
		height: 4em;
		transform: rotateZ(0deg);
		transition: .9s;
		cursor: pointer;
		z-index: 2;
	}
	#equisU .bar4, #equisU .bar5 {
		position: absolute;
		top: 1.4em;
		background-color: #fff;
		width: 2em;
		height: .2em;
		margin-left: .5em;
	}
	.equis:hover {
		transform: rotateZ(360deg);
	}
	#equisU {
		background-color: rgba(0,0,0,.3);
		border-radius: 50%;
		width: 3em;
		height: 3em;
	}
	.tresenuno {
		position: absolute;
		right: .6em;
		top: 23vh;
		margin-right: 1vh;
		width: 20em;
		height: auto;
	}
	.movil {
		position: relative;
		display: block;
		width: 20em;
		height: 4em;
	}
	.movil h3 {
		position: absolute;
		top: .4em;
		right: 2em;
		width: 0;
		line-height: 1.9em;
		height: 1.9em;
		overflow: hidden;
		background-color: rgba(0,0,0,.5);
		border-radius: 8px;
	}
	.tresenuno img {
		position: absolute;
		right: 0;
		width: 3.5em;
		padding: .5em 0;
		cursor: pointer;
	}
	.bar4, .bar5 {
		position: absolute;
		top: 1.9em;
		background-color: #fff;
		width: 2em;
		height: .2em;
		margin-left: 1em;
	}
	.bar4 {
		transform: rotate(-45deg);

			}
	.bar5 {
		transform: rotate(45deg);
			}
/*------------------------- FIN INDEX --------------------------*/

/*************************	NUESTRA BODA   ************************/
/*---------------------  FIN NUESTRA BODA   ---------------------*/


/************************* PLAN DE BODA *************************/
	#iglesia {
		background-image: url("../gal/pp.jpg");
		padding-top: 6vh;
	}
	#iglesia div span {
		display: inline-block;
	}
	#iglesia div:nth-child(2) {
		padding: 0 1em;
	}
	#iglesia div:nth-child(4) {
		position: absolute;
		bottom: 17vh;
		margin-left: 50%;
		transform: translateX(-50%);
		width: inherit;
   	}
	#fecha {
		position: relative;
		animation: fila 1s forwards 3s;
		width: 80%;
	}
	#fecha path {
		stroke: #fff;
		stroke-width: 4px;
	}
	#fecha path:nth-child(1) {
		stroke-dasharray:321;
		stroke-dashoffset:321;
		animation: dibujafecha 1s ease forwards .5s;
	}
	#fecha path:nth-child(2) {
		stroke-dasharray: 368;
		stroke-dashoffset: 368;
		animation: dibujafecha 1s ease forwards .8s;
	}
	#fecha path:nth-child(3) {
		stroke-dasharray: 234;
		stroke-dashoffset: 234;
		animation: dibujafecha 1s ease forwards 1.1s;
	}
	#fecha path:nth-child(4) {
		stroke-dasharray: 361;
		stroke-dashoffset: 361;
		animation: dibujafecha 1s ease forwards 1.4s;
	}
	#fecha path:nth-child(5) {
		stroke-dasharray: 287;
		stroke-dashoffset: 287;
		animation: dibujafecha 1s ease forwards 1.7s;
	}
	#fecha path:nth-child(6) {
		stroke-dasharray: 184;
		stroke-dashoffset: 184;
		animation: dibujafecha 1s ease forwards 2s;
	}
	#fecha path:nth-child(7) {
		stroke-dasharray: 234;
		stroke-dashoffset: 234;
		animation: dibujafecha 1s ease forwards 2.3s;
	}
	#fecha path:nth-child(8) {
		stroke-dasharray: 375;
		stroke-dashoffset: 375;
		animation: dibujafecha 1s ease forwards 2.6s;
	}
	#fecha path:nth-child(9) {
		stroke-dasharray: 279;
		stroke-dashoffset: 279;
		animation: dibujafecha 1s ease forwards 2.3s;
	}
	#fecha path:nth-child(10) {
		stroke-dasharray: 263;
		stroke-dashoffset: 263;
		animation: dibujafecha 1s ease forwards 2s;
	}
	#fecha path:nth-child(11) {
		stroke-dasharray: 234;
		stroke-dashoffset: 234;
		animation: dibujafecha 1s ease forwards 1.7s;
	}
	#fecha path:nth-child(12) {
		stroke-dasharray: 311;
		stroke-dashoffset: 311;
		animation: dibujafecha 1s ease forwards 1.4s;
	}
	#fecha path:nth-child(13) {
		stroke-dasharray: 324;
		stroke-dashoffset: 324;
		animation: dibujafecha 1s ease forwards 1.1s;
	}
	#fecha path:nth-child(14) {
		stroke-dasharray: 311;
		stroke-dashoffset: 311;
		animation: dibujafecha 1s ease forwards .8s;
	}
	#fecha path:nth-child(15) {
		stroke-dasharray: 324;
		stroke-dashoffset: 324;
		animation: dibujafecha 1s ease forwards .5s;
	}
	@keyframes dibujafecha {
		to {
			stroke-dashoffset: 0;
		}
	}
	#iglesia > div:nth-child(3) {
		width: 100%;
		position: absolute;
		bottom: 21vh;
		z-index: 1;
	}
	.svgLinea {
		position: absolute;
		width: 10px;
		left: 50%;
		transform: translate(-50%);
	}
	#svgLineaV1 {
		bottom: 0;
		height: 16vh;
		z-index: -2;
	}
	#punto {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 16vh;
	}
	#svgLineaV2 {
		bottom: 0;
		height: 19vh;
	}
	#svgLineaV3 {
		top: 0;
		height: 20vh;
	}
	.lineaPuntos {
		stroke-width: 4px; 
		stroke-linecap: round;
		stroke-dasharray: .1,11;
		stroke-dashoffset: 300;
		animation: linea 18s linear forwards;
		animation-iteration-count: infinite;
	}
	@keyframes linea {
		to {
			stroke-dashoffset: 0;
		}
	}
	.lineaPuntosEstatica {
		stroke-width: 4px; 
		stroke-linecap: round;
		stroke-dasharray: .1,11;
		stroke-dashoffset: 300;
	}
	.sc {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height:100%; /*A value other than height:auto needs to be set*/
	}
	#video {
	    position: relative;
	    width: 70%;
	    margin: 0 auto;
	    background-color: #fff;
	    z-index: -1;
	    margin: -10vh auto 1vh auto;
	}
	#video video {
		margin-top: 8em;
		width: 100%;
		height: auto;
    
  	}
	#autobus {
		background-color: #a3a462;
		padding-top: 6vh;
		overflow-y: scroll;
	}
	#autobus h2 {
		color: #fff;
	}
	#autobus div:nth-child(5) h2 {
		padding: .8em 0 .4em 0;
		letter-spacing: 1px;
	}
	#busMargen {
		display: none;
	}
	 #busRapido {
	 	margin-top: 2vh;
		width: 16vw;
		position: relative;
		animation: shake 0.5s linear 1s 5, run 1.2s linear 2.5s forwards;
	}
	.vibrar {
		animation: shake 0.5s linear  5;
	}
	#busRapido img {
		width: 100%;
	}

	@keyframes shake {
	  0% { transform: translate(1px, 1px) rotate(0deg); }
	  10% { transform: translate(-1px, -2px) rotate(-1deg); }
	  20% { transform: translate(-3px, 0px) rotate(1deg); }
	  30% { transform: translate(3px, 2px) rotate(0deg); }
	  40% { transform: translate(1px, -1px) rotate(1deg); }
	  50% { transform: translate(-1px, 2px) rotate(-1deg); }
	  60% { transform: translate(-3px, 1px) rotate(0deg); }
	  70% { transform: translate(3px, 1px) rotate(-1deg); }
	  80% { transform: translate(-1px, -1px) rotate(1deg); }
	  90% { transform: translate(1px, 2px) rotate(0deg); }
	  100% { transform: translate(1px, -2px) rotate(-1deg); }
	}
	/* Standard syntax */
	@keyframes run {
	  0%   {left:0px; top:0px;}
	  25%  {left:90vw; top:0px;}
	  50%  {left:40vw; top:0px;}
	  75%  {left:52vw; top:0px;}
	  100% {left:50%; transform: translateX(-50%); }
	}
		.contenidoH {
			padding: 0 10px;
			padding-bottom: 10px;
		}
/*---------------------- FIN PLAN DE BODA ----------------------*/


/************************** UBICACION ***************************/
	#ubicacion {
		background-color: #a3a462;
		transform: scale(.7);
		margin-top: -4em;
		height: 57em;
	}
	#ubicacion1 {
		position: fixed;
		top: 0;
		background-color: #a3a462;
		overflow: hidden;
	}
	#globo {
		display: none;
		position: absolute;
		width: 100%;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#corazon1 {
		position: absolute;
		width: 15px;
		top: 41%;
		left: 83vw;
	}
	#corazon2 {
		position: absolute;
		width: 15px;
		top: 45%;
		left: 77vw;
	}
	#corazon3 {
		position: absolute;
		width: 15px;
		top: 47%;
		left: 71vw;
	}
	#corazon4 {
		position: absolute;
		width: 15px;
		top: 48%;
		left: 62vw;
	}
	#ubicacion > img:first-child {
		position: absolute;
		height: auto;
		top: -19vw;
		left: 0;
		width: 108%;
	}
	#ubicacion > #carretNegro {
		position: absolute;
		height: auto;
		top: 19vw;
		left: 18vw;
		width: 74%;
	}
	#ubicacion svg {
		margin-top: 46vw;
		margin-left: -25vw;
	}
	#ruta {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#ubicacion span, #ubicacion1 span {
		font-family: geo;
	}
	#zoom11, #zoom1 {
		position: absolute;
		top: 50vw;
		left: 50%;
	}
	#pin1 {
		position: absolute;
		height: 2.0em;
		width: 2.0em;
		top: 11vw;
		left: 75%;
	}
	#pin2 {
		position: absolute;
		top: 143vw;
		left: 67%;
	}
	#iconoIglesia {
		position: absolute;
		width: 14em;
		height: 8em;
		top: 112vw;
		left: 55%;
	}
	#iconoIglesia div {
		width: 2.4em;
		height: auto;
		margin: auto;
	}
	#iconoIglesia div img {
		width: 100%;
	}
	#iconoCena {
		position: absolute;
		width: 16em;
		height: 10em;
		top: 148vw;
		left: 23%;
	}
	#iconoCena div {
		width: 3.2em;
		height: auto;
		margin: auto;
	}
	#iconoCena div img {
		width: 100%;
	}
/*------------------------ FIN UBICACION -----------------------*/


/***************************** SRC *******************************/
	#formsrc {
		background-color: #a3a462;
		padding: 0 1%;
	}
	#formsrc div h2 {
		padding: 2vh 0;
	}
	#formsrc .camposInput {
		width: 100%;
		padding: .2em .5em;
		background-color: #a3a462;
		border: 1px solid #fff;
		border-color: #fff;
		border-radius: 8px;
		color: #fff;
		font-size: 1.3em;
		font-family: geo;
	}
	::placeholder {
		color: #ccc;
	}
	#ninguno, #alguno {
		opacity: 0;
	}
	#formsrc input[type=radio] {
		width: 1em;
	}
	form div h2 {
		text-transform: uppercase;
		font-size: 1.4em;
	}
	#formsrc div h1:first-child {
		display: none;
	}
	#formsrc > h2 {
		padding-top: 2vh;
		color: #ccc;
	}
	#formsrc button {
		font-size: 1.2em;
		padding: .4em 2em;
		border-radius: 8px;
		cursor: pointer;
		background-color: rgba(1,1,1,.57);
		color: #fff;
		border: 1px solid #fff;
		width: auto;
		margin-top: 2%;
	}
	#enviar h3:hover {
		font-weight: 800;
	}
	.continente > div {
		text-align: center;
		margin-bottom: 3%;
	}
	.continente .asistire {
		text-align: center;
		font-size: 1.3em;
		display: inline-block;
		width: 49%;
	}
	.asistire label, .asistire input {
		cursor: pointer;
			}
	.continente .datos, .continente .bicho {
		width: 49%;
		display: inline-block;
	}
	#fotoBus {
		padding: 1%;
		position: relative;
		margin: 2% 0;
		height: 40px;
	}
	#fotoBus img {
		height: 100%;
		opacity: .4;
		position: relative;
		margin: 0 30px;
	}
	#fotoBus img.opacidad {
		opacity: 1;
	}
	.bus {
		position: relative;
		top: -40%;
		font-size: 2em;
	}
	.sino {
		cursor: pointer;
	}
	#contador, #contador1, #contador2 {
		animation-name: example;
		animation-duration: 12s;
		animation-iteration-count: infinite;
		font-size: 3em;
	}
	@keyframes example {
	    0%   {color: red;}
	    40%  {color: orange;}
	    60%  {color: yellow;}
	    75%  {color: green;}
	    100% {color: blue;}
	}
	.dialogo1 {
		position: fixed;
		text-align: center;
		width: 300px;
		height: auto;
		top: 30%;
		left: 50%;
		background-color: rgba(0,0,0,.7);
		padding: 40px 10px;
		box-shadow: 10px 10px 10px grey;
		z-index: 3;
		transform: translate(-50%, -50%);
	}
	#emailRepetido {
		box-shadow: 10px 10px 10px firebrick;
	}
	.volver {
		cursor: pointer;
		width: 40px;
		right: 0;
		position: absolute;
		top: -7px;
	}
	.datos1 p {
		font-weight: bold;
		line-height: 1.3em;
		margin-top: 3%;
	}
/*-------------------------- FIN SRC ----------------------------*/

/*************************** LISTA DE BODAS *****************************/
	/*.carrusel img {
		width: 100%;
	}*/
	#cabecera {
		overflow-y: scroll;
	}
	#lista {
		overflow-y: auto;
		width: 100%;
	}
	.participar, button {
		width: 150px;
		font-size: 1em;
		text-align: center;
		border: 3px solid #a3a462;
		color: #a2a362;
		background-color: #fff;
		margin: auto;
		cursor: pointer;
		padding: 8px 0;
		margin-top: 20px;
		transition: all .4s;
		border-radius: 8px;
	}
	.participar {
		position: absolute;
		width: 95%;
		color: #fff;
		background-color: rgba(68, 44, 43, .7);
		border: 1px solid #fff;
		bottom: 5px;
	}
	.enviar:hover, .participar:hover {
		background-color: #fff;
		color: #a3a462;
	}
	.grupoRegalos {
		position: relative;
		margin: auto;
		box-shadow: 5px 5px 5px #333;
		background-color: #fff;
		width: 90%;
		margin-bottom: 30px;
		margin-top: 10px;
		height: 88vh;

	}
	.regalo {
		width: 0;
		padding: 6px 0;
		background-color: rgba(68, 44, 43, .7);
		transition: width 1s linear 0s;
		text-align: center;
		color: #fff;
	}
	.fotoregalo {
		height:50%;
	}
	.fotoregalo img {
		height: auto;
		width: 100%;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.regalos {
		text-align: left;
		width: 100%;
		float: left;
		padding: 10px 5px;
		background-color: #fff;
		color: #a3a462;
	}
	.regalos div:nth-child(3) {
		position: absolute;
		width: 100%;
		bottom: 54px;
	}
	.titulo {
		margin: 0;
	}
	.titulo > h2 {
		font-size: 2em;
	}
	#popupimagen {
		position: relative;
		float: right;
		width: 100%;
		height: 37%;
	}
	.popuptext1 {
		height: 100%;
	}
	#lineacc {
		position: absolute;
	    bottom: 60%;
	    background-color: #777;
	    width: 100px;
	    height: 4px;
	}
	#muchasgraciasL {
		float: left;
		height: 52%;
		width: 100%;
		padding: 0;
	}
	#muchasgraciasL .participar {
		bottom: 12px;
		left: 0;
		border-color: rgba(68, 44, 43, .7);
	}
	#muchasgracias {
		letter-spacing: .15em;
	}
	.barra {
		background-color: rgba(200, 200, 200, .4);
		margin-top: 4px;
		width: 94%;
		border-radius: 4px;
	}
	#cc {
		position: absolute;
		bottom: 6px;
		width: 100%;
	}
	#cc p {
		font-size: 1.6em;
	}
	.popup {
		position: fixed;
		width: 94%;
		height: 97%;
		display: none;
		color: #000;
		text-align: left;
		z-index: 2;
		background-color: #fff;
		padding: 0 8px;
		left: 49.5%;
		top: 49.5%;
		transform: translate(-50%, -50%);
		box-shadow: 10px 10px 5px;
	}
	#popupimagen img {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	#muchasgracias h1 {
		font-size: 3em;
		line-height: .8em;
	}
/*------------------------ FIN CARRUSEL --------------------------*/
@media only screen and (min-width: 360px) and (orientation: portrait) {
	body {
		font-size: 10px;
	}
	#menu div h2 {
		font-size: 7vw;
		line-height: 50px;		
	}
	#muchasgracias h1 {
		font-size: 4em;
	}
	.grupoRegalos {
		height: 74vh;
	}
	#divCentral {
		/*background-color: #a2a362; ;rgba(0,0,0,.4)*/
		top: 60%;
		/*animation: LUPI 3s;*/
	}
	@keyframes LUPI {
		from {top: 0;}
		to {top: 60%;}
	}
	#iglesia {
		padding-top: 10vh;
		/*background-position-y: 40%;*/
	}
	#iglesia div:nth-child(4) {
	}
	#iglesia div:nth-child(4) h3:nth-child(4) {
		padding-top: 10px;
	}
	#formsrc > h2 {
		padding-top: 6%;
	}
	#formsrc form {
		margin-top: 8%;
	}
	#svgLineaV3 {
		top: 0;
		height: 19vh;
	}
	#ubicacion {
		height: 67em;
	}
	#muchasgracias {
		padding: 10px 0;
	}
	#lineacc {
		bottom: 52%;
	}
	#cc p {
		font-size: 1.7em;
	}
	.titulo > h2 {
		font-size: 2.2em;
	}
	.contenidoH {
		padding: 0 10px;
	}
	.continente .asistire {
		font-size: 1.6em;
	}
	#fotoBus {
		padding: 1%;
		position: relative;
		margin: 3% 0;
		height: 70px;
	}
	#busMargen {
		display: none;
	}
	.bus {
		top: -25px;
		font-size: 2em;
	}
	#busRapido {
		margin-top: 5vh;
	}
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
	body {
		font-size: 16px;
	}
	h1 {
		font-size: 3.8em;
	}
	.titulo > h2 {
		letter-spacing: 4px;
	}
	.regalos div:nth-child(3) {
		bottom: 80px;
	}
	.titulo > h2 {
		font-size: 2.4em;
	}
	.barra {
		width: 97%;
	}
	.participar {
		bottom: 10px;
		width: 98%;
	}
	#lineacc {
		bottom: 44%;
		width: 200px;
	}
	.container {
		font-size: 11px;
	}
	.ubi {
		font-size: 9px;
	}
	.ubiF1, .ubiF2, .ubiF3 {
		top: 1em;
		width: 24px;
	}
	.ubiF1 {
		width: 28px;
		right: 16px;
		top: .6em;
	}
	.ubiF2 {
		right: 0;
	}
	.ubiF3 {
		right: 36px;
	}
	.equis {
		top: 1vw;
	}
	.equisU1 {
		top: 1vw;
	}
	#index {
		background-image: url(../gal/pt.jpg);
		background-position: top;
	}
	#divCentral {
		/*background-color: rgba(0,0,0,.4); #a2a362;*/
		position: absolute;
		top: 63%;
		/*animation: LUPI 3s;*/
	}
	@keyframes LUPI {
		from {top: 0;}
		to {top: 63%;}
	}
	.dialogo1 {
		width: 80%;
	}
	#iglesia {
		padding-top: 10vh;
		background-size: cover;
		background-image: url(../gal/RyCpc.jpg);
		background-position-y: 78%;
		background-size: auto 115% ;
	}
	#iglesia div:nth-child(4) {
		padding-top: 351px;
	}
	#fecha {
		width: 52%;
		top: 2vh;
	}
	#menu div h2 {
		font-size: 4em;
		line-height: 94px;
	}
	.imagen img:nth-child(2) {
		/*top: 27px;
		left: 65vw;*/
	}
	.imagen img:nth-child(2) {
		top: 73px;
		left: 62vw;
		width: 29%;
		height: auto;
		transform: rotate(9deg);
	}
	#ubicacion {
		height: 65em;
	}
	#ubicacion > img:first-child {
		position: absolute;
		height: auto;
		top: -12vw;
		width: 79%;
		left: 8vw;
	}
	#ubicacion > #carretNegro {
		position: absolute;
		height: auto;
		top: 14vw;
		left: 22vw;
		width: 56%;
	}
	#ubicacion svg {
		margin-top: 35vw;
		margin-left: -29vw;
	}
	#zoom1 {
		top: 46vw;
		left: 48%;
	}
	#pin1 {
		position: absolute;
		height: 2.0em;
		width: 2.0em;
		top: 8vw;
		left: 73%;
	}
	#pin2 {
		position: absolute;
		top: 108vw;
		left: 58%;
	}
	#iconoIglesia {
		position: absolute;
		width: 14em;
		height: 8em;
		top: 86vw;
		left: 50%;
	}
	#iconoCena {
		position: absolute;
		width: 16em;
		height: 8em;
		top: 111vw;
		left: 23%;
	}
	#muchasgracias {
		padding: 20px 0;
	}
	#muchasgracias h1 {
		font-size: 4.7em;
	}
	.grupoRegalos {
		width: 90%;
		margin: auto;
		box-shadow: 10px 10px 5px #333;
		margin-bottom: 30px;
		margin-top: 30px;
		height: 78vh;
	}
	.fotoregalo {
		height: 54%;
	}
	.fotoregalo img {
		width: 100%;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	#hijo1 a > img{
		width: 44px;
	}
	.contenidoH {
		padding: 0 20px;
	}
	.continente .asistire {
		font-size: 2em
	}
	#fotoBus {
		padding: 1%;
		position: relative;
		margin: 3% 0;
		height: 70px;
	}
	.bus {
		top: -25px;
		font-size: 2em;
	}
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
	.mobile1 {
		height: 125px;
		top: 60px;
	}
	.dialogo1 {
		width: 860px;
	}
	body {
		font-size: 12px;
	}
	* {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	h1, h2, h3, h4, p, span {
		font-family: geo;
	}
	#index > div:last-child {
		display: block;
	}
	#ubicacion p {
		font-size: 2em;
	}
	#iglesia {
		padding-top: 12vh;
		background-size: auto 100%;
	}
	#iglesia div h3 {
		display: inline-block;
	}
	#index {
		background-image: url(../gal/p1.avif);
		background-position: 0% 35%;
		width: 100%;
		height: 100vh;
	}
	#logo {
		top: 0;
		width: 60%;
		max-width: 900px;
	}
	#circulo {
		width: 100%;
		height: 60px;
		top: 0;
		background-color: transparent;
		overflow: hidden;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.RaCar{
		width: 40%;
	}
	.RaCar span:last-child {
		padding-top: 5vh;
		display: block;
		letter-spacing: .2em;
	}
	#ryc {
		display: inline-block;
		width: auto;
		position: absolute;
		top: 0vh;
		left: 1em;
		font-size: 1em;
		cursor: pointer;
		z-index: 3;
	}
	#ryc p {
		font-family: raquel;
		font-weight: 800;
	}
	#menu {
		position: absolute;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		padding: 0;
		text-align: center;
		height: 100%;
	}
	#menu div {
		position: relative;
		height: 30px;
		margin: 0;
		display: inline-block;
		top: 70%;
		transform: translateY(-50%);

	}
	#menu div h2 {
		position: relative;
		color: #fff;
		cursor: pointer;	
		letter-spacing: 0;
		display: inline-block;	
		margin: 0 .6em;
		font-size: 14px;
		line-height: 14px;
	}
	#menu > div .tacho {
		position: absolute;
		top: 16px;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #fff;
		color: #fff;
	}
	#indexSpann2, #indexSpann1 {
		display: none;
	}
	#iglesia .ubi, #cabecera .ubi {
		display: none;
	}
	.ubi {
		width: 10em;
		height: 6em;
		top: 1.6vh;
		right: 1em;
		z-index: 3;
	}
	.ubiF1, .ubiF2, .ubiF3 {
		z-index: 1;
		top: 1em;
		width: 3em;
	}
	.ubiF1 {
		width: 3.2em;
		right: 2.3em;
		top: .6em;
	}
	.ubiF2 {
		right: 0em;
	}
	.ubiF3 {
		right: 4.6em;
	}
	#divCentral .indexSpann4 {
		display: block;
	}
	#divCentral {
		position: absolute;
		background-color: transparent;
		height: 46vh;
		top: 0;
		width: 100%;
		margin-top: -0em;
		padding-top: 0em;
		/*animation: LUPI 3s forwards;*/
	}
	@keyframes LUPI {
		from {top: 0;}
		to {top: 54%;}
	}
	#divCentral span {
		display: none;
	}
	#iglesia .indexSpann3 {
		display: block;
		position: absolute;
		bottom: 4.6vh;
		left: 50%;
		transform: translateX(-50%);
		width: fit-content;
	}
	#divCentral .indexSpann3 {
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		letter-spacing: .16em;
		border-radius: 8px;
		bottom: 4.9vh;
		width: auto;
		background-color: rgba(0,0,0,.5);
		padding: 0 .8em;
		border: 2px solid #ddd;
		cursor: pointer;
		line-height: 6vh;
		height: 6vh;
		text-align: center;
	}
	#divCentral .indexSpann4 {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 13vh;
		display: block;
		font-family: raquel;
	}
	form {
		width: 80%;
		margin: auto;
	}

	.puntoNoVer {
		display: block;
		left: 50%;
		transform: translateX(-50%);
	}
	.punto1 {
		position: absolute;
		bottom: 0vh;
	}
	.punto2 {
		position: absolute;
		bottom: 1.4vh;
	}
	.punto3 {
		position: absolute;
		bottom: 2.8vh;
	}
	.punto4 {
		position: absolute;
		bottom: 12vh;
	}
	.punto5 {
		position: absolute;
		bottom: 13.4vh;
	}
	.punto6 {
		position: absolute;
		bottom: 14.8vh;
	}
	.svgLinea line {
		stroke-width: 3px; 
		stroke-linecap: round;
		stroke-dasharray: 0,12;
	}
	#globo {
		display: block;
		width: auto;
		height: 100%;
	}
	#circulo div .probando, .RaCar span, .RaCar #and, .container, .equisC {
		display: none;
	}
	#autobus {
		padding-top: 12vh;
	}
	#autobus div:nth-child(5) h2 {
		padding: 1em 0 .6em 0;
		letter-spacing: 0.3em;
	}
	#autobus div:nth-child(5) h3 {
		letter-spacing: 0.1em;
	}
	#fotoBus {
		padding: 1%;
		position: relative;
		margin: 1% 0;
		height: 70px;
	}
	.bus {
		top: -25px;
		font-size: 2em;
	}
	#busMargen h2 {
		display: none;
	}
	#busMargen h1:nth-child(2) {
		display: inline-block;
	}
	#busMargen h1 {
		display: inline-block;
	}
	#palmBusIzda {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		height: 90%;
		max-height: 40vw;
	}
	#palmBusDcha {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
		height: 70%;
		max-height: 32vw;
	}
	#iglesia {
		background-image: url("../gal/RyCpc.jpg");
		background-size: cover;
		background-position: center ;
	}
	#iglesia div:nth-child(4) {
	}
	#iglesia .laBoda {
	}
	#fecha {
		width: 400px;
		top: 2vh;
	}
	#video {
		width: 100%;
	}
	#video video {
		width: 25%;
		margin: auto;
		margin-top: 10em;
	}
	.movil h3 {
		height: 39px;
		line-height: 39px;
	}
	.movil {
		position: relative;
		display: block;
		width: 17em;
		height: 4em;
	}
	#ubicacion {
		transform: scale(.31);
		height: 1800px;
		width: 1024px;
		margin: -568px auto;
	}
	#ubicacion > img:first-child {
		position: relative;
		height: auto;
		top: -212px;
		left: 0;
		width: 108%;
	}
	#ubicacion > #carretNegro {
		height: auto;
		top: 176px;
		left: 220px;
		width: 74%;
		opacity: .6;
	}
	#ubicacion span {
	    font-family: geo;
	}
	#ubicacion svg {
		margin: 0;
	}
	#ubicacion #zoom1 {
		position: absolute;
		top: 450px;
		left: 566px;
	}
	#pin1 {
		position: absolute;
		height: 60px;
		width: 74px;
		top: 553px;
		left: 528px;
	}
	#pin2 {
		position: absolute;
		top: 1486px;
		left: 786px;
	}
	#iconoIglesia {
		position: absolute;
		top: 1102px;
		left: 648px;
		height: 150px;
		width: 270px;
	}
	#iconoIglesia div {
		width: 64px;
		height: auto;
		margin: auto;
	}
	#iconoCena {
		position: absolute;
		top: 1436px;
		left: 400px;
	}
	#iconoCena div {
		width: 80px;
		height: auto;
		margin: auto;
	}
	#busRapido {
		width: 8vw;
		padding: 1vh 0;
	}
	#pIzda {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
		height: 90%;
		max-height: 40vw;
	}
	#pDcha {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: -1;
		height: 70%;
		max-height: 35vw;
	}
	#formsrc {
		padding-top: 12vh;
	}
	#formsrc > h2 {
		display: none;
		padding: 0;
	}
	#formsrc  h2 {
		text-transform: uppercase;
		padding: 0;
	}
	#formsrc div h1:first-child {
		display: inline-block;
			}
	#formsrc h1 {
		display: inline-block;
	}
	.continente .datos1 {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2%;
	}
	.datos1 p {
		line-height: 1.8em;
		margin-top: 0;
	}
	.continente {
		position: relative;
		width: 80%;
		margin: auto;
		top: 2vh;
	}
	.continente .asistire {
		width: 50%;
		font-size: 2em
	}
	.movil h3 {
		right: 2.2em;
	}
	.regalos {
		width: 610px;
		background-color: #fff;
		height: 300px;
		padding: 10px;
	}
	.titulo > h2 {
		font-size: 2.4em;
	}
	.barra {
		width: 37%;
		margin-top: 26px;
	}
	.gracias {
		width: 44%;
		float: left;
		text-align: left;
	}
	#muchasgraciasL {
		position: relative;
		float: left;
		height: 100%;
		width: 46%;
		margin: 0;
		padding-right: 10px;
	}
	#muchasgracias h1 {
		font-size: 4em;
		line-height: 1em;
	}
	#popupimagen {
		position: relative;
		float: right;
		width: 50%;
		height: 100%;
		top: 0;
	}
	#lineacc {
	    position: absolute;
	    background-color: #777;
	    width: 200px;
	    height: 4px;
	    top: 43%;
	}
	#cc {
		top: 47%;
	}
	#cc p {
		font-size: 2em;
	}
	.grupoRegalos {
		padding: 0;
		margin: auto;
		color: black;
		box-shadow: 14px 14px 10px #444;
		width: 92%;
		margin-bottom: 30px;
		margin-top: 30px;
		max-width: 1000px;
		height: auto;
	}
	.gracias {
		width: 27%;
	}
	.fotoregalo {
		width: 300px;
		float: left;
		display: block;
		overflow: hidden;
		height: 300px;
	}
	.fotoregalo img {
		height: 300px;
		width: auto;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.titulo {
		letter-spacing: 4px;
		padding-bottom: 10px;
	}
	.popup {
		position: fixed;
		width: 90%;
		height: 460px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		padding: 10px;
		box-shadow: 20px 20px 10px #333;
		z-index: 2;
		display: none;
		max-width: 1000px;
	}
	.popuptext1 {
		height: 100%;
	}
	.regalos div:nth-child(3) {
		bottom: 65px;
	}
	.participar {
		margin: 8px 0 0 0;
		color: #fff;
		background-color: rgba(1,1,1,.57);
		border: 1px solid #a3a462;
		width: 64%;
	}
	.popuptext1 > .participar {
		position: absolute;
		border-width: 1px;
		border-color: rgba(1,1,1,.57);
		width: 43.5%;
		bottom: 10px;
	}
	#popupimagen img {
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		width: auto;
	}
	#lista {
		padding-top: 8vh;
	}
	#listaB {
		padding-bottom: 20px;
	}
	.sticky {
		position: fixed;
		width: 100%;
		top: 48px;
		background-color: #a3a462;
		z-index: 1;
		left: -1px;
	}
	.sticky + .contenidoH {
		padding-top: 50px;
	}
	.contenidoH {
		max-width: 1400px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
	}
	#iglesia div:nth-child(4) {
		width: 100%;
	}
}
@media only screen and (min-width: 1230px) and (orientation: landscape) {
	body {
	}
	form {
		width: 60%;
		margin: auto;
	}
	.popuptext1 {
		position: relative;
	}
	.participar {
		width: 56%;
	}
	.popuptext1 > .participar {
		width: 50%;
	}
	.gracias {
		width: 23%;
	}
	.barra {
		width: 33%
	}
	#muchasgraciasL {
		width: 50%
	}
	#popupimagen {
		width: 45%;
	}
}