/*Theme Name: Love
Theme URI: www.gpuon.mx
Author: gPuon
Description: Tema creado para RN Seguros
*/
 
/* RESET
------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; font-size: 100%; font-family:Helvetica, "sans-serif"; vertical-align: top; border: 0; outline: 0; background: transparent; position: relative; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; }	
input, select, textarea { 
    font-size:large; outline:none !important; background:transparent; margin:0; border:0; 
    -webkit-appearance:none; -moz-appearance:none !important; }



/* ESTILOS GENERALES
------------------------------------------------------------------------------------------------------------------------- */
.centrar { width:30%; margin:auto; }
.cuadros_der { width:8%; height:auto; position:absolute; bottom:0; right:0; 
	background: url("../imagenes/rn_bg_cuadros_bd.png") no-repeat; background-size:cover; }
.cuadros_izq { width:8%; height:auto; position:absolute; bottom:0; left:0;
	background: url("../imagenes/rn_bg_cuadros_bi.png") no-repeat; background-size:cover; }


header { width:100%; border-top:50px solid #fff; text-align:center; position:fixed; top:0; z-index:10; }
header img { width:100%; height:auto; }


section { width:100%; min-height:100vh; padding:4rem 0; text-align:center; position:relative; display:block; }
.portada { 
	background:#e6e6e6 url("../imagenes/rn_bg_imagen.png") no-repeat; 
	background-size:70%; background-position:bottom; }
.portada .logo { width:30%; height:auto; margin-top:10vh; }


.titulo { width:80%; margin:0 10%; }


h1 { font-family: 'IBM Plex Serif', serif; font-size:2rem; }
h2 { font-family: 'Alumni Sans Pinstripe', sans-serif; font-size:1.5rem; letter-spacing:5px; }
h3 { font-family: 'Rochester', cursive; font-size:2rem; }
h4 { font-family: 'IBM Plex Serif', serif; font-size:1.25rem; }

img { width:100%; height:auto; }
img.icono { width:15%; }
p { width:80%; margin:0 10%; font-size:1.1rem; line-height:1.4rem; }

.h50 { width:100%; height:50px; }
.h100 { width:100%; height:100px; }
.h500 { width:100%; height:500px; }


.fotos { background:#534741; position:sticky; top:0; padding:0; }

.oracion { position:relative; padding:5rem 0; background:#534741; color:#fff; min-height:auto; }
h1 { font-size:1.5rem; }
.oracion p { font-size:1.25rem; line-height:1.5rem; }


.nubesiglesia { position:relative; top:-130vh; }
.iglesia { position:relative; background:#fff; color:#534741; top:-130vh; }
.iglesia .titulo { top:-10vh; }


.nubesrecepcion { position:relative; }
.nube_izq { width:35%; height:auto; position:sticky; top:25rem; margin-left:-50px; }
.nube_der { width:25%; height:auto; position:sticky; top:42rem; margin-left:70%; }
.recepcion { position:relative; background:#29A0D7; color:#fff; padding:0; top:-130vh; }
.recepcion h1 { color:#F0A53B; }
.mesa { 
	width:100%; padding:10rem 0; position:absolute; bottom:-100px; color:#534741;
	background:url("../imagenes/dgNubeGrande.png") no-repeat; background-size:100%; background-position:center; display:block; }
.mesa h3 { font-size:3rem; color:#0071B1; }


.pase { 
	min-height:auto; z-index:-2;
	background:url("../imagenes/dgfoto5-100.jpg") no-repeat #fff; background-size:contain; background-position:top; display:block; }
.digital { width:90%; padding:3rem 5%; margin:4rem 0; background:#fff; }
.pase h1 { font-size:3rem; line-height:3rem; color:#F0A53B; }
.pase h3 { font-size:2rem; line-height:2rem; color:#534741; }


.contador { 
	position:sticky; top:0; min-height:auto;
	background:url("../imagenes/dgfoto5-100.jpg") no-repeat #fff; background-size:contain; background-position:top; display:block; }
.contador h1 { font-size:3rem; line-height:3rem; color:#F0A53B; }
.contador h3 { font-size:2rem; line-height:2rem; color:#fff; }

.confirmar { width:90%; padding:3rem 5%; margin:4rem 0; background:#fff; position:sticky; top:0; }
.confirmar h3 { color:#534741; line-height:3rem; }

.triangulo { 
	width:0; height:0; margin-left:40px; 
	border-right:20px solid transparent; border-left:20px solid transparent; border-bottom:20px solid rgba(83,71,64,0.7); }
.mensaje { width:90%; padding:1.5rem 5%; background:rgba(83,71,64,0.7); border-radius:1rem; }
.mensaje h1 { font-size:1.25rem; line-height:4rem; }

.campo { width:50%; margin:2px 25%; background:rgba(83,71,64,0.7); border-radius:0.5rem; }

label { width:40%; font-size:0.75rem; background:rgba(83,71,64,1); font-weight:bold; }
input { width:40%; font-size:1rem; background:rgba(83,71,64,0); text-align:center; } 
label, input { padding:1rem 5%; line-height:1.5rem;  display:inline-block; font-family:Helvetica, "sans-serif"; color:#fff; border-radius:0.5rem; border:0; }
input.enviar { min-width:30%; margin:1rem 0; padding:0.5rem 1rem; font-size:0.75rem; background:#F1A63B; color:#fff; text-align:center; border-radius:0.5rem; line-height:1.5rem; }
input.enviar:hover { background:rgba(83,71,64,1); cursor:pointer; }


.nubescierre { position:relative; }
.cierre { position:relative; background:#fff; color:#534741; }