@charset "utf-8";
/* CSS Document */



/* -- RESET --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body
{ line-height:1; min-height: 600px; }
ol, ul
{ list-style:disc; margin-left: 20px; margin-bottom: 10px; }
blockquote, q
{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after
{ content:''; content:none; }
table
{ border-collapse:collapse; border-spacing:0; }
* .clearfix:after
{ content : "."; display : block; height : 0; clear : both; visibility : hidden; }
*:first-child + html .clearfix
{ height : 1%; }
* html .clearfix
{ height : 1%; }
*, *:before, *:after
{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }



/* -- FONTS --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@font-face {
    font-family: DINCondensed;
	font-weight: normal;
    src: url(../fonts/DINCondensedBold.ttf);
}
@font-face {
    font-family: Winner;
    src: url(../fonts/Winner.ttf);
}



/* -- BASIC ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


* html body { behavior:url("Document.Doc?id=1"); }
html { -webkit-text-size-adjust: 100%; }
body
{
	background: rgba(13,59,102,1);
}
a { text-decoration:none; }
a:hover { }
.whitelink a { }
.whitelink a:hover { }
a img { border:0 none; }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
ol
{
	list-style-type:decimal;
	margin:0 0 15px 30px;
}
ol li { padding:0 0 5px 0; }
* html ol { margin-top:2px; }
* html ol li { padding:0 0 7px 0; }
ol li a { font-weight:bold; }
ul li { color: #ffffff; }
p { }
input, select
{
	font-size:10pt;
	font-family:Arial,Helvetica,Tahoma,sans-serif;
}



/* -- DIVIDERS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



.divider
{
	z-index: 100;
	display: block;
	clear: none;
	position: relative;
	text-align:center;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.divider img
{
	display: block;
	height: 15vh;
	margin: 0 auto;
	clear: both;
	-webkit-filter: drop-shadow(2pt 1pt 3pt #343434);
	filter: drop-shadow(2pt 1pt 3pt #343434);
    -o-transition: 0.75s;
    -ms-transition: 0.75s;
    -moz-transition: 0.75s;
    -webkit-transition: 0.75s;
    transition: 0.75s;
}



@media screen and (min-aspect-ratio: 10/6) {
	.divider img { height: 18vh; }
}

@media screen and (max-aspect-ratio: 10/11) {
	.divider img { height: 12vh; }
}



/* -- FRAMES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.bodyContainer
{
	display: block;
	width: 100vw;
	margin: 0 auto;
	background-color: #edeff2;
}

@media screen and (max-width: 600px) {
	.bodyContainer { max-width: 600px;}
}



.deckleframeContainer
{
	z-index:1000;
	display:block;
	height: auto;
	position: relative;
	width: 75vw;
	max-width: 250vh;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	background: transparent;
	-webkit-filter: drop-shadow(5pt 5pt 20pt #757780);
	filter: drop-shadow(5pt 5pt 20pt #757780);
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.deckleframe
{
	display: flex;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 40pt;
	margin: 0 auto;
	padding: 0;
}
.deckleframe-top
{
	display: block;
	position: relative;
	min-height: 8vh;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url(../img/images/deckledpaper-TOP.png);
	background-size:  100% auto;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.deckleframe-center
{
	z-index: 2000;
	display: block;
	position: relative;
	height: auto;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 10vh 30pt 30pt;
	background-image: url(../img/images/deckledpaper-MIDDLE.png);
	background-size:  100% auto;
	background-repeat: repeat-y;
	background-position: 50% 50%;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.deckleframe-bttm
{
	display: block;
	position: relative;
	height: 5vh;
	width: 100%;
	margin: 0;
	border: 0;
	background-image: url(../img/images/deckledpaper-BOTTOM.png);
	background-size:  100% auto;
	background-repeat: no-repeat;
	background-position: 50% 0;
}


@media screen and (min-aspect-ratio: 10/6) {
	.deckleframeContainer { width: 85vw; min-width: 85vw; max-width: 85vw; }
	.deckleframe-center { width: 100%; padding: 7vh 45pt 1pt; max-width: 100vw; }
	
}
@media screen and (max-aspect-ratio: 10/11) {
	.deckleframeContainer { width: 95vw; min-width: 95vw; max-width: 95vw; }
	.deckleframe-center { width: 100%; padding: 7vh 30pt 1pt; max-width: 100vw; }
}










/* -- NAV ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.line
{
	display: inline-block;
}


.menuBoxContainer
{
	z-index:1000;
	display:block;
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	margin: 0;
	padding: 0;
	text-align:center;
	background: transparent;
}
nav
{
	display:block;
	position: fixed;
	top: -50pt;
	z-index: 9999;
	width: 100%;
	max-width: 100vw;
	height: 75pt;
	padding: 50pt 0 0;
	text-align:center;
	margin: 0 auto;
	background: rgba(13,59,102,0.9);
	border-bottom: 1pt solid #fdfbfc;
	box-shadow: 0.25vh 0.25vh 3vh #2a324b;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
nav:hover
{
	display:block;
	position: fixed;
	top: -50pt;
	z-index: 9999;
	width: 100%;
	height: 85pt;
	padding: 50pt 0 0;
	text-align:center;
	margin: 0 auto;
	background: rgba(13,59,102,0.9);
	border-bottom: 1pt solid #fdfbfc;
	box-shadow: 0.25vh 0.25vh 3vh #2a324b;
}
nav.stick 
{
    position: fixed;
	top: -50pt;
    z-index: 10000;
    margin-top:0;
}
nav ul
{
	list-style-type: none;
	display: inline-flex;
	flex-direction: row;
	justify-content: space-around;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
	height: 100%;
	max-width: 100vh;
	margin: 0 auto;
	padding: 50pt 0 0;
	font-size: 10pt;
	line-height: 10pt;
	font-family: 'DIN Condensed', sans-serif;
	letter-spacing: 0.25pt;
	font-weight: normal;
	text-transform: uppercase;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
nav li
{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	top: 0; left: 0; right: 0; bottom: 0;
	text-transform: uppercase;
	vertical-align: middle;
	width: auto;
	min-width: 13%;
	height: 100%;
	margin: 0;
	padding: 0;
}
nav li a
{
	display: inline-flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	top: 0; left: 0; right: 0; bottom: 0;
	vertical-align: middle;
	padding: 3pt 1.5vw 0;
	margin: 0;
	border: 0;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1vw;
	color: #c5cbd3;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
nav li a:hover
{
	height: 100%;
	width: 100%;
	padding: 3pt 1.5vw 0;
	margin: 0;
	border: 0;
	background: rgba(254,252,253,0.25);
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #fdfbfc;
}
nav li a:active, nav li.current a, nav a.nav-active
{
	height: 100%;
	width: 100%;
	padding: 3pt 1.5vw 0;
	margin: 0;
	border: 0;
	background: rgba(254,252,253,0.9);
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #0d3b66;
}

@media screen and (min-aspect-ratio: 10/6) {
	nav ul { max-width: 200vh; }
}
@media screen and (max-aspect-ratio: 10/11) {
	nav ul { max-width: 100vw; }
}



/* -- HOME ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.homeBox
{
	z-index:1;
	display:block;
	position:relative;
	width: 100%;
	min-height: 85vh;
	padding: 5vh 0;
	text-align:center;
	margin: 0 auto;
	top: 0;
	border: 0;
	-o-transition: ease-out 0.75s;
	-ms-transition: ease-out 0.75s;
	-moz-transition: ease-out 0.75s;
	-webkit-transition: ease-out 0.75s;
	transition: ease-out 0.75s;
}
.homeBoxIntroImage
{
	z-index: 200;
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	text-align:center;
	background-color: rgba(253,253,253,0.8);
	width: 80vh;
	height: 60vh;
	padding: 3vh;
	vertical-align: middle;
	margin: auto;
	box-shadow: 5pt 5pt 40pt #757780;
	-o-transition: ease-out 0.75s;
	-ms-transition: ease-out 0.75s;
	-moz-transition: ease-out 0.75s;
	-webkit-transition: ease-out 0.75s;
	transition: ease-out 0.75s;
}
.homeBoxIntroImage:hover
{
	z-index: 200;
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	text-align:center;
	background-color: rgba(253,253,253,0.8);
	width: 82vh;
	height: 61.5vh;
	margin: auto;
	padding: 3.1vh;
	box-shadow: 10pt 10pt 60pt #535560;
}
.homeBoxIntroImage img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	margin: 0 auto;
}


@media screen and (max-aspect-ratio: 10/9) {
	.homeBoxIntroImage { width: 90vw; height: 67.5vw; padding: 3vw; box-shadow: 2pt 2pt 25pt #757780; }
   .homeBoxIntroImage:hover { width: 92.25vw; height: 69.2vw; padding: 3.1vw; padding: 11pt; }
}








/* -- GROOMS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.groomBox
{
	z-index: 0;
	top: 0;
	display: block;
	position: relative;
	width: 100vw;
	min-height: 100vh;
	margin: 0 auto;
	padding: 15vh 0;
}
.groomBoxContent
{
	z-index: 0;
	display: block;
	position: relative;
	width: 70vw;
	max-width: 150vh;
	height: auto;
	margin: 0 auto;
	padding: 2vw;
	border: 5pt solid #c5cbd3;
}
.groomBox h2
{
	z-index: 1000;
	position: relative;
	margin: -4vw auto 2vw;
	display: block;
	padding: 0;
	width: 100%;
	font-size: 5vw;
	line-height: 5vw;
	color: #004987;
	text-align: center;
	font-family: 'Josefin Sans';
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.groomBox h2:before
{
	z-index: -100;
	content:"";
	border: 0;
	margin: 0 auto;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
}
.groomBox h2 span
{
	padding: 0 2vw;
	background-color: #edeff2;
}
.boxRow
{
	display: flex;
	max-width: 130vh;
	margin: 0 auto;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.boxCol
{
	display: block;
	float: left;
	position: relative;
	width: auto;
	max-width: 50%;
	margin: 0;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.btnBox
{
	z-index: 9999;
	display: block;
	position: absolute;
	text-align:center;
	top:0;
	left: 0;
	right:0;
	center: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.prevSlideBtn, .nextSlideBtn
{
	z-index: 9999;
	display:block;
	align-items: center;
	alignment-baseline: center;
	width: 30pt;
	height: 100%;
	position:relative;
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align:middle;
	overflow: hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	background-color: transparent;
	background-size: 100% auto;
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 0;
	-o-transition: 0.75s ease;
	-ms-transition: 0.75s ease;
	-moz-transition: 0.75s ease;
	-webkit-transition: 0.75s ease;
	transition: 0.75s ease;
}
.prevSlideBtn
{
	float:left;
	left: 0;
	text-align:left;
	background-image: url(../img/arrowprev.png);
}
.prevSlideBtn:hover
{
	background-image: url(../img/arrowprevHover.png);
}
.nextSlideBtn
{
	float:right;
	right: 0;
	text-align:right;
	background-image: url(../img/arrownext.png);
}
.nextSlideBtn:hover
{
	background-image: url(../img/arrownextHover.png);
}
#joeslides
{
	z-index: 12;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
#julslides
{
	z-index: 12;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
.slide
{
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: 50% 10%;
	background-repeat: no-repeat;
	top: 0; left: 0; right: 0; bottom: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	z-index: 10;
	color: #fdfbfc;
	text-align: right;
	padding: 7pt;
	font-family: Futura, Gill Sans, Tahoma, sans serif;
	font-size: 8pt;
	line-height: 11pt;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
.showing
{
	display:block;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	z-index: 2;
}
.joeSlideshow
{
	display: block;
	position: relative;
	z-index: 14;
	width: 100%;
	max-width: 1000px;
	height: 40vw;
	max-height: 60vh;
	padding-bottom: 0;
	margin: 0 auto;
}
.joeBox
{
	display: flex;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	center: 0;
	z-index: 14;
	max-width: 100%;
	height: 100%;
	margin: 0 5pt 0 40pt;
	background: #000000;
	text-align: center;
	border: 2pt solid #fdfbfc;
}
.julSlideshow
{
	display: block;
	position: relative;
	z-index: 14;
	width: 100%;
	max-width: 1000px;
	height: 40vw;
	max-height: 60vh;
	padding-bottom: 0;
	margin: 0 auto;
}
.julianBox
{
	display: flex;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	center: 0;
	z-index: 14;
	width: auto;
	height: 100%;
	margin: 0 40pt 0 5pt;
	background: #000000;
	text-align: center;
	border: 2pt solid #fdfbfc;
}
#nextJoe
{
	display: none;
}
#prevJul
{
	display: none;
}
#bothslides
{
	z-index: 12;
	display: block;
	position:relative;
	padding:0;
	margin:0;
	width: 100%;
	height: 100%;
}
.bothSlideshow
{
	display: block;
	position: relative;
	z-index: 40000;
	width: 100%;
	max-width: 130vh;
	height: 50vw;
	min-height: 50vh;
	max-height: 80vh;
	padding: 0;
	margin: 30pt auto 40pt;
}
.bothBox
{
	display: flex;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	center: 0;
	z-index: 14;
	width: auto;
	height: 100%;
	margin: 0 40pt;
	background: #000000;
	text-align: center;
	border: 2pt solid #fdfbfc;
}
.bothslide
{
	display:block;
	position: absolute;
	background-size: cover;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	z-index: 10;
	color: #fdfbfc;
	text-align: right;
	padding: 7pt;
	font-family: Futura, Gill Sans, Tahoma, sans serif;
	text-shadow: 1pt 1pt 10pt #2a324b;
	font-size: 8pt;
	line-height: 11pt;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
.bothshowing
{
	display:block;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	z-index: 14;
}
.btnBothBox
{
	z-index: 9999;
	display: block;
	position: absolute;
	text-align: right;
	top:0; left: 0; right:0; center: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.prevSlideBothBtn, .nextSlideBothBtn
{
	z-index: 9999;
	display:block;
	align-items: center;
	alignment-baseline: center;
	width: 30pt;
	height: 100%;
	position:relative;
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align:middle;
	overflow: hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	background-color: transparent;
	background-size: 100% auto;
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 0;
	-o-transition: 0.75s ease;
	-ms-transition: 0.75s ease;
	-moz-transition: 0.75s ease;
	-webkit-transition: 0.75s ease;
	transition: 0.75s ease;
}
.prevSlideBothBtn
{
	z-index: 9999;
	float:left;
	left: 0;
	text-align:left;
	background-image: url(../img/arrowprev.png);
}
.prevSlideBothBtn:hover
{
	background-image: url(../img/arrowprevHover.png);
}
.nextSlideBothBtn
{
	z-index: 9999;
	float:right;
	right: 0;
	text-align:right;
	background-image: url(../img/arrownext.png);
}
.nextSlideBothBtn:hover
{
	background-image: url(../img/arrownextHover.png);
}
.playpauseBothBtn
{
	z-index: 9999;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	outline:0;
	border: 0;
	padding: 0;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	background-image: url(../img/arrowplay.png);
	background-size: 10vh auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 0;
	-webkit-filter: opacity(30%);
	-moz-filter: opacity(30%);
	-o-filter: opacity(30%);
	-ms-filter: opacity(30%);
	filter: opacity(30%);
	-o-transition: 0.75s ease;
	-ms-transition: 0.75s ease;
	-moz-transition: 0.75s ease;
	-webkit-transition: 0.75s ease;
	transition: 0.75s ease;
}
.playpauseBothBtn:hover
{
	z-index: 9999;
	background-image: url(../img/arrowplayHover.png);
	background-size: 12vh auto;
	-webkit-filter: opacity(100%);
	-moz-filter: opacity(100%);
	-o-filter: opacity(100%);
	-ms-filter: opacity(100%);
	filter: opacity(100%);
}
.playBothHide
{
	z-index: 9999;
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	outline:0;
	border: 0;
	border-radius: 0;
	padding: 0;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	background-image: url(../img/arrowplay.png);
	background-size: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 0;
	-webkit-filter: opacity(0%);
	-moz-filter: opacity(0%);
	-o-filter: opacity(0%);
	-ms-filter: opacity(0%);
	filter: opacity(0%);
	-o-transition: 0.75s ease;
	-ms-transition: 0.75s ease;
	-moz-transition: 0.75s ease;
	-webkit-transition: 0.75s ease;
	transition: 0.75s ease;
}
.playBothHide:hover
{
	z-index: 9999;
	background-image: url(../img/arrowplayHover.png);
	-webkit-filter: opacity(0%);
	-moz-filter: opacity(0%);
	-o-filter: opacity(0%);
	-ms-filter: opacity(0%);
	filter: opacity(0%);
}
.bioJoe, .bioJul
{
	z-index: 30;
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 0;
	vertical-align: middle;
	background: transparent;
	border: 0;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.bioJoe
{
	margin: 15pt 15pt 0 50pt;
}
.bioJul
{
	margin: 15pt 50pt 0 15pt;
}
.bioJoe p, .bioJul p
{
	display: block;
	background-color: transparent;
	text-align: justify;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	line-height: 18pt;
	color: #2a324b;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
	text-shadow: 0 0 0 #fdfbfc;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.groomBox h3
{
	z-index: 500;
	display: block;
	margin: 0;
	font-size: 0;
	line-height: 100%;
	color: #fdfbfc;
	text-align:center;
	letter-spacing: 0;
	font-family: 'Josefin Sans';
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 1pt 1pt 2pt #000000;
}
.bioHOVERboth
{
	z-index: 30;
	width: auto;
	height: auto;
	display: block;
	position: relative;
	margin: 0 50pt;
	padding: 0;
	vertical-align: middle;
	background: transparent;
	border: 0;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.bioHOVERboth p
{
	display: block;
	background-color: transparent;
	width: auto;
	text-align: left;
	border: 0;
	margin: 0 0 10pt;
	padding: 0;
	font-size: 11pt;
	line-height: 18pt;
	color: #2a324b;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
	text-shadow: 0 0 0 #fdfbfc;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.metBox
{
	clear: both;
	display:block;
	position: relative;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 50pt 20pt;
	padding: 0;
}
.groomBox h4
{
	z-index: 100;
	display: block;
	position: relative;
	margin: 0pt auto 24pt;
	padding: 0;
	font-size: 18pt;
	line-height: 9pt;
	width: 100%;
	max-width: 100%;
	color: #757780;
	text-align:center;
	letter-spacing: 0.5vw;
	font-family: 'DINCondensed';
	font-weight: normal;
	text-transform: uppercase;
}
.groomBox h4:before
{
	z-index: -100;
	content:"";
	border-top: 2.5pt solid #9da1aa;
	margin: 0 auto;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
}
.groomBox h4 span
{
	padding: 0 15pt 0 25pt;
	background-color: #edeff2;
}
.groomBox h5
{
	width: 100%;
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10pt 15pt;
	border-bottom: 2.5pt solid #9da1aa;
	font-size: 5vw;
	line-height: 5vw;
	color: #004987;
	text-align: center;
	letter-spacing: 1vw;
	font-family: 'Josefin Sans';
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
}
.groomBox h5 em
{
	padding: 0 1vw;
	color: #c5cbd3;
}


@media screen and (min-aspect-ratio: 10/6) {
	.groomBox { top: 0; margin: 0 auto; padding: 15vh 0; }
	.groomBoxContent { width: 90vw; max-width: 175vh; height: auto; margin: 0 auto; padding: 2vw; border: 5pt solid #c5cbd3; }
	.boxRow { max-width: 175vh; }
	.bothSlideshow { max-width: 175vh; margin: 30pt auto 30pt; height: 80vh; max-height: 80vw; }
	.groomBox h5 { font-size: 9vw; line-height: 9vw; letter-spacing: 0.25vw; }
}
@media screen and (max-aspect-ratio: 10/9) {
	.groomBox { top: 0; margin: 0 auto; padding: 15vh 0; }
}
@media screen and (max-aspect-ratio: 10/11) {
	.groomBox { top: 0; margin: 0 auto; padding: 15vh 0; }
	.groomBoxContent { width: 90vw; max-width: 150vh; height: auto; margin: 0 auto; padding: 2vw; border: 3pt solid #c5cbd3; }
	.groomBox h2 { margin: -5vw auto 6vw; font-size: 7vw; line-height: 7vw; letter-spacing: 0.25vw; }
	.groomBox h2 span { padding: 0 2vw; }
	.boxRow { display: block; width: 100%; max-width: 100%; clear: both; }
	.boxCol { display: block; width: 100%; max-width: 100%; margin: 0; }
	#nextJoe, #prevJul { display: block; }
	.prevSlideBtn, .nextSlideBtn, .prevSlideBothBtn, .nextSlideBothBtn { width: 20pt; }
	.joeSlideshow, .julSlideshow { display: block; width: 100%; max-width: 100%; height: 35vh; margin: 0 auto; min-height: 100pt; max-height: 50vw; }
	.joeBox, .julianBox, .bothBox { margin: 0 20pt; }
	.metBox {  padding: 1pt 10pt 15pt; margin: 0; }
	.bothSlideshow { display: block; width: 100%; max-width: 100%; margin: 30pt auto 30pt; height: 50vh; min-height: 100pt; max-height: 50vw; }
	.bioJoe, .bioJul, .bioHOVERboth { margin: 6pt 20pt 15pt; }
	.bioJoe p, .bioJul p { font-size: 9.5pt; line-height: 13pt; }
	.bioHOVERboth p { font-size: 9.5pt; line-height: 13pt; margin: 0 0 10pt; }
	.groomBox h4 { margin: 15pt auto; font-size: 18pt; line-height: 9pt; letter-spacing: 0.5vw; }
	.groomBox h4 span { padding: 0 8pt 0 10pt; }
	.groomBox h5 { font-size: 9vw; line-height: 9vw; letter-spacing: 0.25vw; }
}











/* -- WEDDING ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.eventBox
{
	z-index: 2;
	top: 0;
	display: block;
	position: relative;
	width: 100vw;
	min-height: 100vh;
	margin: -15vh auto 0;
	padding: 0 0 15vh;
}
.eventBox h2
{
	width: 100%;
	display: block;
	padding: 5vh 0 0;
	width: 100%;
	font-size: 8vw;
	line-height: 8vw;
	color: #004987;
	text-align:center;
	font-family: 'Josefin Sans';
	font-weight: 100;
	text-transform: none;
	letter-spacing: 0.5vw;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.eventBox h3
{
	z-index: 5000;
	display: block;
	position: relative;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 3vw 0 2vw;
	opacity: 1;
	mix-blend-mode: normal;
	font-size: 12vw;
	line-height: 12vw;
	letter-spacing: 0;
	color: #fdfbfc;
	text-align:center;
	font-family: 'Josefin Sans';
	font-weight: 100;
	font-style: normal;
	text-transform: uppercase;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.eventBox h4
{
	z-index: 100;
	display: block;
	margin: -28pt auto 16pt;
	font-size: 16pt;
	line-height: 16pt;
	color: #004987;
	text-align: center;
	letter-spacing: 0.25vw;
	font-family: 'DINCondensed';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.eventBox h4:before
{
	z-index: -100;
    content:"";
	border-top: 0pt solid #c5cbd3;
    margin: 0 auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
}
.eventBox h4 span
{
	display: inline-block;
	width: auto;
	padding: 0 20pt;
	background-color: #f1f0ef;
}
.eventBox h5
{
	z-index: 100;
	margin: 0 auto;
	padding: 0;
	font-size: 10pt;
	line-height: 10pt;
	color: #757780;
	text-align: center;
	letter-spacing: 0.25vw;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 0 0 0 #2a324b;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
h5.timeStamp
{
	margin: -55pt auto 20pt;
	padding: 0;
	font-size: 35pt;
	line-height: 35pt;
	color: #c5cbd3;
	letter-spacing: 0;
	font-family: 'Dancing Script', Helvetica, sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.eventBox h5.timeStamp:before
{
	z-index: -100;
    content:"";
	border-top: 0pt solid #c5cbd3;
    margin: 0 auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
}
.eventBox h5.timeStamp span
{
	display: inline-block;
	padding: 0 20pt;
	background-color: #f1f0ef;
}
h5.biggerh5
{
	margin: 30pt auto;
	font-family: 'DINCondensed';
	font-size: 30pt;
	line-height: 30pt;
	letter-spacing: 1vw;
	color: #c5cbd3;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.eventBox h5 a
{
	display: block;
	width: 100%;
	margin: 0 auto 30pt;
	color: #757780;
	font-size: 12pt;
	line-height: 15pt;
	padding: 0;
	letter-spacing: 0vh;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.eventBox h5 a:hover
{
	color: #0d3b66;
	letter-spacing: 0.2vw;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.eventBox h5 a:active
{
	color: #0d3b66;
	letter-spacing: 0.2vw;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.eventBox h6
{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 80pt auto 30pt;
	padding: 0;
	font-size: 24pt;
	line-height: 24pt;
	color: #757780;
	text-align: center;
	letter-spacing: 0.15vw;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.eventBox h6 span
{
	font-size: 20pt;
	line-height: 24pt;
	font-weight: 500;
	letter-spacing: 0.25vw;
}
.eventBox p
{
	margin: 8pt auto 0;
	max-width: 100%;
	padding: 0;
	font-size: 11pt;
	line-height: 16pt;
	color: #2a324b;
	text-align: justify;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.eventBox p.fullWidth
{
	max-width: 100%;
}
.eventBox p a
{
	color: #395e81;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.eventBox p a:hover
{
	color: #e6555f;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: none;
}
.eventBox p a:active
{
	color: #9858a4;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: none;
}
.eventBoxIntro
{
	z-index:5;
	display:block;
	position:relative;
	background: transparent;
	width: 85%;
	margin: 0 auto 5vw;
	padding: 0;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
	
}
.eventTextBox
{
	z-index:90;
	display:block;
	position:relative;
	background: transparent;
	width: 85%;
	margin: 0 auto 35pt;
	padding: 30pt;
	border: 4pt solid #c5cbd3;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.eventTextBoxExtraInfo
{
	z-index:90;
	display:block;
	position:relative;
	background: transparent;
	width: 85%;
	margin: 0 auto 25pt;
	padding: 20pt;
	border: 4pt solid #c5cbd3;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.ceremonyImage
{
	background-image: url(../img/terracenight.jpg);
	background-position: 50% 70%;
}
.receptionImage
{
	background-image: url(../img/terraceinside.jpg);
	background-position: 50% 90%;
}
.sendoffImage
{
	background-image: url(../img/lights.jpg);
	background-position: 50% 20%;
}
.afterpartyImage
{
	background-image: url(../img/mbar.jpg);
	background-position: 50% 30%;
}
.ceremonyImage, .receptionImage, .sendoffImage, .afterpartyImage
{
	z-index:2100;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.35;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.timeImageBoxImage
{
    z-index: 2000;
    position: relative;
    display: block;
    clear: both;
    width: auto;
    height: auto;
    margin: 0 -40pt 18pt;
    padding: 0;
    border: 3pt solid #fdfbfc;
    text-align: center;
    background-color: #114D85;
    background-blend-mode: color-burn;
	box-shadow: 0.5vh 0.5vh 2vh #757780;
    opacity: 1;
    -o-transition: 0.75s;
    -ms-transition: 0.75s;
    -moz-transition: 0.75s;
    -webkit-transition: 0.75s;
    transition: 0.75s;
}


@media screen and (min-aspect-ratio: 10/6) {
	.eventBox { width: 100%; min-width: 100%; max-width: 100%; margin: -18vh 0 0; padding: 0 0 15vh; }
	.eventBox h2 { padding: 10vh 0 0; font-size: 14vh; line-height: 12vh; letter-spacing: 1vh; }
	h5.biggerh5 { margin: 30pt auto; font-size: 26pt; line-height: 26pt; letter-spacing: 2vh; padding: 0 0 0 2vh }
	.eventBox h5 a { margin: 0 auto 30pt; font-size: 12pt; line-height: 15pt; padding: 0; letter-spacing: 0; }
	.eventBox h5 a:hover, .eventBox h5 a:active { padding: 0; letter-spacing: 0.5vw; }
	.eventBoxIntro { width: 90%; max-width: 100%; margin: 0 auto 30pt;  }
	.eventBox p { margin: 8pt auto 0; font-size: 11pt; line-height: 14pt; }
	.eventTextBox { width: 90%; max-width: 100%; margin: 0 auto 40pt; padding: 30pt; border: 2.5pt solid #c5cbd3; }
	h5.timeStamp { margin: -48pt auto 30pt; font-size: 40pt; line-height: 20pt; }
	.eventBox h5.timeStamp span { padding: 0 20pt; }
	.timeImageBoxImage { border: 4pt solid #fdfbfc; width: auto; margin: 0 -45pt 4vw; }
	.eventBox h3 { max-width: 100%; padding: 4vh 0 2vh; font-size: 12vw; line-height: 12vw; letter-spacing: 0; }
	.eventTextBoxExtraInfo { width: 90%; max-width: 100%; margin: 0 auto 25pt; padding: 20pt; border: 2pt solid #c5cbd3; }
	.eventBox h4 { margin: -26pt auto 15pt; font-size: 16pt; line-height: 16pt; letter-spacing: 0.25vw; }
	.eventBox h4 span { padding: 0 1.5vw 0 1.75vw; }
	.eventBox h6 { width: 100%; max-width: 100%; margin: 60pt auto 30pt; font-size: 20pt; line-height: 20pt; letter-spacing: 0.15vw; }
}
@media screen and (max-aspect-ratio: 10/11) {
	.eventBox { width: 100%; max-width: 100%; margin: -12vh 0 0; padding: 0 0 15vh; }
	.eventBox h2 { padding: 0; font-size: 10vw; line-height: 10vw; letter-spacing: 0; }
	h5.biggerh5 { margin: 30pt auto; font-size: 7vw; line-height: 7vw; letter-spacing: 1vw; }
	.eventBox h5 a { margin: 0 auto 30pt; font-size: 11pt; line-height: 13pt; padding: 0; letter-spacing: 0; }
	.eventBox h5 a:hover, .eventBox h5 a:active { padding: 0; letter-spacing: 0.5vw; }
	.eventBoxIntro { width: 100%; max-width: 100%; margin: 0 auto 30pt;  }
	.eventBox p { margin: 8pt auto 0; font-size: 10.5pt; line-height: 12pt; }
	.eventTextBox { width: 100%; max-width: 100%; margin: 0 auto 40pt; padding: 20pt; border: 2pt solid #c5cbd3; }
	h5.timeStamp { margin: -33pt auto 20pt; font-size: 30pt; line-height: 15pt; }
	.eventBox h5.timeStamp span { padding: 0 12pt; }
	.timeImageBoxImage { border: 4pt solid #fdfbfc; width: auto; margin: 0 -30pt 20pt; }
	.eventBox h3 { max-width: 100%; padding: 4vh 0 2vh; font-size: 9vh; line-height: 9vh; letter-spacing: 0; }
	.eventTextBoxExtraInfo { width: 100%; max-width: 100%; margin: 0 auto 25pt; padding: 12pt; border: 2pt solid #c5cbd3; }
	.eventBox h4 { margin: -18pt auto 10pt; font-size: 16pt; line-height: 16pt; letter-spacing: 0.5vw; }
	.eventBox h4 span { padding: 0 2.5vw 0 3vw; }
	.eventBox h6 { width: 100%; max-width: 100%; margin: 50pt auto 20pt; font-size: 24pt; line-height: 26pt; letter-spacing: 0.25vw; }
}











/* -- PLACE --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.placeBox
{
	z-index: 6;
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 5% 30vh;
	border: 0;
	text-align: center;
}
.placeContain
{
	z-index: 6;
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
.placeBox h2
{
	z-index: 20;
	display: block;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	float: right;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 50pt 0 15pt 62%;
	color: #0d3b66;
	font-family: 'DINCondensed';
	font-weight: normal;
	text-transform: uppercase;
	font-size: 28pt;
	line-height: 28pt;
	text-align: center;
	letter-spacing: 2pt;
	background: linear-gradient(rgba(237,239,242,1) 80pt,rgba(237,239,242,0) 100%);
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.placeMap
{
	z-index: 25;
	display: block;
	position: sticky;
	position: -webkit-sticky;
	float: left;
	top: 0;
	width: 60%;
	height: 100vh;
	margin: -95pt 0;
	padding: 0;
	text-align:left;
	background-image: url(../img/lascolinas-base.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 15% 40%;
	background-blend-mode: color-dodge;
	border-top: 50pt solid #edeff2;
	border-bottom: 30pt solid #edeff2;
	box-shadow: inset -0.25vh -0.25vh 6vh #757780;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.placeButtons
{
	z-index: 30;
	display: table;
	width: 100%;
	margin: 0;
	border-bottom: 4pt solid #edeff2;
	background-color: rgba(0,0,0,0.8);
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.venueButton, .hotelButton, .activitiesButton, .foodButton, .airportsButton
{
	display: table-cell;
	margin: 0;
	width: 20%;
	font-family: 'DINCondensed';
	font-size: 11pt;
	line-height: 11pt;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.venueButton a, .hotelButton a, .activitiesButton a, .foodButton a, .airportsButton a
{
	display: table-cell;
	width: 20%;
	height: 24pt;
	padding: 0.3vh 0 0;
	vertical-align: middle;
	letter-spacing: 0.5pt;
	margin: 0;
	border: 0;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #fdfbfc;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.venueButton a
{
	background-color: #f01432;
	border-right: 2pt solid #edeff2;
}
.hotelButton a
{
	background-color: #9e1f63;
	border-right: 2pt solid #edeff2;
}
.activitiesButton a
{
	background-color: #bdae32;
	border-right: 2pt solid #edeff2;
}
.foodButton a
{
	background-color: #49c0b6;
	border-right: 2pt solid #edeff2;
}
.airportsButton a
{
	background-color: #f1b160;
}
.venueButton a:hover, .hotelButton a:hover, .activitiesButton a:hover, .foodButton a:hover, .airportsButton a:hover
{
	background-color: #c5cbd3;
	letter-spacing: 1pt;
}


.placeText
{
	z-index: 1;
	display: block;
	position: sticky;
	position: -webkit-sticky;
	float: right;
	top: 0;
	width: 38%;
	height: auto;
	margin: -50pt 0 0;
	padding: 0;
	border: 0;
	text-align:left;
	background-color: transparent;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mapDetails
{
	display: block;
	clear: both;
	position: relative;
	z-index: 5;
	width: 96%;
	top: 0;
	margin: 3vh 2% -10vh;
	padding: 10pt 10pt 12pt;
	border: 2pt solid #c5cbd3;
	background: rgba(252,253,251,0.65);
	text-align:left;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mapSecStop
{
	display: block;
	clear: both;
	position: relative;
	z-index: 0;
	width: 96%;
	height: 10vh;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	background: transparent;
	text-align:left;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mapDetails h3
{
	margin: 0 0 6pt;
	padding: 0;
	font-size: 25pt;
	color: #0d3b66;
	text-align:left;
	letter-spacing: 0;
	font-family: 'Dancing Script', Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-shadow: 0;
}
.mapDetails h4
{
	display:block;
	width: 100%;
	text-indent: -18pt;
	margin: 0 0 2pt;
	background: transparent;
	padding: 0 0 0 18pt;
	font-size: 14pt;
	line-height: 14pt;
	color: #0d3b66;
	text-align: left;
	letter-spacing: 0.5pt;
	font-family: "DINCondensed";
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 0;
}
.mapNumberImg
{
	height: 12pt;
	margin-right: 6pt;
}
.mapDetails p
{
	margin: 0 0 6pt 18pt;
	padding: 0;
	clear: both;
	font-size: 8.5pt;
	line-height: 11pt;
	color: #2a324b;
	text-align: justify;
	letter-spacing: 0pt;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
	text-shadow: 0;
}
.mapDetails p a
{
	color: #cbad66;
	font-weight: 700;
	text-transform: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mapDetails p a:hover
{
	color: #9da1a9;
}
.mapDetails p a:active
{
	color: #9da1a9;
}
.mapDetails h5
{
	clear: both;
	margin: 0 0 8pt;
	padding: 0;
	font-size: 10pt;
	line-height: 12pt;
	color: #2a324b;
	text-align: left;
	letter-spacing: 0pt;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
}
.mapDetails h5 a
{
	color: #cbad66;
	font-weight: 700;
	text-transform: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mapDetails h5 a:hover
{
	color: #9da1a9;
}
.mapDetails h5 a:active
{
	color: #9da1a9;
}
.mapDetails ul
{
	list-style:disc;
	padding: 0;
	font-size: 10pt;
	line-height: 12pt;
	color: #2a324b;
	text-align: left;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
	text-shadow: 0;
}
.mapDetails li
{
	list-style:disc;
	margin-bottom: 3pt;
	padding: 0;
	color: #2a324b;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: none;
	text-shadow: 0;
}
.mapDetails li a
{
	color: #cbad66;
	font-weight: 700;
	text-transform: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mapDetails li a:hover
{
	color: #9da1a9;
	font-weight: 700;
	text-transform: none;
}
.mapDetails li a:active
{
	color: #9da1a9;
	font-weight: 700;
	text-transform: none;
}
.placeContainer
{
	z-index: 100;
	display: block;
	margin: 18pt 0 0;
	padding: 0;
	clear: both;
}
.placeDescript
{
	z-index: 150;
	display: block;
	width: 100%;
	margin: 0;
}
.placeContact
{
	z-index: 200;
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding-left: 18pt;
}
.placePrice
{
	display: block;
	max-width: 60%;
	position: inherit;
	top: 0;
	float: left;
	clear: both;
	margin: 0 10pt;
	padding: 0;
	font-size: 9pt;
	line-height: 10pt;
	color: #757780;
	letter-spacing: 0.25pt;
	text-align: left;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
}
.address
{
	display: block;
	max-width: 100%;
	position: relative;
	top: 0;
	float: none;
	clear: none;
	margin: 0 0 3pt;
	font-size: 9pt;
	line-height: 10pt;
	color: #757780;
	text-align: left;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-style: 500;
	font-style: normal;
	text-transform: none;
}
.addressLn1
{
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin: 0;
}
.addressDivider
{
	display: inline-block;
	width: auto;
	margin: 0;
}
.addressLn2
{
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin: 2pt 0 0;
}
.phoneStars
{
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	top: 0;
	width: 100%;
	float: none;
	clear: none;
	margin: 0 0 9pt;
}
.phoneNum
{
	display: inline-block;
	width: auto;
	margin: 0;
	font-size: 9pt;
	line-height: 9pt;
	color: #757780;
	text-align: left;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: none;
}
.address a, .phoneNum a
{
	display:block;
	color: #757780;
	letter-spacing: 0;
	font-weight: 500;
	font-style:normal;
	text-transform: none;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.address a:hover, .phoneNum a:hover
{
	display:block;
	color: #0d3b66;
	letter-spacing: 0.2pt;
	font-weight: 500;
	font-style:normal;
	text-transform: none;
}
.address a:active, .phoneNum a:active
{
	display:block;
	color: #0d3b66;
	letter-spacing: 0.2pt;
	font-weight: 500;
	font-style:normal;
	text-transform: none;
}
.placeContact .starbox
{
	display: inline-block;
	width: auto;
	margin: 0;
	font-size: 9pt;
	line-height: 9pt;
	color: #c5cbd3;
	text-align: right;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
}
.mapStarImg
{
	height: 9pt;
	margin: -1pt 0 0 0.25vw;
}
.websiteButton
{
	z-index: 300;
	display:block;
	clear: both;
	width: auto;
	margin: 0 0 0 18pt;
	font-size: 12pt;
	color: #2a324b;
	text-align: center;
	letter-spacing: 0px;
	font-family: 'DINCondensed';
	font-weight: normal;
	text-transform: none;
	line-height: 10pt;
}
.websiteButton a
{
	z-index: 500;
	display: block;
	width: auto;
	padding: 8pt 30% 3pt 30%;
	margin: 0;
	color: #fdfbfc;
	background: #9da1a9;
	border: 1pt solid #fefcfd;
	text-align: center;
	letter-spacing: 1pt;
	font-weight: normal;
	text-transform: uppercase;
	-o-transition: 1s ease-out;
	-ms-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
}
.websiteButton a:hover, .websiteButton a:active
{
	display: block;
	padding: 8pt 0% 3pt 60%;
	margin: 0;
	color: #c5cbd3;
	background: #0d3b66;
	border: 1pt solid #fefcfd;
	text-align: center;
	letter-spacing: 1pt;
	font-weight: normal;
	text-transform: uppercase;
}


.fullLineImg
{
	display: block;
	width: inherit;
	border: 2pt solid #fdfcfb;
	margin: 6pt 0 6pt 18pt;
	box-shadow: 2pt 2pt 10pt #757780 !important;
}
.mapZoom
{
	width: 100%;
	border: 2pt solid #fdfcfb;
	margin: 6pt 0;
	box-shadow: 2pt 2pt 10pt #757780 !important;
}
.leftFloatImg
{
	width: 35%;
	border: 2pt solid #fdfcfb;
	margin-right: 12pt;
	margin-bottom: 9pt;
	float: left;
	box-shadow: 2pt 2pt 10pt #757780 !important;
}
.rightFloatImg
{
	width: 36%;
	border: 2pt solid #fdfcfb;
	margin-left: 12pt;
	margin-bottom: 9pt;
	float: right;
	box-shadow: 2pt 2pt 10pt #757780 !important;
}



.mapDetails .venueColor, #venueInfo .address a:hover, #venueInfo .phoneNum a:hover, #venueInfo .address a:active, #venueInfo .phoneNum a:active, #venueInfo h5 a, #venueInfo p a, #venueInfo li a
{
	color: #ff1e3c;
}
#venueInfo h5 a:hover, #venueInfo p a:hover, #venueInfo li a:hover, #venueInfo h5 a:active, #venueInfo p a:active, #venueInfo li a:active
{
	color: #9da1a9;
}
#venueInfo .websiteButton a:hover, #venueInfo .websiteButton a:active
{
	background-color: #ff1e3c; 
	color: #fdfbfc;
}
.mapDetails .hotelColor, #hotelsInfo .address a:hover, #hotelsInfo .phoneNum a:hover, #hotelsInfo .address a:active, #hotelsInfo .phoneNum a:active, #hotelsInfo h5 a, #hotelsInfo p a, #hotelsInfo li a
{
	color: #9e1f63;
}
#hotelsInfo h5 a:hover, #hotelsInfo p a:hover, #hotelsInfo li a:hover, #hotelsInfo h5 a:active, #hotelsInfo p a:active, #hotelsInfo li a:active
{
	color: #9da1a9;
}
#hotelsInfo .websiteButton a:hover, #hotelsInfo .websiteButton a:active
{
	background-color: #9e1f63; 
	color: #fdfbfc;
}
.mapDetails .activityColor, #activitiesInfo .address a:hover, #activitiesInfo .phoneNum a:hover, #activitiesInfo .address a:active, #activitiesInfo .phoneNum a:active, #activitiesInfo h5 a, #activitiesInfo p a, #activitiesInfo li a
{
	color: #bdae32;
}
#activitiesInfo h5 a:hover, #activitiesInfo p a:hover, #activitiesInfo li a:hover, #activitiesInfo h5 a:active, #activitiesInfo p a:active, #activitiesInfo li a:active
{
	color: #9da1a9;
}
#activitiesInfo .websiteButton a:hover, #activitiesInfo .websiteButton a:active
{
	background-color: #bdae32; 
	color: #fdfbfc;
}
.mapDetails .foodColor, #foodInfo .address a:hover, #foodInfo .phoneNum a:hover, #foodInfo .address a:active, #foodInfo .phoneNum a:active, #foodInfo h5 a, #foodInfo p a, #foodInfo li a
{
	color: #49c0b6;
}
#foodInfo h5 a:hover, #foodInfo p a:hover, #foodInfo li a:hover, #foodInfo h5 a:active, #foodInfo p a:active, #foodInfo li a:active
{
	color: #9da1a9;
}
#foodInfo .websiteButton a:hover, #foodInfo .websiteButton a:active
{
	background-color: #49c0b6; 
	color: #fdfbfc;
}
.mapDetails .airportColor, #airportInfo .address a:hover, #airportInfo .phoneNum a:hover, #airportInfo .address a:active, #airportInfo .phoneNum a:active, #airportInfo h5 a, #airportInfo p a, #airportInfo li a
{
	color: #f1b160;
}
#airportInfo h5 a:hover, #airportInfo p a:hover, #airportInfo li a:hover, #airportInfo h5 a:active, #airportInfo p a:active, #airportInfo li a:active
{
	color: #9da1a9;
}
#airportInfo .websiteButton a:hover, #airportInfo .websiteButton a:active
{
	background-color: #f1b160; 
	color: #fdfbfc;
}
.mapDetails .dfwColor, #dfwInfo .address a:hover, #dfwInfo .phoneNum a:hover, #dfwInfo .address a:active, #dfwInfo .phoneNum a:active, #dfwInfo h5 a, #dfwInfo p a, #dfwInfo li a
{
	color: #eea322;
}
#dfwInfo h5 a:hover, #dfwInfo p a:hover, #dfwInfo li a:hover, #dfwInfo h5 a:active, #dfwInfo p a:active, #dfwInfo li a:active
{
	color: #9da1a9;
}
#dfwInfo .websiteButton a:hover, #dfwInfo .websiteButton a:active
{
	background-color: #eea322; 
	color: #fdfbfc;
}
.mapDetails .lovefieldColor, #lovefieldInfo .address a:hover, #lovefieldInfo .phoneNum a:hover, #lovefieldInfo .address a:active, #lovefieldInfo .phoneNum a:active, #lovefieldInfo h5 a, #lovefieldInfo p a, #lovefieldInfo li a
{
	color: #f1945b;
}
#lovefieldInfo h5 a:hover, #lovefieldInfo p a:hover, #lovefieldInfo li a:hover, #lovefieldInfo h5 a:active, #lovefieldInfo p a:active, #lovefieldInfo li a:active
{
	color: #9da1a9;
}
#lovefieldInfo .websiteButton a:hover, #lovefieldInfo .websiteButton a:active
{
	background-color: #f1945b; 
	color: #fdfbfc;
}

#dfwInfo p, #dfwInfo .websiteButton, #lovefieldInfo p, #lovefieldInfo .websiteButton, #venueInfo p, #venueInfo .websiteButton
{
	margin-left: 0;
	padding-left: 0;

}
#venueInfo .placeContact, #dfwInfo .placeContact, #lovefieldInfo .placeContact
{
	padding-left: 0;
	margin-left: 0;

}



@media screen and (min-aspect-ratio: 10/6) {
	.placeBox { margin: 0 0 -15vh; padding: 0 5% 45vh; }
	.placeContain { top: 0; width: 100%; margin: 0; padding: 0; }
	.placeBox h2 { top: 0; float: right; margin: 0; padding: 12vh 0 2vh 52%; font-size: 6vh; line-height: 6vh; letter-spacing: 0.5vw; background: linear-gradient(rgba(237,239,242,1) 18vh,rgba(237,239,242,0) 100%); }
	.placeMap { float: left; top: 0; width: 50%; height: 100vh; margin: -20vh 0; padding: 0; background-position: 15% 40%; border-top: 12vh solid #edeff2; border-bottom: 4vh solid #edeff2; box-shadow: inset -0.25vh -0.25vh 6vh #757780; }
	.placeButtons { border-bottom: 3pt solid #edeff2; }
	.venueButton, .hotelButton, .activitiesButton, .foodButton, .airportsButton { display: table-cell; margin: 0; font-size: 9pt; line-height: 9pt; }
	.venueButton a, .hotelButton a, .activitiesButton a, .foodButton a, .airportsButton a { width: 20%; height: 6vh; padding: 0.3vh 0 0; vertical-align: middle; letter-spacing: 0.25pt; }
	.venueButton a:hover, .hotelButton a:hover, .activitiesButton a:hover, .foodButton a:hover, .airportsButton a:hover { letter-spacing: 0.05pt; }
	.placeText { float: right; top: 3vh; width: 48%; height: auto; margin: -14vh 0 0; padding: 0; }
	.mapSecStop { height: 20vh; }
	.mapDetails { clear: both; position: relative; width: 98%; top: 0; margin: 0 1% -17vh; padding: 8pt 8pt 12pt; }
	.mapDetails h3 { font-size: 22pt; }
	.mapDetails h4 { width: 100%; text-indent: -15pt; margin: 0 0 6pt; padding: 0 0 0 15pt; font-size: 12pt; line-height: 12pt; letter-spacing: 0.5pt; }
	.mapNumberImg { height: 10pt; margin-right: 5pt; }
	.mapDetails p { margin: 0 0 9pt 18pt; padding: 0; font-size: 8.5pt; line-height: 11pt; }
	.mapDetails h5 { margin: 0 0 9pt; padding: 0; font-size: 10pt; line-height: 12pt; font-weight: 300; }
	.mapDetails ul { padding: 0; font-size: 10pt; line-height: 12pt; }
	.mapDetails li { margin-bottom: 3pt; padding: 0; }
	.placeContainer { margin: 18pt 0 0; padding: 0; }
	.placeDescript { width: 100%; margin: 0; }
	.placeContact { display: inline-block; position: relative; width: 100%; height: auto; max-height: none; clear: both; margin: 0; padding: 0 0 0 18pt; }
	.address { display: block; position: relative; width: 100%; max-width: 100%; height: auto; max-height: none; float: left; margin: 0 0 3pt; font-size: 9pt; line-height: 10pt; letter-spacing: 0.1vw; clear: both; }
	.addressLn1 { display: inline; width: auto; max-width: 100%; margin: 0; }
	.addressDivider { display: inline; width: auto; max-width: 100%; margin: 0; }
	.addressLn2 { display: inline; width: auto; max-width: 100%; margin: 0; }
	.phoneStars { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: relative; width: 100%; max-width: 100%; height: auto; float: left; margin: 0 0 3pt; clear: none; }
	.phoneNum { display: inline-block; float: left; width: auto; max-width: 100%; height: auto; margin: 0 0 3pt; font-size: 9pt; line-height: 10pt; text-align: left; color: #757780; clear: left; }
	.placePrice { display: inline-block; float: none; width: auto; max-width: 100%; margin: 0 0 3pt 10pt; padding: 0; font-size: 9pt; line-height: 10pt; clear: none; }
	.placeContact .starbox { display: inline-block; height: auto; float: right; width: auto; max-width: 100%; margin: -1pt 0 3pt 10pt; text-align: right; clear: none; }
	.mapStarImg { height: 9pt; margin: 0 0 0 0.25vw; }
	.websiteButton { width: auto; margin: 0 0 0 18pt; font-size: 12pt; line-height: 10pt; }
	.websiteButton a { width: auto; padding: 6pt 30% 3pt 30%; letter-spacing: 1pt; }
	.websiteButton a:hover, .websiteButton a:active { padding: 6pt 0% 3pt 60%; letter-spacing: 2pt; }
}
@media screen and (max-aspect-ratio: 10/9) {
	.placeBox { margin: 0 0 -15vh; padding: 0 1% 30vh; }
	.placeContain { top: 0; width: 100%;  margin: 0; padding: 0; }
	.placeBox h2 { top: 0; float: none; margin: 0; padding: 7.5vh 0 0.5vh; font-size: 6vh; line-height: 6vh; letter-spacing: 0.25vw; background: linear-gradient(rgba(237,239,242,1) 80pt,rgba(237,239,242,1) 100%); }
	.placeMap { float: none; top: 14vh; width: 100%; max-width: 65vh; height: 46vh; margin: 0pt auto; padding: 0; background-position: 30% 30%; border-top: 0 solid #edeff2; border-bottom: 1pt solid #c5cbd3; box-shadow: inset -0.25vh -0.25vh 6vh #757780; }
	.placeButtons { outline: 1pt solid #edeff2; border-bottom: 2pt solid #edeff2; }
	.venueButton, .hotelButton, .activitiesButton, .foodButton, .airportsButton { display: table-cell; margin: 0; font-size: 10pt; line-height: 10pt; }
	.venueButton a, .hotelButton a, .activitiesButton a, .foodButton a, .airportsButton a { width: 20%; height: 3.5vh; padding: 0.5vh 0 0; vertical-align: middle; letter-spacing: 0.5pt; }
	.venueButton a:hover, .hotelButton a:hover, .activitiesButton a:hover, .foodButton a:hover, .airportsButton a:hover { letter-spacing: 0.25pt; }
	.placeText { float: none; top: 0; width: 90%; max-width: 60vh; height: auto; margin: -60vh auto 60vh; padding: 0 0 0; }
	.mapSecStop { height: 63vh; }
	.mapDetails { clear: both; position: relative; width: 96%; top: 0; margin: 0 2% -60vh; padding: 5vw; }
	.mapDetails h3 { margin: 0 0 6pt; padding: 0; font-size: 4vh; line-height: 4vh; }
	.mapDetails h4 { width: 100%; text-indent: -18pt; margin: 0 0 3pt; padding: 0 0 0 18pt; font-size: 12pt; line-height: 12pt; letter-spacing: 0.5pt; }
	.mapNumberImg { height: 10pt; margin-right: 8pt; }
	.mapDetails p { display: block; clear: both; margin: 0 0 9pt 18pt; padding: 0; font-size: 8.5pt; line-height: 11pt; }
	.mapDetails h5 { display: block; clear: both; margin: 0 0 9pt; padding: 0; font-size: 10pt; line-height: 12pt; font-weight: 300; }
	.mapDetails ul { padding: 0; font-size: 9.5pt; line-height: 12pt; }
	.mapDetails li { margin-bottom: 2pt; padding: 0; }
	.placeContainer { margin: 6vw 0 0; padding: 0; }
	.placeDescript { width: 100%; margin: 0; padding: 0; }
	.placeContact { display: block; position: relative; width: 100%; height: auto; max-height: none; clear: both; margin: 0; padding: 0 0 0 18pt; }
	.address { display: block; position: relative; width: 100%; max-width: 100%; height: auto; max-height: none; float: left; margin: 0 0 3pt; font-size: 9pt; line-height: 10pt; letter-spacing: 0.1vw; clear: both; }
	.addressLn1 { display: inline; letter-spacing: 0.1vw; width: auto; max-width: 100%; margin: 0; }
	.addressDivider { display: inline; letter-spacing: 0.1vw; width: auto; max-width: 100%; margin: 0; }
	.addressLn2 { display: inline; letter-spacing: 0.1vw; width: auto; max-width: 100%; margin: 0; }
	.phoneStars { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: relative; width: 100%; max-width: 100%; height: auto; float: left; margin: 0 0 3pt; clear: none; }
	.phoneNum { display: inline-block; float: left; width: auto; max-width: 100%; height: auto; margin: 0 0 3pt; font-size: 9pt; line-height: 10pt; letter-spacing: 0.15pt; text-align: left; color: #757780; clear: left; }
	.placePrice { display: inline-block; float: none; width: auto; max-width: 100%; margin: 0 0 3pt 10pt; padding: 0; font-size: 9pt; line-height: 10pt; letter-spacing: 0.15pt; clear: none; }
	.placeContact .starbox { display: inline-block; height: auto; float: right; width: auto; max-width: 100%; margin: -1pt 0 3pt 10pt; text-align: right; clear: none; }
	.mapStarImg { height: 9pt; margin: 0 0 0 0.25vw; }
	.websiteButton { clear: both; width: auto; margin: 0 0 0 18pt; font-size: 1.75vh; line-height: 1.75vh; }
	.websiteButton a { width: auto; margin: 0; padding: 1vh 30% 0.65vh 30%; letter-spacing: 1pt; }
	.websiteButton a:hover, .websiteButton a:active { margin: 0; padding: 1vh 0% 0.65vh 60%; letter-spacing: 2pt; }
}











/* -- HOTEL --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.hotelBox
{
	z-index:8;
	top: 0;
	display:block;
	position:relative;
	width: 100%;
	min-width: 0;
	max-width: 200vh;
	min-height: 100vh;
	margin: 0 auto;
	padding: 15vh 10%;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.clearfix
{
	visibility: hidden;
	margin: 0;
	width: 100%;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.hotelBox h2
{
	z-index: 10;
	width: 100%;
	display: block;
	position: relative;
	margin: 0 auto 5vw;
	padding: 0;
	color: #2a324b;
	font-family: 'Dancing Script', Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: 500;
	font-size: 7vw;
	line-height: .75vw;
	text-align: center;
	letter-spacing: 0;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.hotelBox h2:before
{
	z-index: -10;
	content:"";
	border-top: 0.3vw solid #2a324b;
	margin: 0;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
}
.hotelBox h2 span
{
	width: auto;
	padding: 0 2vw;
	background: #edeff2;
}

.hotelRow
{
	display: block;
	margin: 0 auto;
	align-content: center;
	width: 100%;
	max-width: 150vh;
}

.hotelLeftCol
{
	z-index: 10;
	display: block;
	position: relative;
	float: left;
	width: 55%;
	height: auto;
	padding: 0 3% 0 0;
	margin: 0 0 3vw;
	background: transparent;
	text-align: left;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.hotelLeftColImg
{
	z-index: 15;
	display: block;
	width: 100%;
	height: 55vh;
	max-height: 50vw;
	padding: 0;
	margin: 2vw 0;
	border: 1pt solid #fdfbfc;
	background-image: url(../img/omni_ext.jpg);
	background-size: cover;
	background-position: 50% 20%;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.hotelLeftCol h4
{
	margin: 3vw 0 1vw;
	padding: 0;
	font-size: 18pt;
	line-height: 18pt;
	color: #757780;
	letter-spacing: 0.25vw;
	font-family: 'DINCondensed';
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 0 0 #ffffff;
}
.hotelLeftCol h5
{
	margin: 18pt auto 6pt;
	padding: 0;
	font-size: 11pt;
	line-height: 12pt;
	color: #0d3b66;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: none;
	text-shadow: 0 0 0 #2a324b;
}
.hotelLeftCol p
{
	margin: 0 auto 8pt;
	padding: 0;
	font-size: 10.5pt;
	line-height: 16pt;
	color: #2a324b;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
	text-shadow: 0 0 0 #2a324b;
}
.hotelLeftCol p a
{
	color: #0d3b66;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.hotelLeftCol p a:hover, .hotelLeftCol p a:active
{
	color: #757780;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
}

.hotelRightCol
{
	z-index: 15;
	position: relative;
	display: block;
	float: right;
	height: auto;
	width: 45%;
	padding: 1.5vw 2vw;
	margin: 0 0 2vw;
	border: 1pt solid #fdfbfc;
	border-top: 0;
	text-align: justify;
	background: linear-gradient(rgba(42,50,75,0.5),rgba(42,50,75,0.9));
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.hotelRoomImage
{
	z-index: 20;
	display: block;
	position: relative;
	width: 45%;
	float: right;
	height: auto;
	padding: 7vh 0;
	margin: 0 0 0;
	text-align: center;
	border: 1pt solid #fdfbfc;
	background-size: cover;
	background-position: 50% 30%;
}
.hotelBox h3
{
	z-index: 20;
	margin: 0 auto;
	padding: 0;
	font-size: 5vh;
	line-height: 5vh;
	color: #fdfbfc;
	letter-spacing: 0.25vh;
	text-align: center;
	font-family: 'DINCondensed';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 0.5vh 0.5vh 1vh #000000;
}
.hotelRightCol h4
{
	margin: 1.5vw auto 0;
	padding: 2pt 0 0;
	font-size: 9pt;
	line-height: 9pt;
	color: #c5cbd3;
	letter-spacing: 0.25vw;
	text-align: left;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 0 0 0 #ffffff;
}
.hotelRightCol h4 a
{
	display: block;
	float: right;
	margin-left: 15pt;
	margin-top: -6pt;
	height: 24pt;
	padding: 8pt 20pt 4pt 20pt;
	font-size: 10pt;
	line-height: 10pt;
	background: #9da1a9;
	border: 1pt solid #fdfbfc;
	color: #fdfbfc;
	letter-spacing: 1pt;
	font-family: 'DINCondensed';
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-transform: uppercase;
	-o-transition: 1s ease-out;
	-ms-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
}
.hotelRightCol h4 a:hover, .hotelRightCol h4 a:active
{
	display: block;
	float: right;
	margin-left: 15pt;
	margin-top: -6pt;
	height: 24pt;
	padding: 8pt 3pt 4pt 37pt;
	background: #e6555f;
	color: #fdfbfc;
	border: 1pt solid #fdfbfc;
	text-shadow: 1pt 1pt 5pt rgba(57,94,129,1);
}
.hotelRightCol p
{
	margin: 0 auto 8pt;
	padding: 0;
	font-size: 10pt;
	line-height: 13pt;
	color: #fdfbfc;
	letter-spacing: 0px;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
	text-shadow: 0 0 0 #2a324b;
}
.hotelRightCol p a
{
	color: #c5cbd3;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.hotelRightCol p a:hover, .hotelRightCol p a:active
{
	color: #fdfbfc;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
}

.hotelBottomBox
{
	display: block;
	clear: both;
	margin: 0 auto 10vw;
	align-content: center;
	width: 100%;
}
.hotelBottomBox h4
{
	margin: 0;
	padding: 0;
	font-size: 3vw;
	line-height: 3vw;
	color: #2a324b;
	text-align: center;
	letter-spacing: 1vh;
	font-family: "Winner";
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 0 0 0 #ffffff;
}
.hotelBottomBox h4 a
{
	display: block;
	width: 100%;
	margin: auto;
	border: 1pt solid #fdfbfc;
	padding: 3vh 35% 2vh 35%;
	font-size: 2.5vw;
	line-height: 2.5vw;
	background: #9da1a9;
	color: #fdfbfc;
	letter-spacing: 2pt;
	font-family: 'DINCondensed';
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	-o-transition: 1s ease-out;
	-ms-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
}
.hotelBottomBox h4 a:hover, .hotelBottomBox h4 a:active
{
	display: block;
	width: 100%;
	padding: 3vh 0% 2vh 70%;
	background: #e6555f;
	letter-spacing: 0pt;
}
.hotelBottomBox h6
{
	margin: 3vw auto 10vw;
	width: 100%;
	padding: 0;
	font-size: 10pt;
	line-height: 13pt;
	color: #2a324b;
	text-align: justify;
	letter-spacing: 0;
	font-family: 'Josefin Sans', Futura, Gill Sans, Tahoma, sans-serif;
	font-weight: 300;
	text-transform: none;
}
.hotelBottomBox h6 a
{
	color: #0d3b66;
	font-weight: 500;
	text-transform: none;
	text-decoration: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.hotelBottomBox h6 a:hover, .hotelBottomBox h6 a:active
{
	color: #c5cbd3;
	font-weight: 500;
	text-transform: none;
	text-decoration: none;
}




@media screen and (min-aspect-ratio: 10/6) {
	.hotelBox { width: 100%; padding: 15vh 5%; }
	.hotelRow { max-width: 175vh; }
	.hotelBox h2 { margin: 5vh auto 6vw; font-size: 9vw; line-height: 1vw; letter-spacing: 0; }
	.hotelBox h2:before { border-top: 3pt solid #2a324b; top: 0; }
	.hotelBox h2 span { padding: 0 20pt; }
	.hotelLeftCol { float: left; width: 60%; padding: 0 3% 0 0; margin: 0 0 6vw; }
	.hotelLeftColImg { height: 80vh; max-height: 60vw; max-width: 100%; margin: 0 auto 4vw; background-position: 50% 20%; }
	.hotelLeftCol h4 { letter-spacing: 0; margin-top: 6vh; }
	.hotelLeftCol p { margin: 0 auto 10pt; padding: 0; font-size: 10.5pt; line-height: 13pt; }
	.hotelRightCol { float: right; padding: 15pt; width: 37%; margin: 0 0 4vw; }
	.hotelRoomImage { width: 37%; float: right; clear: right; height: auto; padding: 8vh 0; background-position: 50% 30%; }
	.hotelBox h3 { font-size: 8vh; line-height: 8vh; letter-spacing: 0; text-shadow: 0.5vh 0.5vh 1vh #000000; }
	.hotelRightCol h4 { margin: 15pt auto 0; text-align: left; }
	.hotelRightCol h4 a { display: block; float: none; margin: 10pt 0 0; width: 100%; height: 24pt; text-align: center; padding: 8pt 20% 4pt 20%; font-size: 10pt; line-height: 10pt; }
	.hotelRightCol h4 a:hover, .hotelRightCol h4 a:active { float: none; margin: 10pt 0 0; height: 24pt; width: 100%; text-align: center; padding: 8pt 3% 4pt 37%; }
	.hotelRightCol p { margin: 0 auto 6pt; padding: 0; font-size: 9pt; line-height: 10.5pt; }
	.hotelBottomBox h4 { margin: 0; padding: 0; font-size: 2vh; line-height: 2vh; letter-spacing: 0.5vh; }
	.hotelBottomBox h4 a { display: block; margin: auto; padding: 15pt 30% 12pt 30%; font-size: 20pt; line-height: 20pt; letter-spacing: 0.5vh; }
	.hotelBottomBox h4 a:hover, .hotelBottomBox h4 a:active { padding: 15pt 0% 12pt 60%; letter-spacing: 0pt; }
	.hotelBottomBox h6 { margin: 3vw 0 0; width: 100%; padding: 0; font-size: 8.5pt; line-height: 11pt; letter-spacing: 0; }

}




@media screen and (max-aspect-ratio: 10/11) {
	.hotelBox { width: 100%; padding: 15vh 10%; }
	.hotelBox h2 { margin: 0 auto 6vw; font-size: 11vw; line-height: 4vw; letter-spacing: 0; }
	.hotelBox h2:before { border-top: 3pt solid #2a324b; top: 0; }
	.hotelBox h2 span { padding: 0 20pt; }
	.hotelLeftCol { float: none; width: 100%; padding: 0; margin: 0 0 6vw; }
	.hotelLeftColImg { height: 45vh; max-height: 80vw; max-width: 100%; margin: 0 auto 4vw; background-position: 50% 20%; }
	.hotelLeftCol h4 { letter-spacing: 0; margin-top: 6vh; }
	.hotelLeftCol p { margin: 0 auto 8pt; padding: 0; font-size: 10.5pt; line-height: 13pt; }
	.hotelRightCol { float: none; padding: 4vw 4vw 5vw; width: 100%; margin: 0 0 4vw; }
	.hotelRoomImage { width: 100%; float: none; height: auto; padding: 5vh 0; background-position: 50% 30%; }
	.hotelBox h3 { font-size: 9vw; line-height: 9vw; letter-spacing: 0; text-shadow: 0.5vh 0.5vh 1vh #000000; }
	.hotelRightCol h4 { margin: 15pt auto 0; text-align: left; }
	.hotelRightCol p { margin: 0 auto 6pt; padding: 0; font-size: 9.5pt; line-height: 12pt; }
	.hotelBottomBox h4 { margin: 0; padding: 0; font-size: 2vh; line-height: 2vh; letter-spacing: 0.5vh; }
	.hotelBottomBox h4 a { display: block; margin: auto; padding: 15pt 25% 12pt 25%; font-size: 20pt; line-height: 20pt; letter-spacing: 0.15vh; }
	.hotelBottomBox h4 a:hover, .hotelBottomBox h4 a:active { padding: 15pt 0% 12pt 50%; letter-spacing: 0pt; }
	.hotelBottomBox h6 { margin: 6vw 0 0; width: 100%; padding: 0; font-size: 8pt; line-height: 11pt; letter-spacing: 0; }

}










/* -- REGISTRY ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


.giftBox
{
	z-index:8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100vw;
	height: auto;
	top: 0;
	min-height: 100vh;
	margin: 0;
	padding: 15vh 0;
}
.giftContentsFrame
{
	z-index: 200;
	display: block;
	position: relative;
	text-align:center;
	width: 90vw;
	max-width: 90vh;
	height: auto;
	padding: 4vh;
	vertical-align: middle;
	background-color: #fdfbfc;
	border: 0.5pt solid #c5cbd3;
	margin: 0 auto;
	box-shadow: 1vh 1vh 3vh #757780;
	-o-transition: ease-out 0.75s;
	-ms-transition: ease-out 0.75s;
	-moz-transition: ease-out 0.75s;
	-webkit-transition: ease-out 0.75s;
	transition: ease-out 0.75s;
}
.giftContents
{
	z-index:8;
	display: block;
	position: relative;
	top: 0; bottom: 0; left: 0; right: 0;
	vertical-align: middle;
	margin: 0 auto;
	border: 3pt solid #c5cbd3;
	padding: 4vh;
}
.giftBox h2
{
	z-index: 1000;
	position: relative;
	margin: -5.5vh auto 0;
	display: block;
	padding: 0;
	width: 100%;
	font-size: 4vh;
	line-height: 4vh;
	color: #0d3b66;
	text-align:center;
	font-family: 'Josefin Sans';
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1vh;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.giftBox h2:before
{
	z-index: -100;
	content:"";
	border: 0;
	margin: 0 auto;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
}
.giftBox h2 span
{
	padding: 0 3vw;
	background-color: #fdfbfc;
}
.giftParagraphs
{
	z-index: 10;
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
	position: relative;
	vertical-align: middle;
}
.giftBox p
{
	display: block;
	width: 100%;
	margin: 15pt 0 0;
	padding: 0;
	font-size: 10pt;
	line-height: 15pt;
	color: #2a324b;
	letter-spacing: 0;
	font-family: 'Josefin Sans';
	font-weight: 300;
	text-transform: none;
	text-align: justify;
}
.giftBox p a
{
	color: #395e81;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: none;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.giftBox p a:hover, .giftBox p a:active
{
	color: #c5cbd3;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: none;
}
.giftBox p .emph
{
	color: #e6555f;
}




@media screen and (min-aspect-ratio: 10/6) {
	.giftContentsFrame { width: 70vw; max-width: 175vh; padding: 4vw; border: 0.5pt solid #c5cbd3; margin: 0 auto; }
	.giftContents { border: 2.5pt solid #c5cbd3; padding: 4vw }
	.giftBox h2 { margin: -5.5vw auto 2vw; font-size: 4vw; line-height: 4vw; letter-spacing: 0.5vw; }
	.giftBox h2 span { padding: 0 1.5vw 0 2vw; }
	.giftBox p { margin: 12pt 0 0; font-size: 10.5pt; line-height: 13pt; }
}
@media screen and (max-aspect-ratio: 10/11) {
	.giftContentsFrame { width: 85vw; max-width: 85vh; padding: 4vh; border: 0.5pt solid #c5cbd3; margin: 0 auto; }
	.giftContents { border: 2.5pt solid #c5cbd3; padding: 4vh; }
	.giftBox h2 { margin: -5vh auto 0; font-size: 3.5vh; line-height: 3.5vh; letter-spacing: 0.25vh; }
	.giftBox h2 span { padding: 0 1.5vh 0 2vh; }
	.giftBox p { margin: 12pt 0 0; font-size: 10pt; line-height: 12pt; }
}







/* -- RSVP ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


.rsvpBox
{
	z-index:8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100vw;
	height: auto;
	top: 0;
	min-height: 100vh;
	margin: 0;
	padding: 15vh 0 30vh;
}
.rsvpFrame
{
	z-index: 200;
	display: block;
	position: relative;
	text-align:center;
	width: 70vw;
	max-width: 150vh;
	height: auto;
	padding: 4vh;
	vertical-align: middle;
	background-color: #fdfbfc;
	border: 0.5pt solid #c5cbd3;
	margin: 0 auto;
	box-shadow: 1vh 1vh 3vh #757780;
	-o-transition: ease-out 0.75s;
	-ms-transition: ease-out 0.75s;
	-moz-transition: ease-out 0.75s;
	-webkit-transition: ease-out 0.75s;
	transition: ease-out 0.75s;
}
.rsvpFrameContents
{
	z-index:8;
	display: block;
	position: relative;
	top: 0; bottom: 0; left: 0; right: 0;
	vertical-align: middle;
	margin: 0 auto;
	border: 3pt solid #c5cbd3;
	padding: 4vh;
	min-height: 30vh;
}
.rsvpFrame h2
{
	z-index: 1000;
	position: relative;
	margin: -5.5vh auto 0;
	display: block;
	padding: 0;
	width: 100%;
	font-size: 4vh;
	line-height: 4vh;
	color: #0d3b66;
	text-align:center;
	font-family: 'Josefin Sans';
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1vh;
	-o-transition: 0.75s;
	-ms-transition: 0.75s;
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	transition: 0.75s;
}
.rsvpFrame h2:before
{
	z-index: -100;
	content:"";
	border: 0;
	margin: 0 auto;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
}
.rsvpFrame h2 span
{
	padding: 0 3vw;
	background-color: #fdfbfc;
}

.cognito
{
	padding: 4vh 2vh 0;
	width: 100%;
	max-width: 900pt;
	margin: 0 auto -15vh;
	background: transparent !important;
	border: 0 solid #ffffff;
}
.cognito img, .cognito.c-sml img, .cognito.c-med img, .cognito.c-lrg img
{
	width: 0 !important;
	height: 0 !important;
}
.cognito .c-forms-form
{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align:center;
}
.cognito .c-forms-heading
{
	display:none;
}
.c-title > *
{
	z-index: 5;
	width: auto !important;
	margin: -28pt auto 10pt !important;
	padding: 0 2vw !important;
	font-size: 20pt !important;
	line-height: 100% !important;
	color: #c5cbd3 !important;
	background-color: #fdfbfc;
	text-align:center !important;
	letter-spacing: 2pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 0 #2a324b;
}
.c-section
{
	display: block;
	overflow: visible !important;
	width: 100% !important;
	padding: 20pt 20pt 15pt !important;
	margin: 4vh 0 !important;
	border: 3pt solid #c5cbd3 !important;
	background: transparent !important;
}
.c-helptext
{
	font-size: 10pt !important;
	color: #757780 !important;
	text-align: center !important;
	letter-spacing: 0pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: 500 !important;
	font-style: normal !important;
	text-transform: none !important;
	line-height: 13pt !important;
}
.cognito .c-forms-form .c-label label, .cognito .c-label, .cognito #c-forms-form label
{
	z-index: 5;
	margin: 14pt 0 0 !important;
	width: 100% !important;
	padding: 0 auto !important;
	font-size: 14pt !important;
	line-height: 14pt !important;
	color: #0d3b66 !important;
	text-align:center !important;
	letter-spacing: 1pt !important;
	font-family: 'DINCondensed', Helvetica, sans-serif !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 0 #2a324b !important;
}
.cognito input[type=text]
{
	display: block;
	width: 100%;
	margin: 0 0 10pt;
	text-align:center;
	font-family: 'Josefin Sans' !important;
	font-weight: 300 !important;
	font-size: 12pt !important;
	padding: 10pt 20pt !important;
	letter-spacing: 1pt;
	color: #2a324b;
	box-shadow: 0 0 0 #757780 !important;
	border: 1pt solid #c5cbd3 !important;
	background: linear-gradient(rgba(197,203,211,0.5), rgba(197,203,211,0.15)) !important;
}
.cognito input[type=checkbox], .cognito input[type=radio]
{
	font-family: 'Josefin Sans' !important;
	font-size: 12pt !important;
	width: 12pt;
	height: 12pt;
	font-weight: 500 !important;
	padding: 0;
	margin: 0;
}
.c-choice-checkboxes
{
	color: #ff0000 !important;
}
.cognito .c-editor
{
	display: -webkit-flex; /* Safari */
	-webkit-align-content: center; /* Safari 6.1+ */
	display: flex;
	align-content: center;
	overflow: visible;
	width: 100%;
	margin: 0 0;
	text-align: center;
}
.cognito.c-sml .c-editor, .cognito.c-med .c-editor
{
	display: block;
	align-content: center;
	overflow: visible;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.cognito .c-editor .c-choice-option
{
	display: block;
	width: 100%;
	margin: 3pt auto;
	text-align: center;
}
.cognito .c-editor .c-yesno-radio
{
	display: inline-block;
	width: auto;
	margin: 0 auto !important;
	padding: 0 20pt !important;
	text-align: center;
}
.cognito .c-editor .c-choice-option label, .cognito .c-editor label.c-yesno-radio, .cognito .c-editor.c-yesno-checkbox label, .cognito .c-editor.c-choice-checkboxes label
{
	display: block;
	font-family: 'Josefin Sans' !important;
	font-size: 12pt !important;
	line-height: 12pt !important;
	color: #000000;
	padding: 5pt 0;
	text-indent: 0;
	margin: 0;
	font-weight: 300;
}

.c-button-section
{
	display: block !important;
	width: 100%;
	padding: 30pt 0 100pt !important;
	margin: 0 !important;
}
.c-action
{
	display: block !important;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.cognito .c-forms-form button, .c.button
{
	display: inline-block !important;
	margin: 0;
	font-family: 'DINCondensed', Helvetica, sans-serif !important;
	font-size: 12pt !important;
	line-height: 12pt !important;
	letter-spacing: 1pt !important;
	font-weight:normal !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	border: 1pt solid #ffffff !important;
	color: #fdfbfc !important;
	background-color: #c5cbd3;
	box-shadow: 0 0 0 #757780 !important;
	-o-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.c-page-previous-page
{
	background-color: #e6555f !important;
	margin-right: 1% !important;
	width: 44% !important;
	padding: 14pt 0 10pt 0 !important;
}
.c-page-next-page
{
	background-color: #395e81 !important;
	margin-left: 1% !important;
	width: 54% !important;
	padding: 14pt 0 10pt 0 !important;
}
.c-page-previous-page:hover
{
	background-color: #c5cbd3 !important;
	margin-right: 1% !important;
	width: 44% !important;
	padding: 14pt 15% 10pt 0 !important;
}
.c-page-next-page:hover
{
	background-color: #c5cbd3 !important;
	margin-left: 1% !important;
	width: 54% !important;
	padding: 14pt 0 10pt 20% !important;
}
#c-submit-button
{
	background-color: #395e81 !important;
	margin: 0 !important;
	width: 98% !important;
	padding: 14pt 0 10pt 0 !important;
}
#c-submit-button:hover
{
	background-color: #c5cbd3 !important;
	margin: 0 !important;
	width: 98% !important;
	padding: 14pt 0 10pt 60% !important;
}
.c-required .c-label:after
{
	display: inline-block;
	content: '✽' !important;
	font-weight: normal !important;
	font-family: Helvetica, Arial !important;
	font-size: 16pt !important; 
	margin: -2pt 0 0 10pt !important;
	vertical-align: top;
	color: #e6555f !important; 
}
.c-validation
{
	display: block;
	position: relative;
	font-family: 'Josefin Sans' !important;
	font-weight: 500 !important;
	font-size: 8pt !important;
	letter-spacing: 0.25pt !important;
	padding: 8pt 30pt !important;
	border: 1pt solid #ffffff;
	margin-top: 0 !important;
	line-height: 10pt !important;
	text-transform: uppercase !important;
	background: linear-gradient(rgba(230,85,95,0.5), rgba(230,85,95,0.9))!important;
	border-radius: 0 0 !important;
	color: #fdfbfc !important;
	box-shadow: 0 0 0 #757780 !important;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.c-footer-terms
{
	display: none !important;
	color: #fdfbfc !important;
	overflow: hidden !important;
	width: 0 !important;
	height: 0 !important;
}
.c-brand
{
	display:none !important;
	color: #fdfbfc !important;
	overflow: hidden !important;
	width: 0 !important;
	height: 0 !important;
}

.cognito p
{
	margin: 0 !important;
	padding: 0 !important;
	font-size: 10pt !important;
	color: #2a324b !important;
	text-align: justify !important;
	letter-spacing: 0.25px !important;
	font-family: 'Josefin Sans' !important;
	font-weight: 300 !important;
	text-transform: none !important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 12pt !important;
}
.cognito h4
{
	display: block !important;
	margin: 0 0 10pt !important;
	padding: 0 !important;
	font-size: 11pt !important;
	color: #2a324b !important;
	text-align: center !important;
	letter-spacing: 0.5pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: 300 !important;
	font-style: normal !important;
	text-transform: none !important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 13pt !important;
}
.cognito h4 em, .cognito h4 i
{
	color: #e6555f !important;
	letter-spacing: -0.05pt !important;
	font-family: 'Josefin Sans' !important;
	font-size: 11pt !important;
	font-weight: 500 !important;
	font-style: normal !important;
	text-transform: none !important;
	text-shadow: 0 0 0 #2a324b !important;
}
.cognito h4 strong, .cognito h4 b
{
	color: #395e81 !important;
	letter-spacing: 0.65pt !important;
	font-family: 'DINCondensed', Helvetica, sans-serif !important;
	font-size: 12pt !important;
	line-height: 15pt !important;
	font-weight: normal!important;
	font-style: normal !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 0 #2a324b !important;
}
.cognito h4 strong em, .cognito h4 b i
{
	color: #e6555f !important;
	letter-spacing: 0.65pt !important;
	font-family: 'DINCondensed', Helvetica, sans-serif !important;
	font-size: 12pt !important;
	line-height: 15pt !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 0 #2a324b !important;
}
.cognito h4 a
{
	color: #e6555f !important;
	font-size: 11pt !important;
	letter-spacing: 0.5pt !important;
	font-family: 'Josefin Sans' !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	text-transform: none !important;
	-o-transition: 0.5s !important;
	-ms-transition: 0.5s !important;
	-moz-transition: 0.5s !important;
	-webkit-transition: 0.5s !important;
	transition: 0.5s !important;
}
.cognito h4 a:hover, .cognito h4 a:active
{
	color: #c5cbd3 !important;
	font-size: 11pt !important;
	letter-spacing: 0.5pt !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	text-transform: none !important;
}
.cognito h5, .cognito.c-sml h5, .cognito.c-med h5, .cognito.c-lrg h5
{
	display: block !important;
	margin: 0 0 10pt !important;
	padding: 0 !important;
	font-size: 11pt !important;
	color: #2a324b !important;
	text-align: center !important;
	letter-spacing: 0.25px !important;
	font-family: 'Josefin Sans' !important;
	font-weight: 500 !important;
	font-style: normal !important;
	text-transform: none !important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 150% !important;
}
.cognito h5 b, .cognito.c-sml h5 b, .cognito.c-med h5 b, .cognito.c-lrg h5 b, .cognito h5 strong, .cognito.c-sml h5 strong, .cognito.c-med h5 strong, .cognito.c-lrg h5 strong
{
	display: block !important;
	margin: 0 0 10pt !important;
	padding: 0 2vw !important;
	font-size: 13pt !important;
	color: #2a324b !important;
	text-align: center !important;
	letter-spacing: 0.35pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: bo700ld !important;
	font-style: normal !important;
	text-transform: none !important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 16pt !important;
}
.cognito h5 i, .cognito.c-sml h5 i, .cognito.c-med h5 i, .cognito.c-lrg h5 i, .cognito h5 em, .cognito.c-sml h5 em, .cognito.c-med h5 em, .cognito.c-lrg h5 em
{
	display: block !important;
	margin: 0 0 10pt !important;
	padding: 0 2vw !important;
	font-size: 10.5pt !important;
	color: #e6555f !important;
	text-align: center !important;
	letter-spacing: 0.25pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: 500 !important;
	font-style: normal !important;
	text-transform: none !important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 12pt !important;
}
.cognito h5 a
{
	color: #e6555f !important;
	font-size: 11pt !important;
	letter-spacing: 0.25pt !important;
	font-family: 'Josefin Sans' !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	text-transform: none !important;
	-o-transition: 0.5s !important;
	-ms-transition: 0.5s !important;
	-moz-transition: 0.5s !important;
	-webkit-transition: 0.5s !important;
	transition: 0.5s !important;
}
.cognito h5 a:hover, .cognito h4 a:active
{
	color: #c5cbd3 !important;
	font-size: 11pt !important;
	letter-spacing: 0.25pt !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	text-transform: none !important;
}
.cognito h6
{
	margin: 0 0 14pt !important;
	padding: 0 !important;
	font-size: 10pt !important;
	color: #c5cbd3 !important;
	text-align: center !important;
	letter-spacing: 1.5pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: normal !important;
	text-transform: uppercase!important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 12pt !important;
}
.cognito h6 b, .cognito h6 strong
{
	margin: 20pt 0 0 !important;
	padding: 0 !important;
	font-size: 20pt !important;
	color: #757780 !important;
	text-align: center !important;
	letter-spacing: 1pt !important;
	font-family: 'Josefin Sans' !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-transform: uppercase!important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 20pt !important;
}
.cognito h6 b i, .cognito h6 strong em
{
	margin: 20pt 0 0 !important;
	padding: 0 !important;
	font-size: 22pt !important;
	color: #e6555f !important;
	text-align: center !important;
	letter-spacing: 1pt !important;
	font-family: 'Winner';
	font-weight: bold !important;
	font-style: normal !important;
	text-transform: uppercase!important;
	text-shadow: 0 0 0 #2a324b !important;
	line-height: 20pt !important;
}
.cognito hr
{
	border: 0;
	border-top: 1px dotted #757780 !important;
	margin: 10pt 0 -15pt !important;
	background: 0 !important;
}




@media screen and (min-aspect-ratio: 10/6) {
	.rsvpBox { top: 0; padding: 15vh 0 30vh; }
	.rsvpFrame { width: 70vw; max-width: 175vh; padding: 4vw; border: 0.5pt solid #c5cbd3; margin: 0 auto; }
	.rsvpFrameContents { border: 2.5pt solid #c5cbd3; padding: 4vw; min-height: 30vh; }
	.rsvpFrame h2 { margin: -5.5vw auto 2vw; font-size: 4vw; line-height: 4vw; letter-spacing: 1vw; }
	.rsvpFrame h2 span { padding: 0 1.5vw 0 2.5vw; }
	.cognito { padding: 4vh 2vh 0; width: 100%; max-width: 100%; margin: 0 auto -10vw; }
}

@media screen and (max-aspect-ratio: 10/9) {
	.rsvpBox { top: 0; padding: 15vh 0 30vh; }
	.rsvpFrame { width: 85vw; max-width: 85vh; padding: 4vh; border: 0.5pt solid #c5cbd3; margin: 0 auto; }
	.rsvpFrameContents { border: 2.5pt solid #c5cbd3; padding: 4vh; min-height: 30vh }
	.rsvpFrame h2 { margin: -5vh auto 0; font-size: 3.5vh; line-height: 3.5vh; letter-spacing: 0.25vh; }
	.rsvpFrame h2 span { padding: 0 1.5vh 0 2vh; }
	.cognito { padding: 4vh 2vh 0; width: 100%; max-width: 100%; margin: 0 auto -10vw; }
}