/** Colors **
Primary Red:  #e63c2f; rgba(230,60,47,.9);)
Primary Blue: #6ec4e9; rgba(110,196,233,.9);)
Primary Blue: #6ec4e9; rgba(110,196,233,.9);)



/** Font **
font-family: 'Roboto Condensed', sans-serif;
300, 300italic
400, 400italic,
700, 700italic,
**/

:root {
	--blue: #6ec4e9;
	--red: #e63c2f;
	--gray: #8c8c8c;
	--dark-blue: #2e5e72;
	--light-gray: #e5e5e5;	
}

body {
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #8c8c8c;
}
body.expanded-menu {
	overflow: hidden;
}

	
a {
    color: #e63c2f;
}
a:focus,
a:hover {
    color: #6ec4e9;
}
/* Seleted Text */

::-moz-selection {
    background: #e63c2f;
    color: #fff;
}
::selection {
    background: #e63c2f;
    color: #fff;
}
/* --- Menu --- */

.menu {
    background: var(--dark-blue);
	border: 1em solid #fff;
	border-bottom-width: 6em;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 5000;
    visibility: hidden;
    opacity: 0;
	text-align: center;
    -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}
@media only screen and (max-width: 675px) { 
	.menu {
		min-height: 700px;
	}
}
.expanded-menu .menu {
    visibility: visible;
    opacity: .95;
}

.menu ul {
    position: absolute;
	width: 100%;
    left: 50%;
    top: 50%;
    margin: 0 auto;
    list-style: none;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.menu li {

}
.menu li a {
    font-size: 1.1em;
    padding: .3em;	
    display: block;
	color: #fff;
	font-weight: 400;
	font-family: 'porker', sans-serif;	
	text-transform: uppercase;
    -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}

@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
    .menu li a {
        font-size: 1.2em;
    }
}
@media only screen and (min-width:1000px) and (min-device-width: 480px) {     
	.menu {
		border-width: 3em;
		border-bottom-width: 3em;
	}		
	.menu li a {
        font-size: 1.2em;
    }
}
@media only screen and (min-width: 1200px) and (min-device-width: 480px) {  		
	.menu li a {
        font-size: 1.3em;
		padding: .4em;

    }
}
@media only screen and (min-width:1400px) and (min-device-width: 480px) {  
	.menu {
		border-width: 4em;
	}	
	.menu li a {
        font-size: 1.4em;
		padding: .4em;		
    }
}
.menu li a:hover {
	text-shadow: .1em .1em 0 var(--red);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.menu li a:active {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.mobile-connect {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 11%;
    padding: 1em;
    font-size: .9em;
	line-height: 1.4;
	color: #fff;
}

.mobile-connect .address {
    padding: 0 0 .5em;
    text-transform: uppercase;
}
.mobile-connect .social {
    font-size: 1.1em;
}
.mobile-connect .social a {
    padding: 0 .3em;
	color: var(--red);
}
.mobile-connect .social a:hover {
	color: var(--blue);
}
.call .icons {
    padding-right: .2em;
    font-size: .85em;
}
@media only screen and (min-width:900px) and (min-device-width: 480px) {     
	.mobile-connect {
        display: none;
    }
}


/* --- Header --- */
header {
	background: #fff;
    width: 100%;
	text-align: center;
	font-family: 'porker', sans-serif;
    position: fixed;
    left: 0;
    top: 0;
	padding: 0 1em;
    z-index: 6000;
	letter-spacing: .1em;
    -moz-transition: background 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: background 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: background 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: background 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}
header .pad {
	position: relative;
}	
.logo {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1000;
    opacity: 0;
    z-index: 6500;	
	-moz-transition:    all 0.25s ease-in-out;
	-o-transition:      all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition:         all 0.25s ease-in-out;
}
.animate .logo {
	opacity: 1;
}
.logo svg {
    width: 100%;
	max-height: 20em;
    -moz-transition:     all .3s cubic-bezier(.75, -.25, .25, .75);
    -o-transition:       all .3s cubic-bezier(.75, -.25, .25, .75);
    -webkit-transition:  all .3s cubic-bezier(.75, -.25, .25, .75);
    transition:          all .3s cubic-bezier(.75, -.25, .25, .75);
}
.logo:hover svg {
    -moz-transform:     scale(1.05);
    -ms-transform:      scale(1.05);
	-webkit-transform:  scale(1.05);
    transform:          scale(1.05);	
}
.logo .red-fill {
	fill: #E63C2F;
	-moz-transition:    fill 0.25s ease-in-out;
	-o-transition:      fill 0.25s ease-in-out;
	-webkit-transition: fill 0.25s ease-in-out;
	transition:         fill 0.25s ease-in-out;	
} 
.logo .blue-fill{
	fill: #6EC4E9;
	-moz-transition:    fill 0.25s ease-in-out;
	-o-transition:      fill 0.25s ease-in-out;
	-webkit-transition: fill 0.25s ease-in-out;
	transition:         fill 0.25s ease-in-out;
}
.logo .white-fill{
	fill: #fff;
}

.logo.primary-logo {
	width: 45%;
	padding: .2em;	
	border-radius: 50%;	
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fixed-header .logo.primary-logo {
    visibility: hidden;
    opacity: 0;
}
.expanded-menu .logo.primary-logo {
    position: fixed;
    visibility: visible;
    opacity: 1;
	width: 38%;
}
.expanded-menu .logo.min-logo,
.fixed-header.expanded-menu header .logo.min-logo {
    visibility: hidden;
    opacity: 0;
}

.logo.min-logo {
	font-size: 1.5em;
	text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
	padding: .3em .2em 0;
	position: relative;
	left: auto;
	top: auto;
}
.fixed-header header .logo.min-logo {
    visibility: visible;
    opacity: 1;
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
	header {
		padding: 0 1.5em;
	}		
    .logo.primary-logo {
        width: 10em;
    }
    .logo.min-logo {
		font-size: 1.9em;
    }
	.expanded-menu .logo.primary-logo {
        width: 8em;
		height: 8em;
	}		
}
@media only screen and (min-width: 1000px) and (min-device-width: 480px) { 	
	header {
		padding: 0 3em;
	}		
    .logo.primary-logo {
        width: 10em;
		height: 10em;		
    }
	.expanded-menu .logo.primary-logo {
        width: 8em;
		height: 8em;
	}	
    .logo.min-logo {
		font-size: 1.8em;
    }	
}
@media only screen and (min-width: 1200px) and (min-device-width: 480px) { 
    .logo.primary-logo {
        width: 13em;
		height: 13em;		
    }
    .logo.min-logo {
		font-size: 2.2em;
    }	
}
@media only screen and (min-width: 1400px) and (min-device-width: 480px) {    
	header {
		padding: 0 4em;
	}			
	.logo.primary-logo {
        width: 14em;
		height: 14em;
    }
	.expanded-menu .logo.primary-logo {
        width: 11em;
		height: 11em;
	}			
    .logo.min-logo {
		font-size: 2.4em;
    }		
}
@media only screen and (min-width: 1600px) and (min-device-width: 480px) {     
	.logo.primary-logo {
        width: 15em;
		height: 15em;
    }
    .logo.min-logo {
		font-size: 2.6em;
    }		
}
/* --- Hero --- */

.hero {
	padding: 0 1em;
    width: 100%;
    height: 95vh;
	height: calc(100vh - 7em);
    position: relative;
    display: block;
	text-align: center;
}
.hero .pad {
    position: relative;
}
.interior .hero {
    height: 50%;
    height: 50vh;
	min-height: 500px;
}
.hero .slider {
    width: 100%;
    display: block;
    position: relative;
}

.hero .slide {
    width: 100%;
	height: 95vh;
	height: calc(100vh - 5em);
    display: block;
}
.interior .hero .slide {
    height: 50vh;
	min-height: 500px;
}
.hero .slide .image {
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.hero .slide video {
}
.hero .slide .text {
    opacity: 0;
    width: 80%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    -moz-transform: translateX(-50%) translateY(-30%);
    -ms-transform: translateX(-50%) translateY(-30%);
    -webkit-transform: translateX(-50%) translateY(-30%);
    transform: translateX(-50%) translateY(-30%);
    -moz-transition: all 1s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 1s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 1s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 1s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -ms-transition-delay: .6s;
    transition-delay: .6s;
}
.hero .text.reveal {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-450%);
    -ms-transform: translateX(-50%) translateY(-45%);
    -webkit-transform: translateX(-50%) translateY(-45%);
    transform: translateX(-50%) translateY(-45%);
}
.hero h1 {
    font-size: 2.4em;
    line-height: 1.1;
    text-align: center;
    display: block;
}
.hero .slide h1 span {
	transition:         all .3s ease-in-out;    
	-webkit-transition: all .3s ease-in-out;  
	-moz-transition:    all .3s ease-in-out;  
	-o-transition:      all .3s ease-in-out;  
	-ms-transition:     all .3s ease-in-out; 
    padding: .2em .4em 0;
    line-height: .35;
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.hero .slide h1,
.hero .slide strong {
    display: table;
    margin-bottom: 0;
	transition:         all .3s ease-in-out;    
	-webkit-transition: all .3s ease-in-out;  
	-moz-transition:    all .3s ease-in-out;  
	-o-transition:      all .3s ease-in-out;  
	-ms-transition:     all .3s ease-in-out; 
}
.hero .slide strong {
	font-family: 'porker', sans-serif;	
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: .55em .5em .3em;
	position: relative;
	
}
.hero .gradient {
	display: none;
}
.hero .section-title {
    padding: .4em .6em .45em;
    position: absolute;
    left: 50%;
    bottom: 1em;
    z-index: 300;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}
.hero .section-title h1 {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
	color: #fff;
	text-shadow: .04em .04em 0 #0a2936;		
}
.hero .slide h1 {
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}
.hero .slide a:hover h1 {
    color: #fff;
}
.hero .slide h1 span {
	text-shadow: .04em .04em 0 #0a2936;	
}

.hero .slide a:hover h1 span {
	text-shadow: .08em .08em 0 var(--red);
}
.hero .slide strong {
    background: var(--red);
    color: #fff;
	margin-top: .3em;
}
.hero .slide a:hover strong {
    background: var(--blue);
	-webkit-box-shadow: .25em .25em 0 0 var(--red);
	-moz-box-shadow:    .25em .25em 0 0 var(--red);
	box-shadow:         .25em .25em 0 0 var(--red);	
    -moz-transform:     scale(1.05);
    -ms-transform:      scale(1.05);
	-webkit-transform:  scale(1.05);
    transform:          scale(1.05);		
}
.hero .gradient.bot {
	background: -moz-linear-gradient(top, rgba(10,41,54,0) 10%, rgba(10,41,54,1) 100%);
	background: -webkit-linear-gradient(top, rgba(10,41,54,0) 10%, rgba(10,41,54,1) 100%);
	background: linear-gradient(to bottom, rgba(10,41,54,0) 10%, rgba(10,41,54,1) 100%);
	width: 100%;
	height: 25%;
	position: absolute;
	left: 0;	
	bottom: 0;
	z-index: 200;	
	display: block;
}

@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
    .hero h1 {
        font-size: 2.6em;
    }
    .hero .slide strong {
    }
}
@media only screen and (min-width: 1000px) and (min-device-width: 480px) { 	
	.hero, .hero .slide {
		height: 100%;
		height: 97vh;
		height: calc(100vh - 3em);		
		padding: 0 3em;
	}	
    .hero h1 {
        font-size: 3em;
    }
    .hero strong {
        font-size: 1.4em;
    }	
}
@media only screen and (min-width: 1200px) and (min-device-width: 480px) {     
	.hero h1 {
        font-size: 3.5em;
    }
    .hero strong {
        font-size: 1.6em;
    }
}
@media only screen and (min-width: 1400px) and (min-device-width: 480px) {  
	.hero, .hero .slide {
		height: calc(100vh - 4em);		
		padding: 0 4em;
	}		
	.hero h1 {
        font-size: 4em;
    }
}
@media only screen and (min-width: 1600px) and (min-device-width: 480px) {     
	.hero h1 {
        font-size: 4.1em;
    }
}
/* --- Hero Controls --- */
.hero .hero-controls {
	color: #fff;
    position: absolute;
    top: 48%;
    z-index: 400;
    font-size: 1.2em;
    opacity: .5;
    display: block;
    cursor: pointer;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}
.hero .hero-controls:hover {
    color: #e63c2f;
}
.hero .hero-controls.hero-prev-slide {
    left: .5em;
}
.hero .hero-controls.hero-next-slide {
    right: .5em;
}
.hero .hero-controls:hover {
    opacity: .8;
    -moz-transform: scale(1.1) translateY(-50%);
    -ms-transform: scale(1.1) translateY(-50%);
    -webkit-transform: scale(1.1) translateY(-50%);
    transform: scale(1.1) translateY(-50%);
}
.hero .hero-controls:active {
    opacity: .6;
    -moz-transform: scale(.9) translateY(-50%);
    -ms-transform: scale(.9) translateY(-50%);
    -webkit-transform: scale(.9) translateY(-50%);
    transform: scale(.9) translateY(-50%);
}


/* --- Quick Links --- */


.quick-links {
	font-family: 'porker', sans-serif;
	list-style: none;
	margin: 0 auto;
	position: absolute;
	width: 80%;
	left: 50%;
	bottom: 0;
	z-index: 2000;
	padding: 1em 0 1.2em;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);	
}
.quick-links ul {
    position: relative;
	display: inline-block;
}
.quick-links li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: .3em .3em;
    opacity: 0;
    -moz-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -moz-transition: all 0.6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    -ms-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.animate .quick-links li {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.quick-links > ul > li:nth-child(7),
.quick-links > ul > li:nth-child(8) { display: none; }

.quick-links .art {
    display: none;	
    opacity: 0;
    -moz-transition: all 0.8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    -ms-transition-delay: 2.1s;
    transition-delay: 2.1s;
}
.quick-links .art svg {
	width: 100%;
	height: auto;
	fill: var(--red);
}
.quick-links .art.left {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.quick-links .art.right {
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.animate .quick-links .art {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.quick-links li.seperator {
    display: inline-block;
    vertical-align: middle;
    font-size: .3em;
    padding: 0;
    line-height: 1em;
	width: 2em;	
}
.quick-links li.seperator svg {
    width: 100%;
	height: auto;
	fill: var(-red);
}
.quick-links a {
    font-size: .9em;
    display: block;
    color: #fff;
    text-transform: uppercase;	
    -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}
.quick-links a:hover {
    color: #fff;
	text-shadow: .15em .15em 0 var(--red);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.quick-links a:active {
	text-shadow: .1em .1em 0 var(--red);		
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
    .quick-links a {
        font-size: 1em;
    }
    .quick-links .art {
        display: inline-block;
        width: 8em;
    }	
}
@media only screen and (min-width:900px) and (min-device-width: 480px) {    
	.hero .hero-controls {
        top: 50%;
        font-size: 2em;
    }
    .hero .hero-controls.prev-slide {
        left: 1em;
    }
    .hero .hero-controls.next-slide {
        right: 1em;
    }
    .slide .text {
        width: auto;
        max-width: 90%;
    }
    .slide video {
        min-height: 100%;
        min-width: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .quick-links li {
        padding: .3em .7em;
    }
    .quick-links .art {
        width: 8em;
    }	
	.quick-links > ul > li:nth-child(7),
	.quick-links > ul > li:nth-child(8) { display: inline-block; }

    .quick-links li.seperator {
        font-size: .6em;
    }
    .quick-links a {
        font-size: 1.35em;
    }
}
@media only screen and (min-width:1200px) and (min-device-width: 480px) {     
	.quick-links li {
        padding: .3em 1em;
    }
    .quick-links a {
        font-size: 1.6em;
    }
    .quick-links .art {
        width: 9em;
    }	
}
@media only screen and (min-width:1400px) and (min-device-width: 480px) {     
	.quick-links .art {
        width: 10em;
    }
}
/* --- General Social --- */
.initial-intro.content.layer .wrap {
	padding: 3.4em 2em 2em;
}
.initial-intro.content.layer p {
	font-size: 1.2em;
	line-height: 2;
	color: #8c8c8c;
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
	.initial-intro.content.layer p {
		font-size: 1.1em;
	}
}	
@media only screen and (min-width: 1000px) {
	.initial-intro.content.layer .wrap {
		padding: 4em 2em 3em;
		max-width: 900px;
	}	
	.initial-intro.content.layer p {
		font-size: 1.2em;
	}
}
@media only screen and (min-width:1200px) and (min-device-width: 480px) { 
	.initial-intro.content.layer .wrap {
		padding: 6em 2em;
	}		
	.initial-intro.content.layer p {
		font-size: 1.5em;
	}
}
@media only screen and (min-width:1400px) and (min-device-width: 480px) { 
	.initial-intro.content.layer .wrap {
		padding: 8em 2em;
	}		
	.initial-intro.content.layer p {
		font-size: 1.6em;
	}
}
/* --- General Social --- */

.social a:hover,
.call:hover {
    color: #e63c2f;
}
/* --- Content Layers --- */

.layer {
}
.events {
    background-color: #6ec4e9;
    color: #fff;
}
.events h2 {
    color: #e63c2f;
}
.content.layer p a { 
	color: var(--red); 
}
.content.layer p a:hover { 
	color: var(--blue); 
}

.content.layer.form-layer {
	padding: 1em;
}
.content.layer.form-layer .wrap {
	background-color: var(--dark-blue);	
	max-width: none;
	padding: 4em 2em;
	width: 100%;
	opacity: 0;
	overflow: hidden;
	position: relative;
	-moz-transition:    all .45s ease-in-out;
	-o-transition:      all .45s ease-in-out;
	-webkit-transition: all .45s ease-in-out;
	transition:         all .45s ease-in-out;		
}
.content.layer.form-layer .background {
	background-image: url(/wp-content/themes/smashed_plastic/img/signup.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
	max-width: none;
	padding: 4em 2em;
	width: 100%;
	height: 150%;
	position: absolute;
	left: 0;
	top: -3em;
	z-index: 1;
}

.content.layer.form-layer.reveal .wrap {
	opacity: 1;
}
.content.layer.form-layer h2 {
    color: #fff;
	opacity: 0;
	position: relative;
	z-index: 100;
	-moz-transition:    all .45s ease-in-out;
	-o-transition:      all .45s ease-in-out;
	-webkit-transition: all .45s ease-in-out;
	transition:         all .45s ease-in-out;		
}
.content.layer.form-layer h2.reveal {
	opacity: 1;
}

.content.layer.form-layer form.trigger {
	max-width: 400px;
	opacity: 0;
	position: relative;
	z-index: 100;	
	text-align: center;
	-moz-transition:    all .45s ease-in-out;
	-o-transition:      all .45s ease-in-out;
	-webkit-transition: all .45s ease-in-out;
	transition:         all .45s ease-in-out;	
}
.content.layer.form-layer form.trigger.reveal {
	opacity: 1;	
}
.content.layer.form-layer .gform_body input {
	text-align: center;
}
@media only screen and (min-width: 1000px) and (min-device-width: 480px) { 	
	.content.layer.form-layer {
		padding: 1em 3em;
	}
	.content.layer.form-layer .wrap {
		padding: 6em 2em;
	}	
}
@media only screen and (min-width: 1200px) and (min-device-width: 480px) { 	

}
@media only screen and (min-width: 1400px) and (min-device-width: 480px) { 	
	.content.layer.form-layer {
		padding: 1em 4em;
	}
}
	
/* -------- Promos -------- */

.promos {
    padding: 0 2em;
    text-transform: uppercase;
	text-align: center;	
	max-width: 1100px;
}	
.promos .transition {
	opacity: 0;
	display: block;
	transition:         all .4s ease-out;    
	-webkit-transition: all .4s ease-out;  
	-moz-transition:    all .4s ease-out;  
	-o-transition:      all .4s ease-out;  
	-ms-transition:     all .4s ease-out; 
}
.promos .trigger.reveal .transition {
	opacity: 1;
}
.promos article {
    padding: 2.5em 0;
}
.promos article:first-child {
	padding-top: 0;
}
.promos article:last-child {
	padding-bottom: 0;
}
.promos figure {
	width: 100%;
	display: block;
    position: relative;
}
.promos .photo-container {
	width: 100%;	
	position: relative;
	z-index: 100;
}
.promos .photo-container .transition {
	transition:         all .8s ease-in-out;    
	-webkit-transition: all .8s ease-in-out;  
	-moz-transition:    all .8s ease-in-out;  
	-o-transition:      all .8s ease-in-out;  
	-ms-transition:     all .8s ease-in-out; 	
}
.promos .photo-container.reveal .transition {
}
.promos img {
	width: 100%;
	height: auto !important;
	position: relative;
	z-index: 100;	
}
.promos .floater {
	width: 100%;
    height: 100%;
	position: absolute; 
	top: 1em;
	right: 1em;
	z-index: 50;
	opacity: .3;
}
.promos .floater .transition {
	background: var(--blue);
	background: -moz-linear-gradient(145deg, var(--blue) 0%, var(--blue) 100%);
	background: -webkit-linear-gradient(145deg, var(--blue) 0%, var(--blue) 100%);
	background: linear-gradient(145deg, var(--blue) 0%, var(--blue) 100%);
	width: 100%;
    height: 100%;
	position: absolute; 
	left: 0;
	top: 0;
	transition-delay: 1s;	
	transition:         all .8s ease-in-out;    
	-webkit-transition: all .8s ease-in-out;  
	-moz-transition:    all .8s ease-in-out;  
	-o-transition:      all .8s ease-in-out;  
	-ms-transition:     all .8s ease-in-out; 	
}
.promos article:nth-child(even) .floater {
	left: 1em; 	
	right: auto;
}	
.promos .star {
	background: var(--blue);
	width: 5em;
	position: absolute; 
	top: 1em;
	left: 1em;
	z-index: 1;	
	opacity: .1;
}
.promos article:nth-child(even) .star {
	right: 1em; 	
	left: auto;
	width: 7em;
}	
.promos .star svg {
	fill: var(--blue);
	width: 100%;
	position: absolute; 
	bottom: -3em;
	right: 1em;
	z-index: 150;	
}
.promos article:nth-child(even) .star svg {
	fill: var(--red);
}	
.promos .text {
    width: 100%;
    padding: 2em;
}
.promos h3 {	
	position: relative;
	z-index: 200;
	line-height: .2;
	top: -.4em;
	font-size: 2em;
	white-space: nowrap;
}
.promos h3 .transition {	
	transition:         all .6s ease-out;    
	-webkit-transition: all .6s ease-out;     
	-moz-transition:    all .6s ease-out;     
	-o-transition:      all .6s ease-out;     
	-ms-transition:     all .6s ease-out;  	
}
.promos h3 a {	
	color: var(--red);
	white-space: nowrap;
	text-shadow: .01em .01em 0 #fff;	
	transition:         all .35s ease-in-out;    
	-webkit-transition: all .35s ease-in-out;  
	-moz-transition:    all .35s ease-in-out;  
	-o-transition:      all .35s ease-in-out;  
	-ms-transition:     all .35s ease-in-out;    	
}
.promos .teaser {	
	position: relative;
	z-index: 200;
}
.promos .teaser .transition {	
	transition:         all .6s ease-out;    
	-webkit-transition: all .6s ease-out;     
	-moz-transition:    all .6s ease-out;     
	-o-transition:      all .6s ease-out;     
	-ms-transition:     all .6s ease-out; 	
}

.promos h3 a:hover {	
	color: var(--blue);
	text-shadow: .03em .03em 0 #fff;
}
.promos p {	
	font-size: 1.3em;
	color: var(--gray);
	text-transform: none;
	position: relative;
}
.promos .button a {	
	background: var(--red);
	color: #fff;
	padding: .5em .6em .2em;
	font-size: 120%;
	margin-top: 1em;
	font-family: 'porker', sans-serif;
	display: inline-block;
	transition:         all .35s ease-in-out;    
	-webkit-transition: all .35s ease-in-out;  
	-moz-transition:    all .35s ease-in-out;  
	-o-transition:      all .35s ease-in-out;  
	-ms-transition:     all .35s ease-in-out; 	
}
.promos .button a:hover {	
	background: var(--blue);	
	-webkit-box-shadow: .25em .25em 0 0 var(--red);
	-moz-box-shadow:    .25em .25em 0 0 var(--red);
	box-shadow:         .25em .25em 0 0 var(--red);	
    -moz-transform:     scale(1.05);
    -ms-transform:      scale(1.05);
	-webkit-transform:  scale(1.05);
    transform:          scale(1.05);	
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
	.promos article {
		padding: 2em 0;
	}	
	.promos article .table {
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		-ms-flex-align: start;
		-ms-flex-pack: start;
		-webkit-box-align: start;
		-webkit-box-pack: start;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-start;
	}
	.promos article:nth-child(even) .table {
		flex-direction: row-reverse;					
	}	
	.promos figure {
		width: 55%;	
	}
	.promos .text {
		width: 45%;	
		text-align: left;
	}
	.promos article:nth-child(odd) .text {
		text-align: left;		
	}	
	.promos article:nth-child(even) .text {
		text-align: right;		
	}
	.promos h3 {
        font-size: 3.7em;		
		right: -.5em;
		top: -.2em;
		line-height: 0;
    }	
	.promos article:nth-child(odd) h3 {
		right: auto;
		left: -.75em;		
	}	
	.promos h3 .transition {	
		transition-delay: .4s; 	
	}
	.promos .teaser .transition {	
		transition-delay: .6s;	
	}
	.promos h3 .transition {	
		-moz-transform: translateX(-.1em);
		-ms-transform: translateX(-.1em);
		-webkit-transform: translateX(-.1em);
		transform: translateX(-.1em);
	}
	.promos .teaser .transition {	
		-moz-transform: translateX(-1em);
		-ms-transform: translateX(-1em);
		-webkit-transform: translateX(-1em);
		transform: translateX(-1em);
	}	
	.promos h3.reveal .transition,
	.promos .teaser.reveal .transition {	
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}	
	.promos p {	
		font-size: 1.3em;
		line-height: 1.3;
	}	
}
@media only screen and (min-width: 1000px) and (min-device-width: 480px) {  
	.promos {
		padding: 0 6em 6em;
	}	
	.promos article {
		padding: 4em 0;
	}	
	.promos figure {
		width: 60%;	
	}
	.promos .text {
		width: 40%;	
	}
	.promos .text h3 {
		top: -.4em;
        font-size: 4rem;
    }	
	.promos p {	
		font-size: 1.3em;
		line-height: 1.4;
	}	
	.promos .button a {	
		margin-top: .2em;
	}	
}
	
@media only screen and (min-width: 1200px) and (min-device-width: 480px) {   
	.promos {
		padding-bottom: 6em;
	}
	.promos article {
		padding: 5em 0;
	}	
	.promos .text {
		padding-left: 2.5em;	
	}	
	.promos article:nth-child(even) .text {
		padding-right: 2.5em;	
	}	
	.promos .text h3 {
        font-size: 4.5rem;
    }
	.promos p {	
		top: -1.3em;
	}		
}
@media only screen and (min-width: 1400px) and (min-device-width: 480px) {   
	.promos .text h3 {
        font-size: 5rem;
    }
}
@media only screen and (min-width: 1600px) and (min-device-width: 480px) {   
	.promos .text h3 {
        font-size: 6rem;
    }
}

/* -------- Twitter -------- */

.wrap.trigger {
	opacity: 0;
	display: block;
	transition:         all .4s ease-in-out;    
	-webkit-transition: all .4s ease-in-out;  
	-moz-transition:    all .4s ease-in-out;  
	-o-transition:      all .4s ease-in-out;  
	-ms-transition:     all .4s ease-in-out; 
}
.wrap.trigger.reveal {
	opacity: 1;
}
/* -------- Footer -------- */

footer {
}
.low-trigger {
	opacity: 0;
}
.low-trigger.reveal {
	opacity: 1;
}
/** Location Details **/

footer .details address:after {
    background: #fff;
}
/** Footer Nav **/

.footer-menu li a:after {
    background: rgba(212, 186, 136, .5);
}
.footer-menu li a:hover:after {
    background: #e63c2f;
}

/* --- Form Defaults --- */

form label {
	font-size: .85em;
	display: inline-block;
	cursor: pointer;
	transition:         all .25s ease-in-out;    
	-webkit-transition: all .25s ease-in-out;  
	-moz-transition:    all .25s ease-in-out;  
	-o-transition:      all .25s ease-in-out;  
	-ms-transition:     all .25s ease-in-out; 	
}
form p {
	font-size: .85em;
}
.gfield_description {
	font-size: .65em;
	padding: 1em 0;
}

form label:hover {
	color: var(--blue);
}
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
select,
textarea {
	background: var(--light-gray);
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: var(--red);
	font-size: 1em;
	padding: .85em;
	transition:         all .25s ease-in-out;    
	-webkit-transition: all .25s ease-in-out;  
	-moz-transition:    all .25s ease-in-out;  
	-o-transition:      all .25s ease-in-out;  
	-ms-transition:     all .25s ease-in-out; 	
}

input[type=text]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=tel]:hover,
select:hover,
textarea:hover {
    background: var(--blue);	
	color: #fff;	
	-webkit-box-shadow: .25em .25em 0 0 var(--red);
	-moz-box-shadow:    .25em .25em 0 0 var(--red);
	box-shadow:         .25em .25em 0 0 var(--red);		
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
    background: var(--light-gray);
    color: var(--blue);
	-webkit-box-shadow: .15em .15em 0 0 var(--blue);
	-moz-box-shadow:    .15em .15em 0 0 var(--blue);
	box-shadow:         .15em .15em 0 0 var(--blue);				
}

input::-moz-placeholder             { color: var(--red); }
input:-moz-placeholder              { color: var(--red); }
input::-webkit-input-placeholder    { color: var(--red); }
input:-ms-input-placeholder         { color: var(--red); }
textarea::-moz-placeholder          { color: var(--red); }
textarea:-moz-placeholder           { color: var(--red); }
textarea::-webkit-input-placeholder { color: var(--red); }
textarea:-ms-input-placeholder      { color: var(--red); }

input:hover::-moz-placeholder             { color: #fff; }
input:hover:-moz-placeholder              { color: #fff; }
input:hover::-webkit-input-placeholder    { color: #fff; }
input:hover:-ms-input-placeholder         { color: #fff; }
textarea:hover::-moz-placeholder          { color: #fff; }
textarea:hover:-moz-placeholder           { color: #fff; }
textarea:hover::-webkit-input-placeholder { color: #fff; }
textarea:hover:-ms-input-placeholder      { color: #fff; }

input:focus::-moz-placeholder             { color: var(--blue); }
input:focus:-moz-placeholder              { color: var(--blue); }
input:focus::-webkit-input-placeholder    { color: var(--blue); }
input:focus:-ms-input-placeholder         { color: var(--blue); }
textarea:focus::-moz-placeholder          { color: var(--blue); }
textarea:focus:-moz-placeholder           { color: var(--blue); }
textarea:focus::-webkit-input-placeholder { color: var(--blue); }
textarea:focus:-ms-input-placeholder      { color: var(--blue); }

.ginput_container_fileupload {
	background: var(--light-gray);
	text-align: center;
	padding: 2em;
	transition:         all .25s ease-in-out;    
	-webkit-transition: all .25s ease-in-out;  
	-moz-transition:    all .25s ease-in-out;  
	-o-transition:      all .25s ease-in-out;  
	-ms-transition:     all .25s ease-in-out; 		
}
.ginput_container_fileupload input {
	background: var(--gray);
	color: #fff;
	padding: .25em .5em;
	transition:         all .25s ease-in-out;    
	-webkit-transition: all .25s ease-in-out;  
	-moz-transition:    all .25s ease-in-out;  
	-o-transition:      all .25s ease-in-out;  
	-ms-transition:     all .25s ease-in-out; 		
}
.ginput_container_fileupload:hover input {
	background: var(--red);
}
.ginput_container_fileupload:hover {
	background: var(--gray);
	color: white;
}
#extensions_message_4_23 {
	color: var(--gray);
	font-size: .7em;
	text-align: center;
}
.hide-label .gfield_label,
.form-layer .gfield_label {
	display: none;
}
.ginput_container_radio,
.ginput_container_checkbox {
	margin-top: .75rem;
}

.gfield_checkbox li,
.gfield_radio li {
	display: table;
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 25px 1fr;
	justify-items: center;
	align-items: top;
}
.ginput_container_name {
	display: table;
	display: grid;
	grid-auto-columns: 1fr;	
	grid-template-columns: repeat(2, 1fr);
	grid-gap: .5rem;
}
.ginput_container_name span label {
	font-size: 80%;
}

.gfield_checkbox li{
	width: 100%;
}

.gfield_checkbox > *,
.gfield_radio > *,
.ginput_container_name > * {
	margin: 0;
	position: relative;
}
.gfield_checkbox label,
.gfield_radio label {
	text-align: left;
	width: 100%;	
}
.gfield_checkbox input,
.gfield_radio input {
	position: relative;
	top: .3em;
}
.ginput_container_fileupload:hover #extensions_message_4_23 {
	color: white;
}
.clear-multi {
	width: 100%;
	float: left;
	max-width: 20em;
	display: table;
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 30% 30% 40%;
	grid-gap: .5rem;
	justify-items: center;
	align-items: top;
}
.clear-multi > * {
	width: 100%;
	margin: 0;
	position: relative;
	clear: both;
}

.gform_footer {
	text-align: center;
	padding-top: 1.5em;
}

button,
.form-layer .button,
input[type=submit] {
	font-family: 'porker', sans-serif;	
	background: var(--red);
	color: #fff;
    padding: .5em 1em .2em;
	font-weight: 400;
	font-size: 1.2em;
	width: auto;
	text-transform: uppercase;
	cursor: pointer;
	transition:         all .25s ease-in-out;    
	-webkit-transition: all .25s ease-in-out;  
	-moz-transition:    all .25s ease-in-out;  
	-o-transition:      all .25s ease-in-out;  
	-ms-transition:     all .25s ease-in-out; 	
}
.form-layer button:hover,
.form-layer .button:hover,
input[type=submit]:hover {
    background: var(--dark-blue);		
	-webkit-box-shadow: .25em .25em 0 0 var(--red);
	-moz-box-shadow:    .25em .25em 0 0 var(--red);
	box-shadow:         .25em .25em 0 0 var(--red);	
    -moz-transform:     scale(1.05);
    -ms-transform:      scale(1.05);
	-webkit-transform:  scale(1.05);
    transform:          scale(1.05);	
}
.form-layer button:active,
.form-layer .button:active,
input[type=submit]:hover {
    background: var(--dark-blue);
}
/* --- Gravity Form Hacks --- */

.validation_message {
    background: var(--red);
    color: #fff;
}
.validation_message:after {
    border-top-color: var(--red);
}

.validation_error {
    background: var(--red);
}

/* --- Galleries --- */

.list article h3 span {
    background: #6ec4e9;
    background-color: rgba(26, 13, 0, .8);
}

.list article:hover h3 span {
    background: #e63c2f;
    background: rgba(249, 174, 64, .9);
    color: #6ec4e9;
}


/* --- Login Button --- */
.login a,
a.large-button {
	background: #6ec4e9;
	color: #e63c2f !important;	
}
.login a:hover,
a.large-button:hover {
	background: #e63c2f;
	color: #6ec4e9 !important;	
}



/* --- Footer --- */

footer {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    padding: 2em 2em;
    position: relative;
    overflow: hidden;
	text-align: center;	
}
footer a {
    -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
    footer {
        padding: 4em 0;
    }

    footer .footer-menu {
        padding: 1em;
        display: block;
        vertical-align: top;
    }
 
    footer .contact {
        width: 50%;
    }
}
@media only screen and (min-width:1200px) and (min-device-width: 480px) {     
	footer {
        padding: 6em 0;
    }
}

footer .logo {
	position: relative;
	left: auto;
	top: auto;
	display: inline-block;
}
footer .links  {
	padding-top: 1em;
}
footer .links .icons a {
	width: 1.75em;
	height: 1.75em;
	line-height: 1.75em;
    padding: .5em;
	font-size: 2em;
	color: var(--blue);
	border-radius: 50%;
	border: .1em solid #fff;
   -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
}
footer .links .icons a:hover {
	color: var(--red);
	border-color: var(--blue);
}
footer address {
    display: block;
	font-size: 1.1em;
    position: relative;
    margin-bottom: 1em;
}
footer .logo {
	max-width: 12em;
	margin: 4em 0 2em;
}
footer .copyright {
    font-size:  .8em;
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
}

/** Footer Nav **/

.footer-menu {
    padding: 1em 0;
	margin: 0 auto;
    text-align: center;
}
.footer-menu ul {
    list-style: none;
    margin: 0 auto;
    text-transform: uppercase;
}
.footer-menu li {
	position: relative;
}

.footer-menu li a {
    font-size: 1.1em;
    padding: .15em 0em;
    display: block;
    position: relative;
	font-family: 'porker';
}
.footer-menu li a:after {
    width: 0;
    height: .15em;
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    bottom: .3em;
    -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
    transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}
.footer-menu li a:hover:after {
    width: 100%;
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) { 
    .footer-menu {
        padding: 0;
		display: inline-block;
    }
    .footer-menu li {
		display: inline-block;
		padding: 0 .6em;
    }	
    .footer-menu li a {
        font-size: 1.1em;
		padding: .5em .3em 0;
		display: inline-block;
    }
    .footer-menu li:last-child a:after {
        width: 0em;
    }
    .footer-menu li:last-child a:hover:after {
        width: 100%;
    }
}
@media only screen and (min-width: 1000px) and (min-device-width: 480px) {     
	.footer-menu li a {
        font-size: 1.1em;
    }
}
@media only screen and (min-width: 1200px) and (min-device-width: 480px) {     
	.footer-menu li a {
        font-size: 1.3em;
    }
}
@media only screen and (min-width: 1600px) and (min-device-width: 480px) {     
	.footer-menu li a {
        font-size: 1.6em;
    }
}

.faq {
	padding: 1em 0;
	opacity: 0;
	transition:         all .4s ease-in-out;    
	-webkit-transition: all .4s ease-in-out;  
	-moz-transition:    all .4s ease-in-out;  
	-o-transition:      all .4s ease-in-out;  
	-ms-transition:     all .4s ease-in-out; 
}
.faq.reveal {
	opacity: 1;
}
.faq:first-of-type {
	padding-top: 0;
}
.faq:last-of-type {
	padding-bottom: 0;
}
.faq h3 {
	font-size: 1.1em;
	line-height: 1.2;
	margin-bottom: .6em;
	color: var(--blue);
}
.content .faq ul li {
    padding-bottom: .6em;
    font-size: 1em;
}



/* --- Contact

.content.layer h3 {
}

.content.layer form {
	margin: 2rem auto 0;
}
.content.layer input,
.content.layer textarea {
	background: transparent;
	width: 100%;  
	border: none;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size: 1rem;  
	padding: 1rem .75rem;  
	border-bottom: .3rem solid var(--blue);
	color: var(--blue);
	cursor: pointer; 
	-webkit-border-radius: 0;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;  
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; 
}	
.content.layer input:hover,
.content.layer textarea:hover {
	background: var(--blue); 	
	color: var(--white);
	-webkit-box-shadow: 0 .5rem .5rem 0 rgba(0,0,0,.1);
	-moz-box-shadow:    0 .5rem .5rem 0 rgba(0,0,0,.1);
	box-shadow:         0 .5rem .5rem 0 rgba(0,0,0,.1);	
}  
.content.layer input:focus,
.content.layer textarea:focus {
	background: var(--white); 		
	color: var(--blue); 
	border-bottom: .3rem solid var(--light-blue);	
	-webkit-box-shadow: inset 0 0 0 .1rem rgba(0,0,0,.0);
	-moz-box-shadow:    inset 0 0 0 .1rem rgba(0,0,0,.0);
	box-shadow:         inset 0 0 0 .1rem rgba(0,0,0,.0);
}  
.content.layer input:-ms-input-placeholder { 
	color: var(--blue); 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; 	
}
.content.layer input::-webkit-input-placeholder { 
	color: var(--blue); 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; 	
}
.content.layer input:hover:-ms-input-placeholder      { color: var(--white); }
.content.layer input:hover::-webkit-input-placeholder { color: var(--white); }   
.content.layer input:focus:-ms-input-placeholder      { color: var(--blue); }
.content.layer input:focus::-webkit-input-placeholder { color: var(--blue); }

.content.layer textarea:-ms-input-placeholder { 
	color: var(--blue); 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; 	
}
.content.layer textarea::-webkit-input-placeholder { 
	color: var(--blue); 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; 	
}
.content.layer textarea:hover:-ms-input-placeholder      { color: var(--white); }
.content.layer textarea:hover::-webkit-input-placeholder { color: var(--white); }   
.content.layer textarea:focus:-ms-input-placeholder      { color: var(--blue); }
.content.layer textarea:focus::-webkit-input-placeholder { color: var(--blue); }

.content.layer input[type=submit] {	
	width: auto;
	font-family: 'porker', sans-serif;	
	background: var(--red);
	color: #fff;
    padding: .5em 1em .2em;
	font-weight: 400;
	font-size: 1.2em;
} 
.content.layer input[type=submit]:hover  { 
    background: var(--dark-blue);	
	-webkit-box-shadow: .25em .25em 0 0 var(--red);
	-moz-box-shadow:    .25em .25em 0 0 var(--red);
	box-shadow:         .25em .25em 0 0 var(--red);	
    -moz-transform:     scale(1.05);
    -ms-transform:      scale(1.05);
	-webkit-transform:  scale(1.05);
    transform:          scale(1.05);		
} 
.content.layer input[type=submit]:active  { 
    background: var(--dark-blue);
} 

	
.ginput_container_name span {
	padding-bottom: .3em;		
}
.split-fields {
	padding-bottom: .3em;		
}
.gform_footer {
	text-align: right;
	padding-top: .5em;
}
@media only screen and (min-width: 740px) and (min-device-width: 480px) {
	.content.layer input[type=submit] {
		font-size: 1.1rem;
	} 	
	.ginput_container_name {
		width: 100%;
		display: table;
		display: grid;
		padding: 0;
		grid-gap: .5em;
		grid-template-columns: repeat(2, 1fr);		
	}
	.ginput_container_name span {
		margin: 0;
	}
	.split-fields {
		width: 50%;
		display: block;
		float: left;
		padding-bottom: .5em;
	}
	.split-fields.email-field {
		padding-right: .25em;
	}	
	.split-fields.phone-field {
		padding-left: .25em;
	}	
}
@media only screen and (min-width: 1000px) and (min-device-width: 480px) {
}
@media only screen and (min-width: 1200px) and (min-device-width: 480px) {
	.content.layer input,
	.content.layer textarea {
		font-size: 1.1rem;  
		padding: .8rem .85rem;  
	}	
	.content.layer input[type=submit] {
		font-size: 1.2rem;
	} 		
	.gform_footer {
		display: inline-block;
		padding-top: 0;
		position: relative;
		z-index: 100;
		float: right;
		-moz-transform:    translateY(-110%);
		-ms-transform:     translateY(-110%);
		-webkit-transform: translateY(-110%);
		transform:         translateY(-110%);		
	}	
}
@media only screen and (min-width: 1400px) and (min-device-width: 480px) {		
	.content.layer input[type=submit] {
		font-size: 1.3rem;
	} 	
}
@media only screen and (min-width: 1600px) and (min-device-width: 480px) {	
	.content.layer input[type=submit] {
		font-size: 1.4rem;
	} 	
}
--- */

.button {
	text-align: center;
}
.button a {	
	background: var(--red);
	color: #fff;
	padding: .5em .6em .2em;
	font-size: 120%;
	margin: 1em auto;
	text-transform: uppercase;
	font-family: 'porker', sans-serif;
	display: inline-block;
	transition:         all .35s ease-in-out;    
	-webkit-transition: all .35s ease-in-out;  
	-moz-transition:    all .35s ease-in-out;  
	-o-transition:      all .35s ease-in-out;  
	-ms-transition:     all .35s ease-in-out; 	
}
.button a:hover {	
	background: var(--blue);	
	-webkit-box-shadow: .25em .25em 0 0 var(--red);
	-moz-box-shadow:    .25em .25em 0 0 var(--red);
	box-shadow:         .25em .25em 0 0 var(--red);	
    -moz-transform:     scale(1.05);
    -ms-transform:      scale(1.05);
	-webkit-transform:  scale(1.05);
    transform:          scale(1.05);	
}
.embed { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; } 
.embed iframe, .embed object, .embed embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; h
	eight: 100%; 
}

.no-pad {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.no-pad .wrap {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.no-pad-bot {
	padding-bottom: 0 !important;
}
.no-pad-bot .wrap {
	padding-bottom: 1rem !important;
}

.gearbox {
	margin: 0 auto 1rem auto;
	max-width: 100%;
}