html,
body {
	margin: 0;
	padding: 0;
}

button {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 100%;
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
}

button:disabled {
	color: #bfbfbf;
}

body {
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	background: #f5f5f5;
	color: #4d4d4d;
	min-width: 560px;
	max-width: 890px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
}

:focus {
	outline: 0;
}

.hidden {
	display: none;
}

.titleapp {
	background: #fff;
	margin: 130px 0 40px 0;
	position: relative;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
	            0 25px 50px 0 rgba(0, 0, 0, 0.1);
}

.titleapp input::-webkit-input-placeholder, .titleapp input::-moz-placeholder, .titleapp input::placeholder {
	font-style: italic;
	font-weight: 300;
	color: #e6e6e6;
}

.titleapp h1, h2 {
	position: absolute;
	top: -125px;
	width: 100%;
	font-size: 70px;
	font-weight: 100;
	text-align: center;
	color: rgba(175, 47, 47, 0.85);
	-webkit-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
}

.titleapp h1 sub {
    color: rgba(175, 47, 47, 0.45);
}

.invitation {
	position: relative;
	margin: 0;
	width: 100%;
	font-size: 24px;
	font-family: inherit;
	font-weight: inherit;
	line-height: 1.4em;
	border: 0;
	color: inherit;
	padding: 6px;
	border: 1px solid #999;
	box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
.footer {
	color: #777;
	padding: 10px 15px;
	height: 20px;
	text-align: center;
	border-top: 1px solid #e6e6e6;
}

.footer:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
	            0 8px 0 -3px #f6f6f6,
	            0 9px 1px -3px rgba(0, 0, 0, 0.2),
	            0 16px 0 -6px #f6f6f6,
	            0 17px 2px -6px rgba(0, 0, 0, 0.2);
}

.submit,
html .submit:active {
	float: right;
	position: relative;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
}

.submit:enabled:hover {
	text-decoration: underline;
}

.info {
	margin: 65px auto 0;
	color: #bfbfbf;
	font-size: 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align: center;
}

.info p {
	line-height: 1;
}

.info a {
	color: inherit;
	text-decoration: none;
	font-weight: 400;
}

.info a:hover {
	text-decoration: underline;
}

iframe, video, div.subtitle {
	display: block;
	margin: 0 auto;
}

div.wait, div.subtitle {
	font-size: 24px;
	margin-bottom: 1ex;
}