/*!
Theme Name: JCD-21
Theme URI: http://jcdandassociates.com/
Author: Ryan Olton
Author URI: http://www.oltoninteractive.com
Description: OI Theme based on _S
Version: 5.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Scroll */
html {
	overflow-X:hidden;
	/*scroll-behavior:smooth;
	scroll-snap-type: y mandatory;*/
}

/* Typography */
body, button, input, select, textarea {
	color:#e6e0e0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1em;
	font-weight:300;
	/*-webkit-font-smoothing:antialiased;*/
	line-height:1.5;
}
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	clear:both;
}
h1 {
	margin:0.5em auto;
	color:#c32d87;
	font-size:2.5em;
	line-height:1em;
}
h2 {
	color:#c32d87;
	font-size:1.75em;
	line-height:1.5em;
}
h3 {
	font-size:1.5em;
	font-weight:400;
	line-height:1.5em;
	margin:auto;
}
h4 {
	font-size:1.3em;
	font-weight:300;
	line-height:1.25em;
	text-decoration:none;
	color:#fff;
}
h5 {
	font-size:1.15em;
	margin:.25em auto;
	text-decoration:none;
}
h6 {
	margin:1em auto;
	font-size:1em;
	font-weight:300;
	line-height:1em;
	text-transform:uppercase;
}
.intro h1 {
	text-shadow:1px 1px 15px rgba(0,0,0,.15);
	overflow:hidden;
}
.intro h3 {

}
.project h3 {
	margin: 0.15em 10px 0.5em;
	line-height:.5em;
}
.project h6 {
	margin:0em 10px;
	color:#fff !important;
}
p {
	margin-bottom:1em;
}
b, strong {
	font-weight:bold;
}
em {
	color:#ccc;
}
.has-drop-cap:not(:focus):first-letter {
	color:#c32d87;
	color:#fff;
}
.small {
	display:inline;
	margin:auto;
	font-size:.9em;
}

::-moz-selection {
    color: #fff;
    background: #c32d87;
}
::selection {
    color: #fff;
    background: #c32d87;
}


/* Links / Buttons */
a {
	color:#c32d87;
	text-decoration:underline;
	transition:all 0.5s linear;
}
a:visited {
	color:#c32d87;
}
a:hover, a:focus, a:active {
	color:#e1379b;
}
.button, .button:visited {
	padding:12px 24px;
	color:#fff !important;
	background:rgba(195,45,135,0.9) !important;
	font-size:1em;
	font-weight:300;
	text-decoration:none;
	text-transform:uppercase;
	border:1px solid #c32d87 !important;
	border-radius:0px;
	transition:all 0.5s linear;
}
.button:hover, .button:focus, .button:active {
	color:#e1379b !important;
	background:rgba(16,8,12,.9) !important;
	border:1px solid #e1379b !important;
	transition:all 0.5s linear;
}
.intro .button {
	padding:12px;
	letter-spacing:1px;
}
.project a {
	display:inherit;
	position:relative;
	clear:both;
}
.site-footer a {
	color:#eee;
	text-decoration:none;
}
.site-footer a:hover {
	color:#e1379b;
}

/* Navigation */
.main-navigation {
	position:relative;
	clear:both;
	display:block;
	float:left;
	width:100%;
	z-index:3000;
}
.main-navigation ul {
	display:block;
	list-style:none;
	margin:0;
	padding-left:0;
}
.main-navigation li {
	width:100%;
	clear:both;
}
.main-navigation a {
	display:block;
	font-family: 'Oswald', sans-serif;
	font-size:1.5em;
	text-decoration:none;
	text-align:center;
	color:#fff;
	text-shadow:0px 0px 10px #fff;
	cursor:pointer;
	transition:all ease-in-out .5s;
}
.main-navigation a:hover {
	color:#c32d87;
	text-shadow:0px 0px 20px #e1379b;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
	color:#c32d87;
}
#navigation a {
	display:inline-block;
	margin:auto;
	padding:6px 4px;
	opacity:1;
	cursor:pointer;
	-webkit-transition:opacity 0.25s ease-in-out;
	-moz-transition:opacity 0.25s ease-in-out;
	-o-transition:opacity 0.25s ease-in-out;
	transition:opacity 0.25s ease-in-out;
}
#navigation a:hover {
	opacity:.667;
}
.menu-toggle {
	display:block;
	position:fixed;
	top:12px;
	right:12px;
	width:32px;
	height:32px;
	margin:auto;
	padding:0px !important;
}
.menu-toggle img {
	width:32px;
	height:auto;
}
.menu-close {
	display:inline-block;
	position:relative;
	width:auto;
	margin:1em auto;
	padding:0em;
	text-transform:uppercase;
	opacity:.67;
	color:#fff;
	background:none !important;
	border:none !important;
	border-bottom:1px solid #ccc !important;
	outline:none;
	backface-visibility:hidden;
    transform:scale(1);
	transition:all ease-in-out 1s;
	cursor:pointer;
}
.menu-close:hover {
	opacity:1;
	border-bottom:1px solid #fff !important;
	transition:all ease-in-out 1s;
}

/* Alignments */
.alignleft {
	display:inline;
	float:left;
	margin-right:50px;
	margin-bottom:30px;
}
.alignright {
	display:inline;
	float:right;
	margin-left:50px;
	margin-bottom:30px;
}
.aligncenter {
	clear:both;
	display:block;
	margin:0 auto;
	text-align:center;
}
.alignnone {
	margin:auto auto 1em;
}
.centered, .centered p {
	text-align:center;
}
.left {
	text-align:left !important;
}
.right {
	text-align:right;
}
.hero .alignleft, .hero .alignright {
	margin-bottom:0px;
}
.thumbnail {
	border:5px solid #fff;
	border:none;
	box-shadow:8px 8px 0px rgba(90,90,90,.25);
}

/* Layout */
#branding {
	position:fixed;
	top:14px;
	left:12px;
	clear:both;
	width:40%;
	margin:auto;
	padding:0px;
	text-align:center;
	z-index:2750;
	opacity:0;
	cursor:pointer;
}
#social {
	position:fixed;
	bottom:0px;
	right:10px;
	z-index:2700;
}
.desktop, .hidden {
	display:none !important;
	visibility:hidden;
}
.mobile {
	display:block;
	visibility:visible;
}
#navigation {
	position:fixed;
	top:0px;
	left:auto;
	width:100%;
	height:56px;
	padding:0px 0px;
	background:rgba(22,16,14,.33);
	border-bottom:1px solid rgba(255,255,255,0.1);
	z-index:2750;
}
#primary-navigation {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	overflow-x:hidden;
	z-index:2800;
}
#nav-background {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2600;
	
	perspective:500;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	backface-visibility:hidden;
}
#nav-close {
	width:98%;
	margin:1em auto auto;
	text-align:center;
}

#header, #primary-content, #secondary-content {
	position:relative;
	width:100%;
	margin:auto;
	z-index:50;
}
section.full-height {
	position:relative;
	width:100%;
	height:100vh;
	min-height:100vh;
}
section.full-height.locked {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	z-index:0;
}
section.auto-height {
	height:auto !important;
	min-height:15vh !important;
	overflow:hidden;
}
section.locked-spacer {
	margin-top:100vh;
}
section.page-transition {
	position:relative;
	width:100%;
	height:100vh;
	min-height:100vh;
}
section.page-snap {
	position:relative;
	width:100%;
	height:100vh;
	max-height:100vh;
	scroll-snap-align:start;
	scroll-snap-stop:always;
	overflow:hidden;
	color:#ccc;
}
section.scroll-section {
	position:fixed !important;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	overflow:hidden;
}

.container {
	position:relative;
	clear:both;
	width:80%;
	margin:auto;
}
.column, .column-quarter, .column-third, .column-half, .column-twothirds, .column-threequarter, .column-fifth, .column-twofifths, .column-threefifths, .column-fourfifths {
	position:relative;
	float:none;
	clear:both;
	width:100%;
	margin:auto;
}
.grid-0-0-50-100, .grid-0-50-50-100, .grid-0-50-50-50, .grid-50-50-50-50 {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}
.grid-0-0-50-100 {
	width:50%;
	height:100%;
}
.grid-0-50-50-100 {
	left:50%;
	width:50%;
	height:100%;
}
.grid-0-50-50-50 {
	left:50%;
	width:50%;
	height:50%;
}
.grid-50-50-50-50 {
	top:50%;
	left:50%;
	width:50%;
	height:50%;
}
.content-area {
	position:relative;
	max-width:1160px;
	margin:auto;
}
.content-area.narrow {
	max-width:480px !important;
	margin:auto;
}
.content-area.wide {
	width:100%;
	max-width:2560px;
	margin:auto;
	padding:0;
}
.auto-height .content-area {
	padding:10vh 0;
}
.v-centered, .intro .v-centered, .main-navigation {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.content-left, .content-right {
	width:100%;
}
.content {
	padding:1em;
}

.site-footer {
	position:fixed;
	bottom:0px;
	width:100%;
	font-size:.67em;
	line-height:.67em;
	background:rgba(22,16,14,.33);
	border-top:1px solid rgba(255,255,255,0.1);
	z-index:2700;
}
.site-credits {
	width:50%;
	padding:1px 12px;
	text-align:left;
	color:#f6f6f6;
}

/* Interface */
#interface {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	min-height:650px;
	margin:auto;
	z-index:0;
	backface-visibility:hidden;
	overflow:hidden;
}

#bg, #video-bg, #interface .background, #interface .intro {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	backface-visibility:hidden;
}
#interface .intro {
	top:0%;
	width:100%;
	height:100%;
	z-index:5;
}
.intro .column-half {
	float:left;
	clear:none;
	width:50%;
	margin:auto;
}
#bg {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:0;
}

#particles {
	display:block;
	position:fixed;
	top:0px;
	width:100%;
	height:100%;
	margin:auto;
	z-index:2400;
	pointer-events:none;
	transform:translate3d(0,0,0);
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
.particle {
	position:absolute;
	width:5%;
	height:5%;
	max-width:32px;
	max-height:32px;
	background:url('images/particle.png') no-repeat center;
	background-size:4px !important;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
#preloader {
	display:block;
	position:fixed;
	top:45%;
	left:0%;
	width:100%;
	font-family: 'Oswald', sans-serif;
	font-size:3em;
	font-weight:200;
	text-transform:uppercase;
	text-shadow:0px 0px 10px #e1379b;
	line-height:1.75em;
	text-align:center;
	color:#ffd7e1;
	color:#c32d87;
	z-index:3500;
	overflow:visible;
	
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	backface-visibility:hidden;
	transform-style:preserve-3d;
}

/* #SVGs */
#interface-lens, #covers {
	display:block;
	position:fixed;
	top:0%; left:0%; bottom:0%;
	width:100%;
	height:100%;
	z-index:2500;
	pointer-events:none;
	overflow:hidden;
	
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	backface-visibility:hidden;
	transform-style:preserve-3d;
}
#interface-lens svg {
    position:relative;
    position:absolute;
    left:50%;
	width:auto;
    height:100%;
	background:none;
    transform:translateX(-50%);
}
#interface-lens #mask, #interface-lens #blades {
}
#covers {
	z-index:3000;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	backface-visibility:hidden;
	transform-style:preserve-3d;
}
#cover-top {
	z-index:30;
}
#cover-middle {
	z-index:20;
}
#cover-bottom {
	z-index:10;
}

/* Overlays */
.panel {
	display:inline-flex;
	border:1px solid rgba(255,255,255,0.1);
	filter:brightness(1);
	-webkit-transform:translate3d(0,0,0);
	backface-visibility:hidden;
	transform-style:preserve-3d;
    transition:all 0.5s ease-in-out;
	overflow:hidden;
}
.panel:hover {
	border:1px solid rgba(255,255,255,0.5);
	filter:brightness(1.25);
}
.overlay {
	position:absolute;
	top:75%;
	left:5%;
	width:90%;
	min-height:50px;
	font-size:smaller;
	text-align:left;
	background:rgba(0,0,0,.5);
	border-left:3px solid #e1379b;
	opacity:1;
    transition:opacity 0.5s ease-in-out;
}
.overlay span {
	display:none;
	margin:.5em auto;
}
.image {
	position:relative;
}

/* Backgrounds / Other */
body {
	background:#10080b;
}
.bg0, .bg1, .bg2, .bg3 {
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
.background, .background-left, .background-right {
	position:absolute;
	top:0px; left:0px; bottom:0px; right:0px;
	width:100%;
	height:100%;
	z-index:0;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	overflow:hidden;
	pointer-events:none;
}
.background-left {
	width:50%;
	height:50%;
	top:5%;
	left:-15%;
	right:auto;
	bottom:auto;
	background:no-repeat center;
	background-size:contain;
	overflow:hidden;
	z-index:1;
}
.background-right {
	width:50%;
	height:50%;
	top:auto;
	left:auto;
	right:-15%;
	bottom:5%;
	background:no-repeat center;
	background-size:contain;
	overflow:hidden;
	z-index:2;
}

#branding img {
	width:100%;
}
.titlebar {
	position:relative;
	width:100%;
	margin:auto;
	padding:30px 0;
	text-align:center;
	text-transform:uppercase;
    border:none;	
	backface-visibility:hidden;
}
.titlebar:after {
	display:block;
    position:absolute;
    top:auto;
    left:50%;
    width:100px;
    height:2px;
    margin-left:-50px;
    content:'';
	background:#c32d87;
}
hr, .separator {
	display:block;
	position:relative;
	clear:both;
	width:100%;
	max-width:1200px;
	height:100px;
	background:url(images/separator.png) center no-repeat;
	background-size:1200px 50px;
	border:none;
}
.overlay .separator {
	height:60px;
	background:url(images/separator.png) top no-repeat;
	background-size:1200px 50px;
}

.services-list {
	list-style:none;
	margin:auto;
	padding:0;
}

#social a, #social a img {
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
}
#social a {
	margin:auto .5em;
}
.scroll {
	display:block;
	position:relative;
	width:32px;
	height:32px;
	margin:1em auto;
	padding:0em;
	opacity:1;
	text-indent:-9999px;
	border:none;
	background:url(images/scroll.png) no-repeat;
	background-size:100%;
	backface-visibility:hidden;
    transform:translateY(0px);
	transition:all ease-in-out 1s;
	cursor:pointer;
}
.scroll:hover {
    transform:translateY(10px);
	transition:all ease-in-out 1s;
}

.mono {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.mono:hover {
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%);
}

.buttonBar {
	display:none;
	visibility:hidden;
}
.mb_YTPlayer {
    display:block;
    transform:translateZ(0) translate3d(0, 0, 0);
    transform-style:preserve-3d;
    perspective:1000;
    backface-visibility:hidden;
    box-sizing:border-box;
}
.embedded-video {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.embedded-video iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.sep {
	display:none;
	clear:both;
}
.frm_dropzone .dz-message {
	background:rgba(33,33,33,.5);
	border-color:#827362;
}

/* Responsive */
@media only screen and (min-width:600px) {
	.desktop {
		display:block !important;
		visibility:visible;
	}
	.mobile {
		display:none;
		visibility:hidden;
	}
	h1 {
		font-size:2.5em;
	}
	h2 {
		font-size:1.75em;
	}
	h3 {
		font-size:1.5em;
	}
	h4 {
		font-size:1.35em;
	}
	h5 {
		font-size:1.25em;
	}
	h6, .small {
		font-size:.9em;
	}
	.subpage .intro h1 {
		font-size:3em;
	}
	.subpage .intro h3 {
	}
	.main-navigation li {
		width:98%;
		margin:2% 1%;
		float:left;
		clear:none;
	}
	#nav-close {
		text-align:left;
		border-top:1px solid rgba(255,255,255,.33);
	}
	.container {
		clear:none;
		width:96%;
		margin:auto;
	}
	.column {
		width:98%;
		margin:1%;
	}
	.column-quarter, .column-half, .column-third, .column-fifth, .column-twofifths, .column-threefifths, .column-fourfifths {
		float:left;
		clear:none;
		width:48%;
		margin:1%;
	}
	img.alignleft, img.alignright {
		width:100%;
		max-width:500px;
	}
	.alignleft {
		margin-right:50px;
	}
	.alignright {
		margin-left:50px;
	}
	.hero {
		width:100%;
		margin:2% auto;
		padding:10px;
	}
	.sep {
		display:inline;
		padding:0px 5px;
	}
}

/* Tablet Layout:768px to 960. Inherits styles from:Tablet Layout. */
@media only screen and (min-width:960px) {
	body, button, input, select, textarea {
		font-size:1em;
		line-height:1.75em;
	}
	#branding {
		position:fixed;
		top:20px;
		left:20px;
		width:180px;
	}
	#navigation {
		top:6px;
		left:auto;
		right:10px;
		width:100%;
		max-width:48px;
		padding:0px;
		background:none;
		border:none;
	}
	#navigation a {
		padding:0px;
	}
	.menu-toggle {
		position:relative;
		top:auto;
		right:auto;
		width:48px;
		height:48px;
		margin:auto auto 8px;
	}
	.menu-toggle img {
		width:48px;
	}
	.menu-toggle:after {
		top:-8px;
	}
	#menu-title h2 {
		width:98%;
		margin:auto auto .5em;
		padding:5% 0%;
		font-size:1em;
		font-weight:300;
		text-transform:uppercase;
		color:#fff;
		border-bottom:1px solid rgba(255,255,255,.33);
	}
	.main-navigation .content-area {
		max-width:400px;
		margin:auto;
	}
	.main-navigation a {
		font-size:1.5em;
		line-height:1em;
		text-align:left;
	}

	h1 {
		font-size:4.0em;
		margin:0.25em auto -0.25em;
	}
	h2 {
		font-size:2.5em;
		line-height:1em;
	}
	h3 {
		font-size:2.0em;
	}
	h4 {
		font-size:1.5em;
	}
	.subpage .intro h1 {
	}
	.subpage .intro h3 {
	}
	
	#interface {
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		min-height:500px;
		z-index:0;
		overflow:hidden;
	}
	#interface .intro {
		left:0%;
		width:100%;
	}

	.column-quarter, .column-third, .column-half, .column-twothirds, .column-threequarter, .column-fifth, .column-twofifths, .column-threefifths, .column-fourfifths {
		float:left;
		clear:none;
	}
	.column-quarter {
		width:23%;
		margin:1%;
	}
	.column-third {
		width:31.3333%;
		margin:1%;
	}
	.column-half {
		width:48%;
		margin:1%;
	}
	.column-twothirds {
		width:64.666%;
		margin:1%;
	}
	.column-threequarter {
		width:74.9%;
	}
	.column-fifth, .column-twofifths, .column-threefifths, .column-fourfifths {
		margin:auto;
	}
	.column-fifth {
		width:20%;
	}
	.column-twofifths {
		width:40%;
	}
	.column-threefifths {
		width:60%;
	}
	.column-fourfifths {
		width:80%;
	}
	.content-left {
		width:50%;
		float:left;
	}
	.content-right {
		width:50%;
		float:right;
	}
	.content {
		padding:1.5em;
	}
	.auto-height .content-area {
		padding:15vh 0 25vh;
	}
	.v-centered {
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	
	#video {
		display:block;
		position:fixed;
		top:0px;
		width:100%;
		height:100%;
		margin:auto;
		z-index:30;
	}
	#primary-content {
		z-index:20;
	}
	#secondary-content {
		z-index:0;
	}

	.background-left {
		width:40%;
		height:70%;
		top:15%;
		left:5%;
		right:55%;
		bottom:15%;
	}
	.background-right {
		width:40%;
		height:70%;
		top:15%;
		left:55%;
		right:5%;
		bottom:15%;
	}	
	
	.thumbnail {
		border:10px solid #fff;
		border:none;
		box-shadow:16px 16px 0px rgba(90,90,90,.25);
	}
	
	.overlay {
		position:absolute;
		font-size:inherit;
		opacity:0.5;
		z-index:20;
	}
	.overlay .content {
		position:absolute;
		width:100%;
		padding:0em;
	}
	.overlay span {
		display:inline-block;
	}
	.image a:hover .overlay, .image:hover .overlay {
		opacity:1;
	}
		
	#gallery {
		margin:auto auto;
	}
	#gallery.bg0 {
		margin:auto 20px;
		padding:0em;
	}
	#gallery.bg0 .gallery {
		width:100%;
		margin:auto;
		padding:0;
	}
	
	.services-list {
	}
	.services-list li {
		display:inline-block;
		position:relative;
		float:left;
		clear:none;
		width:50%;
	}
		
	#social {
		position:fixed;
		bottom:8px;
		left:auto;
		right:16px;
		width:32px;
		padding:0px;
	}
	#social a, #social a img {
		display:inline-block;
		position:relative;
		width:32px;
		height:32px;
		margin:auto;
	}
	#social a img {
		transition:opacity ease-in-out 1s;
		opacity:.667;
	}
	#social a:hover img {
		opacity:1;
	}
	.site-footer {
		position:fixed;
		left:20px;
		bottom:10px;
		width:500px;
		height:30px;
		margin:0px;
		background:none;
		border:none;
	}
	.site-credits, .site-footer .back-to-top {
		width:100%;
		padding:0em;
		text-align:left;
	}
	#social:before {
		position:fixed;
		top:56px;
		bottom:144px;
		bottom:104px;
		left:auto;
		right:32px;
		width:1px;		
		content:'';
		background:rgba(255,255,255,.15);
	}
}

/* Desktops */
@media only screen and (min-width:1080px) {
}

@media only screen and (min-width:1280px) and (min-height:768px) {
	#bg, #video-bg, #particles {
		display:block;
		position:fixed;
		top:0px;
		left:15%;
		width:70%;
		height:100%;
		overflow:hidden;
	}
}

@media only screen and (min-width:1440px) and (min-height:900px) {
	.subpage .intro h1 {
	}
	.subpage .intro h3 {
	}
	.background-left {
		height:60%;
		top:20%;
		bottom:20%;
	}
	.background-right {
		height:60%;
		top:20%;
		bottom:20%;
	}
	section.auto-height {
		min-height:25vh !important;
	}
}

/*--------------------------------------------------------------
Animation
--------------------------------------------------------------*/
.animator {
	position:relative;
}

.fade-in-0s {
	opacity:0;
	-webkit-animation:fadein 1s ease-in-out;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:1s;
	animation:fadein 1s ease-in-out;
	animation-fill-mode:forwards;
	animation-delay:1s;
}
.fade-in-1s {
	opacity:0;
	-webkit-animation:fadein 1s ease-in-out;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:1.25s;
	animation:fadein 1s ease-in-out;
	animation-fill-mode:forwards;
	animation-delay:1.25s;
}
.fade-in-2s {
	opacity:0;
	-webkit-animation:fadein 1.5s ease-in-out;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:1.5s;
	animation:fadein 1.5s ease-in-out;
	animation-fill-mode:forwards;
	animation-delay:1.5s;
}
.fade-in-3s {
	opacity:0;
	-webkit-animation:fadein 2s ease-in-out;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:2s;
	animation:fadein 2s ease-in-out;
	animation-fill-mode:forwards;
	animation-delay:2s;
}

.scale-down-1s {
	opacity:0;
	-webkit-transform-origin:center;
	-webkit-transform:scale(1.25);
	transform:scale(1.25);
	-webkit-animation:scale-down-small 1250ms;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:.25s;
}
.scale-down-2s {
	opacity:0;
	-webkit-transform-origin:center;
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	-webkit-animation:scale-down-big 1500ms;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:.5s;
}
.scale-up-1s {
	opacity:0;
	-webkit-transform-origin:center;
	-webkit-transform:scale(.75);
	transform:scale(.75);
	-webkit-animation:scale-up-small 1250ms;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:.75s;
}
.scale-up-2s {
	opacity:0;
	-webkit-transform-origin:center;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	-webkit-animation:scale-up-big 1500ms;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay:1s;
}

.easeInOutQuint {
-webkit-transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); 
   -moz-transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); 
     -o-transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); 
        transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.pulse1 {
	opacity:.25;
	-webkit-animation:pulse 1.5s infinite linear;
	-moz-animation:pulse 1.5s infinite linear;
	animation:pulse 1.5s infinite linear;
}
.pulse2 {
	opacity:.25;
	-webkit-animation:pulse 2.5s infinite linear;
	-moz-animation:pulse 2.5s infinite linear;
	animation:pulse 2.5s infinite linear;
}
.pulse3 {
	opacity:.25;
	-webkit-animation:pulse 3.5s infinite linear;
	-moz-animation:pulse 3.5s infinite linear;
	animation:pulse 3.5s infinite linear;
}
.pulse4 {
	opacity:.25;
	-webkit-animation:pulse .5s infinite linear;
	-moz-animation:pulse .5s infinite linear;
	animation:pulse .5s infinite linear;
}

@keyframes fadein {
0% { opacity:0; }
100% { opacity:1; }
}
 @-webkit-keyframes fadein {
0% { opacity:0; }
100% { opacity:1; }
}

@keyframes pulse {
0%   {opacity:.5;}
50%   {opacity:1;}
100% {opacity:.5;}
}
@-webkit-keyframes pulse {
0%   {opacity:.5;}
50%   {opacity:1;}
100% {opacity:.5;}
}

@-webkit-keyframes scale-down-big {
0% { opacity:0; -webkit-transform:scale(1.5); }
100% { opacity:1; -webkit-transform:scale(1); }
}
@-webkit-keyframes scale-down-small {
0% { opacity:0; -webkit-transform:scale(1.25); }
100% { opacity:1; -webkit-transform:scale(1); }
}
@-webkit-keyframes scale-up-big {
0% { opacity:0; -webkit-transform:scale(.5); }
100% { opacity:1; -webkit-transform:scale(1); }
}
@-webkit-keyframes scale-up-small {
0% { opacity:0; -webkit-transform:scale(.75); }
100% { opacity:1; -webkit-transform:scale(1); }
}