/* Resets */
body.email-form,
.email-form #content { background: #f6f4ee; }

.email-form #header,
.email-form h1,
.email-form #footer-container,
.email-form #PageActions_DockPanel { display: none; }

.email-form #inner-container, 
.email-form #footer,
.email-form.layout-n0-p1-s0 #primary-content { width: 100%; }

.email-form #content,
.email-form.layout-n0-p1-s0 #primary-content {
	margin: 0;
	min-height: inherit;
	padding: 0;
	}

.email-form,
.email-form #inner-container { overflow: hidden; }

/* Lightbox */
.lightbox-container {
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 200;
	}
.lightbox { 
	background: #fff;
	background: rgba(255, 255, 255, .75);
	-webkit-border-radius: .25em;
	border-radius: .25em;
	pointer-events: auto;
	position: fixed;
	left: 50%;
	top: 4em;
	margin-left: -320px;
	margin-left: -20rem;
	padding: 4em 1em 1em;
	width: 640px;
	width: 40rem;
	}
	.lightbox,
	.lightbox * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	.lightbox * { position: relative; }
	.lightbox h2 { 
		background: #145688;
		color: #bfdde4;
		line-height: 1.25;
		padding: 1em;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
		}


/* Lightbox Actions */
.lightbox-container {
	background: rgba(217, 195, 156, .65);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	}
.lightbox-active .lightbox-container {
	background: rgba(217, 195, 156, .65);
	opacity: 1;
	visibility: visible;
	}
	.ligthbox {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		}
	.lightbox-active .lightbox {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}

#container {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	}
/*.lightbox-active #container {
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	-o-transform: scale(.85);
	transform: scale(.85);
	}*/

/* CLose Button */
.close {
	background: #1a4f7a;
	-webkit-border-radius: 100em;
	border-radius: 100em;
	cursor: pointer;
	height: 20px;
	height: 1.25rem;
	width: 20px;
	width: 1.25rem;
	position: absolute;
	top: 10px;
	top: .65rem;
	right: 10px;
	right: .65rem;
	z-index: 2;
	}
.close:before,
.close:after {
	background: #fff;
	content: '';
	height: 2px;
	height: .125rem;
	width: 70%;
	margin: -1px 15%;
	margin: -.0625rem 15%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	}
.close:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.close:hover:before {
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
	}
.close:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.close:hover:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	}

/* Iframe */
iframe { 
	background: #fff;
	background: rgba(255, 255, 255, .1);
	border: 0; 
	width: 100%;
	}
iframe:nth-of-type(1) { margin-bottom: 1em; }

/* Youtube */


/* Form */
.email-form .formviewer { 
	margin-left: 14.5em; 
	width: 95%;
	}
	.email-form form fieldset { border: 0; }
		.email-form form fieldset legend { display: none; }
			.email-form h2 { 
				background: #145688;
				color: #bfdde4;
				display: none;
				line-height: 1.25;
				padding: 1em;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
				}
				.email-form form fieldset div.required { background: none; }
					.email-form form fieldset div label {
						display: block;
						float: none;
						text-align: left;
						}
					.email-form textarea, 
					.email-form input[type='text'], 
					.email-form input[type='password'], 
					.email-form select {
						padding: 1em;
						}
					.email-form input[type='submit'] { 
						color: #333;
						margin-left: 1em; 
						}