/* 
    -------------------------------------------------- */

    html { 

    }

    body {
        color:#fff;
        background-color: #333333;
    }

    footer {
            
    }

    /* 
    -------------------------------------------------- */

    .page-holder {
        background-color: #304157;

		max-width: 1500px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
    }

    .section-banner {
        text-align: center;
        width:100%;        
    }

	.section-banner > img {
        max-width:100%;
    }

    .section-desc {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-signup {
    	padding-top: 50px;
        padding-bottom: 100px;
        position: relative;
    }

    .section-media {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #546a76;
    }

    .section-social {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #000;        
    }

    .section-coming-soon {
        text-align: center;
        padding-bottom: 50px;
    }

    .section-copyright {
        text-align: center;
        padding-top: 70px;
    }

    .section-copyright > span {
    	padding:10px;
    	font-size: 1.3em;
    	font-family: Ubuntu;
    	font-weight: 300;    	
    }


    .social-icon {
        font-size: 3em;
        line-height: 0.5em;
        padding: 15px;
        color: #5e81c0;
        display: inline-block;
		-webkit-transition: color 0.5s ease;
		-moz-transition: color 0.5s ease;
		-ms-transition: color 0.5s ease;
		-o-transition: color 0.5s ease;
		transition: color 0.5s ease;  
		text-shadow: 
			0 0.05em 0 #243149,
			0px 0.15em 0.11em rgba(0,0,0,0.15),
			0px 0.25em 0.021em rgba(0,0,0,0.1),
			0px 0.32em 0.32em rgba(0,0,0,0.1);
    }

    .social-icon > a > div {
    	font-size: 0.4em;
    	font-weight: 700;
    }

    .social-icon > a:hover{
    	color: #eef;
    }

    /*---------------------------------------*/

    .media-row {
    	width:90%;
    	margin:auto;
    }

    .desc {
    	width: 30%;
    	float:right;
    	text-align: left;
    	padding-left: 30px;
    }

	@media only screen and (max-width: 600px) {
		.desc {
			width:100%;
			float:none;
			padding-left: 5px;
			padding-right: 5px;
		}
	}    

    .lightbox {
		padding-top:20px;
    }

    .lightbox-icon {
        display: inline-block;
        position: relative;
        width: 300px;
        height: 225px;
        overflow:hidden;
        margin: 2px;

		-webkit-box-shadow: 0 0 0 2px rgba(34,34,68,1.0), 5px 5px 20px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0 0 2px rgba(34,34,68,1.0), 5px 5px 20px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0 0 2px rgba(34,34,68,1.0), 5px 5px 20px rgba(0, 0, 0, 0.4);
		-webkit-transition: transform 0.4s ease;
		-moz-transition: transform 0.4s ease;
		-ms-transition: transform 0.4s ease;
		-o-transition: transform 0.4s ease;
		transition: transform 0.4s ease;        
    }

    .lightbox-icon:hover{
		-webkit-box-shadow: 0 0 0 5px rgba(130,216,102,1.0), 5px 5px 30px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0 0 5px rgba(130,216,102,1.0), 5px 5px 30px rgba(0, 0, 0, 0.4);
    	box-shadow: 0 0 0 5px rgba(130,216,102,1.0), 5px 5px 30px rgba(0, 0, 0, 0.4);
    	z-index: 3;
		-ms-transform: rotate(-2deg) scale(1.05);
		-webkit-transform: rotate(-2deg) scale(1.05);
    	transform: rotate(-2deg) scale(1.05);
    }

	.lightbox-icon::before {
		position:absolute;
		top:0px;
		left:-75%;
		z-index: 4;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
		-webkit-transform: skewX(-25deg);
		transform: skewX(-25deg);
	}

	.lightbox-icon:hover::before {
		-webkit-animation: shine .5s;
		animation: shine .5s;
	}

	@-webkit-keyframes shine {
		100% {
			left: 125%;
		}
	}
	@keyframes shine {
		100% {
			left: 125%;
		}
	}

    .large-header {		
		font-family: Ubuntu;
		font-weight: 300;
		padding-bottom: 20px;
		font-size: 2em;        
		text-shadow:0.05em 0.05em 0.25em rgba(0,0,0,1);
    }

    .large-subheader {
        font-size: 1.5em;
        font-family: Ubuntu;
        font-weight: 300;
    }

    .medium-header {
		font-size: 3em;
		font-family: Ubuntu;
		font-weight: 300;
		text-shadow: 0 0.032em 0 #b0b0b0, 0px 0.15em 0.11em rgba(0,0,0,0.15), 0px 0.25em 0.021em rgba(0,0,0,0.1), 0px 0.32em 0.32em rgba(0,0,0,0.1);
    }

    .medium-subheader {
		font-size: 1.3em;
		font-family: Ubuntu;
		font-weight: 300;
    }

    .small-header {
		font-size: 1.5em;
		font-family: Ubuntu;
		font-weight: 300;
		text-shadow: 0 0.032em 0 #b0b0b0, 0px 0.15em 0.11em rgba(0,0,0,0.15), 0px 0.25em 0.021em rgba(0,0,0,0.1), 0px 0.32em 0.32em rgba(0,0,0,0.1);
    }

	@media only screen and (max-width: 400px) {
		.large-header {
			font-size: 1.33em;
		}

		.large-subheader {
			font-size: 1em;	
		}

		.medium-header {
			font-size: 1.33em;	
		}

		.medium-subheader {
			font-size: 1em;
		}

		.small-header {
			font-size: 1em;
		}
	}

    #email-submit-form {
        max-height:500px;
        z-index: 2;
    }

    #email-submit-spinner {
        padding-top: 10px;
        position: absolute;
        width:100%;
        z-index: 1;
        pointer-events:none;
    }

    #email-submit-prompt {
    	position: relative;
    }

    #email-submit-success {
        position: absolute;
        z-index: 2;
        margin-top: 20px;
    }

    #email-submit-issue {
        text-align: center;
        width:100%;
        position: absolute;        
        z-index: 1;
        margin-top: 20px;
    }

    .collapsed {
        opacity: 0;
        pointer-events: none
    }

    .fader-1 {
		-webkit-transition: opacity 0.8s ease;
		-moz-transition: opacity 0.8s ease;
		-ms-transition: opacity 0.8s ease;
		-o-transition: opacity 0.8s ease;
		transition: opacity 0.8s ease;
    }

    .fader-2 {
		-webkit-transition: opacity 0.8s 0.8s ease;
		-moz-transition: opacity 0.8s 0.8s ease;
		-ms-transition: opacity 0.8s 0.8s ease;
		-o-transition: opacity 0.8s 0.8s ease;
		transition: opacity 0.8s 0.8s ease;
    }

    .fader-quick-1 {
		-webkit-transition: opacity 0.4s ease;
		-moz-transition: opacity 0.4s ease;
		-ms-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
    }

    .fader-quick-2 {
		-webkit-transition: opacity 0.2s 0.2s ease;
		-moz-transition: opacity 0.2s 0.2s ease;
		-ms-transition: opacity 0.2s 0.2s ease;
		-o-transition: opacity 0.2s 0.2s ease;
		transition: opacity 0.2s 0.2s ease;
    }

	@keyframes grow-in-anim {
    	0%,50% {
    		margin-top: 30px;
    		opacity: 0;
    	}
    	100% {
    		margin-top: 0px;
    		opacity: 1;
    	}
	}

	.grow-in {
		animation-name: grow-in-anim;
    	animation-duration: 2s;
    	animation-timing-function: linear;
	}

	.shadow {
		box-shadow: 0px 0px 20px #000;
	}

	.shadow-light {
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

    a {
    	color:inherit;
    }
    a:focus,a:hover{
    	color:inherit;
    	text-decoration: none;
    }

    .modal-content {
        background-color: #000;
    }