@charset "utf-8";
/* CSS Document */

	body{
		font-family: Arial, "sans-serif";
	}
	a:link{
		color:#000000;
		margin:0px 12px;
	}
	a:visited{
		color:#000000;
	}
	a:hover{
		color:#b5b5b5;
	}
	p {
	color:#fff;
	}
	.video-overlay{
		background-color:rgba(255,255,255,0.9);
		position: fixed;
		width:100%;
		height:100%;
		top: 0;
		left:0;
		z-index: -1;
	}
	.vimeo-wrapper {
	   position: fixed;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	   z-index: -2;
	   pointer-events: none;
	   overflow: hidden;
	}
	.vimeo-wrapper iframe {
	   width: 100vw;
	   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	   min-height: 100vh;
	   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
	}

	#splashContainer{
			background-color:rgba(255,255,255,0.7);
			display:block;
			position: relative;
			margin: 0 auto;
			clear:both;
			width:100%;
			max-width:1100px;
			height:550px;
			border-top:1px solid #dedede;
			border-right:1px solid #dedede;
			border-left:1px solid #dedede;
			display: -webkit-flex; /* Safari */
			-webkit-align-items: flex-start; /* Safari 7.0+ */
			display: flex;
			align-items: flex-start;
		}
		
	#splashBottom{
			margin: 0px auto;
			max-width:1100px;
			width:100%;
			min-height:91px;
			text-align: center;
			padding:64px 0px 24px 0px;
			background: url('http://sve.gxestudios.com/splash-shadow.png') no-repeat;
			background-position: center top;
		}
	
	#splashInfo{
			margin: 0px auto;
			max-width:1100px;
			width:100%;
			min-height:91px;
			text-align: center;
			padding:64px 0px 64px 0px;
			background: rgba(255, 255, 255, 0.67);
			background-position: center top;
			border-bottom:1px solid #dedede;
			border-right:1px solid #dedede;
			border-left:1px solid #dedede;
		}
	.splash-content{
			float:left;
			color:#000;
			width:25%;
			
		}

	#splashInfo p{
			color:#000;
			margin-top:44px;
		}

	#splashInfo img {
			width: 154px !important;
		}

	.destinationText{
			color: #000 !important;
			font-family: Arial, "sans-serif";
			font-size: 21px;
			font-style: italic;
		}

	#mobileContainer{display:none;}
	.mobileIMG{width:85%;}
	@media only screen and (max-width: 600px) {
		#mobileContainer{
			display:block;
			padding-top: 24px;
			background-color:rgba(255,255,255,0.7);
			border-top:1px solid #dedede;
			border-right:1px solid #dedede;
			border-left:1px solid #dedede;
		}
		#splashContainer{
			display:none;
		}
		.splash-content {
			float:none !important;
			color: #000;
			width: 100% !important;
			font-size: 16pt;
			margin: 32px 0;
			height: 150px;
		}
	}
	/*-----Image Overlays----*/
		
	.splashImage{
			display: block;
			width: 100%;
			height: auto;
		}
	.overlay {
			position: absolute;
			top: 0;
			height: 100%;
			width: 50%;
			opacity: 0;
			transition: .5s ease;
			background-color: rgb(0,0,0);
		}

	.social-container:hover .overlay {
			opacity: .92;
		}

	.corp-container:hover .overlay {
			opacity: .92;
		}
	.splashTextL{
			color:#000;
			font-family: Arial, "sans-serif";
			font-size: 18px;
			text-transform: none;
			margin-left:30%;
			margin-top: 40%;
		}		
	.splashTextR{
			color:#000;
			font-family: Arial, "sans-serif";
			font-size: 18px;
			text-transform: none;
			margin-left:35%;
			margin-top: 40%;
		}
		
	.splashTitle{
			font-size:24px;
			font-weight: bolder;
		}
		
	.splashBtn {
			border-radius: 32px;
			border: 1px solid #fff;
			color:#fff!important;
			padding:12px;
			font-size:12px;
			letter-spacing 1px;
			text-decoration: none;
		}

	.splashBtn:hover{
			background-color:#fff;
			border:0px;
			color:#000!important;
		}

    .splash-message{
			background-color: rgba(255, 255, 255, 0.76);
			width: 100%;
			height: 100%; 
			color: #000;
			font-family: "Open Sans";
			text-align: center; 
		}

	.splash-message h1{
			padding-top:25%;
			font-weight:700;
		}
	.splash-message h2{
			font-weight:300;
		}

	.corp-container{
			display:inline-block;
			float: left;
			width:50%;
			min-height:550px;
					
		}
	.social-container{
			display:inline-block;
			float:left;
			width:50%;
			min-height:550px;
			overflow: hidden;
			
		}
		
	.fadeIn{
			animation: fadeAnim 2s;
			animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-out;
		}
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes fadeAnim {
			from {opacity:0;}
			to {opacity:1;}
		}
	/* Standard syntax */
	@keyframes fadeAnim {
			from {opacity: 0;}
			to {opacity:1;}
		}
		
	.middleOverlap{
			display: inline-block;
			margin-top: -1px;
			margin-left: 427px;
			position: absolute;
			width: 200px;
			max-width: 220px;
			background: #fff;
			text-align: center;
			padding: 32px 24px 62px 24px;
			border: 1px solid #fff;
			border-radius: 0px;
			z-index: 999;
			/*--ANIMATION---*/
			-webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */
			-webkit-animation-timing-function: ease-out;
			animation: overlayMove 1s infinite;
			animation-iteration-count: 1;
			}
			
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes overlayMove {
			from {transform: translateY(-100px);}
			to {transform: translateY(0px);}
		}

	/* Standard syntax */
	@keyframes overlayMove {
			from {transform: translateY(-100px);}
			to {transform: translateY(0px);}
		}
		