@media only screen and (min-width: 740px) { 
	.fixed .mobile.fixed-header {
		display: none;
	}
}

/* ---------- Hero ---------- */

.hero { 
	position: relative; 
}
.hero .slide-controls { 
	font-size: 130%;
	color: #fff;
	opacity: .6; 
}
.hero .slide-controls:hover {
	opacity: 1;
}
.slide article { 
	position: relative; 
	overflow: hidden;
	height: 100%;
}
.slide .aspect-ratio { 
	max-width: 100%;
	padding-bottom: 42.85%;
	height: 0;  
	position: relative; 
	overflow: hidden; 
}
.slide .text {
	padding: 0 2.6em 1em;
	color: #fff; 
	text-align: center;
	opacity: 0;
	z-index: 300;	
    -moz-transform:    translateY(15%);
    -ms-transform:     translateY(15%);
    -webkit-transform: translateY(15%);
    transform:         translateY(15%);
	-moz-transition:    all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .8s 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;
}
.slide.nophoto .text {
	position: absolute;	
	top: 50%; 
	-moz-transform:    translateY(-35%);
	-ms-transform:     translateY(-35%);
	-webkit-transform: translateY(-35%);
	transform:         translateY(-35%); 
}
.hero.reveal .slide.slick-current .text {
    opacity: 1;
    -moz-transform:    translateY(0%);
    -ms-transform:     translateY(0%);
    -webkit-transform: translateY(0%);
    transform:         translateY(0%);
}	
.hero.reveal .slide.nophoto.slick-current .text {
    opacity: 1;
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform:         translateY(-50%); 
}	
.slide .text h2 {
	font-size: 180%;
	line-height: .9;
	text-transform: uppercase;
	color: #fff; 
	margin-bottom: .3em;
	-moz-transition:    all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 
}
.slide .text:hover h2 {
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 
}
.slide .text .button {
	opacity: 0;
	-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;
	transition:         all .8s ease-in-out;
	-moz-transform:    scale(.9);
	-ms-transform:     scale(.9);
	-webkit-transform: scale(.9);
	transform:         scale(.9); 
}	
.slide.nophoto .text .button {
	margin-bottom: 0;
}
.reveal .slide.slick-current .text .button {
	opacity: 1;
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay:    1.4s;
    -o-transition-delay:      1.4s;
    -ms-transition-delay:     1.4s;
    transition-delay:         1.4s; 	
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-webkit-transform: scale(1);
	transform:         scale(1);
}	
.slide .text .cta {
	background: #6a747c; 
	width: 4em;
	height: 4em;
	color: #fff;
	position: relative; 	
	font-family:'GothamCondensed-Medium';
	text-transform: uppercase; 
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%;
	-moz-transition:    all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
 }
.slide .text:hover .cta {
	background: #ff7a2a; 
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1);	
 } 
 
.slide.nophoto.gray .text .cta {	
	background: #ff7a2a; 
 }
.slide.nophoto.gray a:hover .cta {
	background: #07bbce; 
 } 
.slide.nophoto.orange a:hover .cta {
	background: #fff !important; 
	color: #ff7a2a !important;  	
 } 

.slide .text .cta .position {
	width: 100%; 
	font-size: 100%;	
	padding: 0 1em;	
	line-height: .9;
	position: absolute; 
	left: 0;
	top: 50%; 
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-50%);	
}
.slide .mobile-gradient {
	width: 100%;
	height: 5em; 		
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 50;	
}

.slide figure { 
	width: 100%; 
	height: 100%; 
	display: block;
	position: absolute; 
	left: 0; 	
	top: 0; 
}
.slide .overlay { 
	opacity: .3; 
	z-index: 20;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition:    all 1s ease-in-out;
	-o-transition:      all 1s ease-in-out;
	-ms-transition:     all 1s ease-in-out;
	transition:         all 1s ease-in-out;  		
}
.slide:hover .overlay { 
	opacity: .5;	
}
.slide.teal,
.slide.teal .overlay { 
	background-color: #07bbce; 
}
.slide.teal .mobile-gradient {
	background: rgba(7,187,206,0);
	background: -moz-linear-gradient(top, rgba(7,187,206,0) 0%, rgba(7,186,206,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,187,206,0)), color-stop(100%, rgba(7,186,206,1)));
	background: -webkit-linear-gradient(top, rgba(7,187,206,0) 0%, rgba(7,186,206,1) 100%);
	background: -o-linear-gradient(top, rgba(7,187,206,0) 0%, rgba(7,186,206,1) 100%);
	background: -ms-linear-gradient(top, rgba(7,187,206,0) 0%, rgba(7,186,206,1) 100%);
	background: linear-gradient(to bottom, rgba(7,187,206,0) 0%, rgba(7,186,206,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07bbce', endColorstr='#07bace', GradientType=0 );
}

.slide.blue,
.slide.blue .overlay { 
	background-color: #307c89; 
}
.slide.blue .mobile-gradient {
	background: rgba(48,124,137,0);
	background: -moz-linear-gradient(top, rgba(48,124,137,0) 0%, rgba(48,124,137,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,124,137,0)), color-stop(100%, rgba(48,124,137,1)));
	background: -webkit-linear-gradient(top, rgba(48,124,137,0) 0%, rgba(48,124,137,1) 100%);
	background: -o-linear-gradient(top, rgba(48,124,137,0) 0%, rgba(48,124,137,1) 100%);
	background: -ms-linear-gradient(top, rgba(48,124,137,0) 0%, rgba(48,124,137,1) 100%);
	background: linear-gradient(to bottom, rgba(48,124,137,0) 0%, rgba(48,124,137,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307c89', endColorstr='#307c89', GradientType=0 );
}
.slide.gray,
.slide.gray .overlay { 
	background-color: #6a747c; 
}
.slide.gray .mobile-gradient {
	background: rgba(106,116,124,0);
	background: -moz-linear-gradient(top, rgba(106,116,124,0) 0%, rgba(106,116,124,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,116,124,0)), color-stop(100%, rgba(106,116,124,1)));
	background: -webkit-linear-gradient(top, rgba(106,116,124,0) 0%, rgba(106,116,124,1) 100%);
	background: -o-linear-gradient(top, rgba(106,116,124,0) 0%, rgba(106,116,124,1) 100%);
	background: -ms-linear-gradient(top, rgba(106,116,124,0) 0%, rgba(106,116,124,1) 100%);
	background: linear-gradient(to bottom, rgba(106,116,124,0) 0%, rgba(106,116,124,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a747c', endColorstr='#6a747c', GradientType=0 );
}
.slide.orange,
.slide.orange .overlay { 
	background-color: #ff7a2a; 
}
.slide.orange .mobile-gradient {
	background: rgba(255,124,42,0);
	background: -moz-linear-gradient(top, rgba(255,124,42,0) 0%, rgba(255,124,42,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,124,42,0)), color-stop(100%, rgba(255,124,42,1)));
	background: -webkit-linear-gradient(top, rgba(255,124,42,0) 0%, rgba(255,124,42,1) 100%);
	background: -o-linear-gradient(top, rgba(255,124,42,0) 0%, rgba(255,124,42,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,124,42,0) 0%, rgba(255,124,42,1) 100%);
	background: linear-gradient(to bottom, rgba(255,124,42,0) 0%, rgba(255,124,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c2a', endColorstr='#ff7c2a', GradientType=0 );
}
.slide .image { 
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;  	
	z-index: 10;
	opacity: 0;
    -webkit-transition-delay: .3s;
    -moz-transition-delay:    .3s;
    -o-transition-delay:      .3s;
    -ms-transition-delay:     .3s;
    transition-delay:         .3s; 	
	-moz-transition:    all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75); 
}
.reveal .slide.slick-current .image { 
	opacity: 1; 
}
.slide .image.hover { 
	-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: 1000px) {
	.hero .slide-controls { 
		font-size: 180%;
	}	
	.slide .text {
		width: 50%; 		
		position: absolute;
		top: 50%; 
		padding: 0;		
	}	
	
	.slide.center .text,
	.slide.noimage .text { 	
		left: 50%;
		-moz-transform:    translateX(-50%) translateY(-30%);
		-ms-transform:     translateX(-50%) translateY(-30%);
		-webkit-transform: translateX(-50%) translateY(-30%);
		transform:         translateX(-50%) translateY(-30%);
	 }	
	.hero.reveal .slide.center .text,
	.hero.reveal .slide.noimage .text { 
		-moz-transform:    translateX(-50%) translateY(-50%);
		-ms-transform:     translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform:         translateX(-50%) translateY(-50%);
	 }
	 
	.slide.left .text,
	.slide.right .text {
		-moz-transform:    translateX(0%) translateY(-30%);
		-ms-transform:     translateX(0%) translateY(-30%);
		-webkit-transform: translateX(0%) translateY(-30%);
		transform:         translateX(0%) translateY(-30%); 
	}	 
	.hero.reveal .slide.left .text,
	.hero.reveal .slide.right .text {
		-moz-transform:    translateX(0%) translateY(-50%);
		-ms-transform:     translateX(0%) translateY(-50%);
		-webkit-transform: translateX(0%) translateY(-50%);
		transform:         translateX(0%) translateY(-50%); 
	}	 
	.slide.left .text { 
		left: 6em;
	}
	.slide.right .text { 
		right: 6em;
	}
	
	.slide .text h2 {
		font-size: 250%;
	}
	.slide .text .cta {
		width: 5em;
		height: 5em;
	 }
	.slide .text .cta .position {
		font-size: 140%;	
	}
	.slide .mobile-gradient {
		display: none; 
	}
}
@media only screen and (min-width: 1200px) {
	.slide .text {
		width: 33%; 
		padding: 0;		
	}	
	.slide .text h2 {
		font-size: 300%;
	}
	.slide .text .cta {
		width: 6em;
		height: 6em;
	 }
	.slide .text .cta .position {
		font-size: 145%;	
	}
}

/* --- Facts --- */

.facts {
}

.facts article {
	width: 49%;
	display: inline-block; 
	opacity: 0;
	padding: 1em;	
	vertical-align: text-top;	
	-moz-transform:    translateY(1em);
	-ms-transform:     translateY(1em);
	-webkit-transform: translateY(1em);
	transform:         translateY(1em); 	
	-moz-transition:    all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}
.facts article:nth-child(1) {
    -webkit-transition-delay: .8s !important;
    transition-delay: .8s !important; }
.facts article:nth-child(2) {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important; }
.facts article:nth-child(3) {
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important; }
.facts article:nth-child(4) {
    -webkit-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important; }

.facts.reveal article {
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}
.facts .table { 
	width: auto; 
	display: table;
	margin: 1em auto;
}
.facts article p {
	font-size: auto !important;
	margin: 0 auto;
	font-style: normal;
}
.facts article i {
	display: block;
	font-size: 500%;
	margin-bottom: .1em;
	color: #07bbce;
	text-transform: none; 
	-moz-transition:    all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}
.facts article a:hover i {
	color: #ff7a2a; 
}
.facts article h3 {
	font-size: 1em;
	line-height: 1;
	color: #6a747c;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	text-transform: none;
}
.facts article strong {
	color: #2c7784;
	font-size: 140%;
	font-family:'GothamCondensed-Medium';			
	display: block;
	margin: .15em 0 .1em;
	text-transform: uppercase;
}

.facts .button {
	opacity: 0;
	-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;
	transition:         all .8s ease-in-out;
	-moz-transform:    scale(.9);
	-ms-transform:     scale(.9);
	-webkit-transform: scale(.9);
	transform:         scale(.9); 
}	
.facts.reveal .button {
	opacity: 1;
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay:    1.4s;
    -o-transition-delay:      1.4s;
    -ms-transition-delay:     1.4s;
    transition-delay:         1.4s; 	
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-webkit-transform: scale(1);
	transform:         scale(1);
}	
.facts .button .cta {
	background: #07bbce;
	width: 11em;
	height: 11em;
	font-size: .8em;
	color: #fff;
	position: relative; 	
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%;
	-moz-transition:    all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
 }
.facts .button .cta p {
	line-height: auto !important;
}
.facts .button .cta strong {
	color: #fff; 
	font-size: 1.6em;
	line-height: .9;
	display: block;
	text-transform: uppercase;
	font-family:'GothamCondensed-Medium';	
}
.facts .button:hover .cta {
	background: #ff7a2a; 
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1);	
 } 
.facts .button .cta .position {
	width: 100%; 
	font-size: 100%;	
	padding: 0 1em;	
	line-height: .9;
	position: absolute; 
	left: 0;
	top: 50%; 
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-50%);	
}
@media only screen and (min-width: 740px) {
	.facts .table { 
		width: 100%; 
		display: table;
		margin: 2em auto;
	}			
	.facts article {
		width: 25%;
		display: table-cell; 
		vertical-align: top;		
	}
	.facts article {
		padding: 2em;		
	}	
	.facts article i {
		font-size: 400%;
	}
}
@media only screen and (min-width: 900px) {
	.facts article {
	}	
	.facts article i {
		font-size: 500%;
	}
}
@media only screen and (min-width: 1200px) {
	.facts .table {
		width: 90%;
	}	
	.facts article {
		padding: 2em 3em;		
	}		
	.facts article {
		width: 28%;	
	}	
	.facts article:last-child {
		width: 16%;	
	}		
	.facts article i {
		font-size: 600%;
	}
}
@media only screen and (min-width: 1400px) {
	.facts .table {
		width: 85%;
	}	
}

/* --- Affiliate Hero --- */

.affiliate-hero.reveal .slide .image { 
	opacity: 1; 
}

.affiliate-hero .slide .text-bubble { 
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0; 
	z-index: 100;
	font-family:'GothamCondensed-Medium';
	-moz-transition:    all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .8s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
}
.affiliate-hero .slide.left .text-bubble { 
	left: 0;
	opacity: 0;
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform:         translateX(-50%); 	
}
.affiliate-hero.reveal  .slide.left .text-bubble { 
	left: 0;
}
.affiliate-hero .slide.right .text-bubble { 
	right: 0;
}
.affiliate-hero.reveal  .slide.right .text-bubble { 
	right: 0;
}

.affiliate-hero.reveal .slide .text-bubble { 
	opacity: 1;
	-moz-transform:    translateX(0%);
	-ms-transform:     translateX(0%);
	-webkit-transform: translateX(0%);
	transform:         translateX(0%); 	
}

.affiliate-hero .text-bubble .circle { 
	background: #327f8b;
	padding: 2em;
	width: 20em;
	height: 20em;
	opacity: 1; 
	position: absolute;
	top: 50%;
	z-index: 100;
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%;	
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-50%);	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition:    all .5s ease-in-out;
	-o-transition:      all .5s ease-in-out;
	-ms-transition:     all .5s ease-in-out;
	transition:         all .5s ease-in-out;  		
}

.affiliate-hero .slide.left .circle { 
	right: 0; 
}
.affiliate-hero .slide.right .circle { 
	left: 0; 
}

.affiliate-hero .slide h3 {
	width: 100%;
	font-size: 1.8em;
	line-height: .9;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 300;	
	text-align: center;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-50%); 
}
.affiliate-hero .slide.left h3 {
	padding: 0 2rem 1rem 1rem;
}
.affiliate-hero .slide.right h3 {
	padding: 0 1rem 1rem 2rem;
}
.affiliate-hero .slide h3 a {	
	color: #fff; 
	display: inline-block;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition:    all .5s ease-in-out;
	-o-transition:      all .5s ease-in-out;
	-ms-transition:     all .5s ease-in-out;
	transition:         all .5s ease-in-out; 
}
.affiliate-hero .slide h3 a:hover {
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 
}	
.affiliate-hero .slide h3 i {
	font-size: 150%;
	display: block; 
	color: #0fadbf;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition:    all .5s ease-in-out;
	-o-transition:      all .5s ease-in-out;
	-ms-transition:     all .5s ease-in-out;
	transition:         all .5s ease-in-out; 	
}
.affiliate-hero .slide h3 a:hover i {
	color: #fff;
}

.affiliate-hero .slide .affiliate-link {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;	
	display: none;	
	text-align: center;
	font-size: 2em;	
	color: #fff;	
	text-transform: uppercase;
	-moz-transition:    all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}
.affiliate-hero .slide.left .affiliate-link {
	padding: 1em 4rem 1em 1em;
}
.affiliate-hero .slide.right .affiliate-link {
	padding: 1em 1em 1em 4rem;
}
.affiliate-hero .slide .affiliate-link em {
	display: block;
	font-size: 70%;
	color: #2fdcef;
	-moz-transition:    all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
}

.affiliate-hero .slide .affiliate-link:hover {
	color: #2fdcef;
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 
}
.affiliate-hero .slide .affiliate-link:hover em {
	color: #fff;
}

.affiliate-hero .slide .image-title {
	padding: 1em;
	position: absolute;
	right: 0;
	bottom: 0; 
	z-index: 300;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	display: none;
}
.affiliate-hero .slide .image-title strong {
	font-family:'GothamCondensed-Medium';
	text-transform: uppercase; 
}

.affiliate-hero .slide .image-title em {
	display: block;
	font-style: italic;
	font-size: 50%;
}
@media only screen and (min-width: 500px) {
	.affiliate-hero .text-bubble .circle { 
		padding: 2em;
		width: 30em;
		height: 30em;
	}
	.affiliate-hero .slide h3 {
		font-size: 1.8em;	
	}
	.affiliate-hero .slide.left h3 {
		padding: 0 2.3rem 1rem 1rem;
	}
	.affiliate-hero .slide.right h3 {
		padding: 0 1rem 1rem 2.3rem;
	}	
	.affiliate-hero .slide h3 i {
		font-size: 180%;
	}
}	
@media only screen and (min-width: 740px) {
	.affiliate-hero .text-bubble .circle { 
		padding: 2em;
		width: 40em;
		height: 40em;
	}
	.affiliate-hero .slide h3 {
		font-size: 2.2em;	
	}
	.affiliate-hero .slide.left h3 {
		padding: 0 4rem 1rem 1rem;
	}
	.affiliate-hero .slide.right h3 {
		padding: 0 1rem 1rem 4rem;
	}	
	.affiliate-hero .slide h3 i {
		font-size: 200%;
	}
	.affiliate-hero .slide .affiliate-link {	
		font-size: 1.4em;	
		display: inline-block;			
	}	
	.affiliate-hero .slide .image-title {
		display: inline-block;
	}	
}
@media only screen and (min-width: 900px) {
	.affiliate-hero .text-bubble .circle { 
		padding: 2em;
		width: 50em;
		height: 50em;
	}
	.affiliate-hero .slide h3 {
		font-size: 3.2em;	
	}
	.affiliate-hero .slide.left h3 {
		padding: 0 3rem 1rem 1rem;
	}
	.affiliate-hero .slide.right h3 {
		padding: 0 1rem 1rem 3rem;
	}	
	.affiliate-hero .slide h3 i {
		font-size: 180%;
	}	
	.affiliate-hero .slide .affiliate-link {	
		font-size: 1.7em;	
	}	
	.affiliate-hero .slide .image-title {
		font-size: 2em;
	}
}
@media only screen and (min-width: 1200px) {
	.affiliate-hero .text-bubble .circle { 
		padding: 2em;
		width: 60em;
		height: 60em;
	}
	.affiliate-hero .slide h3 {
		font-size: 4em;	
	}
	.affiliate-hero .slide.left h3 {
		padding: 0 4rem 1rem 1rem;
	}
	.affiliate-hero .slide.right h3 {
		padding: 0 1rem 1rem 4rem;
	}	
	.affiliate-hero .slide h3 i {
		font-size: 200%;
	}	
	.affiliate-hero .slide .affiliate-link {	
		font-size: 2em;	
	}	
	.affiliate-hero .slide .image-title {
		font-size: 3em;
	}
}
/* ---------- Donate ---------- */

.donate { }

.donate .table {
	width: auto;
}

.donate .title {
	display: block; 
	padding-bottom: 1em;
}
	
.donate .amounts {
	display: block;
	vertical-align: middle;
	opacity: 0;
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important; 	
	-moz-transform:    translateY(1em);
	-ms-transform:     translateY(1em);
	-webkit-transform: translateY(1em);
	transform:         translateY(1em); 	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition:    all 1s ease-in-out;
	-o-transition:      all 1s ease-in-out;
	-ms-transition:     all 1s ease-in-out;
	transition:         all 1s ease-in-out;	
}
.donate.reveal .amounts {
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}
.donate .amounts a {
	background: #ff7a2a; 
	width: 4em;
	height: 4em;
	margin: 0 .2em;
	display: inline-block;
	color: #fff;
	position: relative; 	
	font-family:'GothamCondensed-Medium';
	text-transform: uppercase; 
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%;
	-moz-transition:    all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
 }
.donate .amounts a:hover {
	background: #07bbce; 
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 	
 } 
 .donate .amounts a:active {
	background: #1e97a5; 
	-moz-transform:    scale(1.01);
	-ms-transform:     scale(1.01);
	-webkit-transform: scale(1.01);
	transform:         scale(1.01); 
 } 
 .donate .amounts a .position {
	width: 100%;
	display: block;
	font-size: 140%;
	position: absolute; 
	text-align: center;	 
	left: 0;
	top: 50%; 
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform:         translateY(-50%);	
}
@media only screen and (min-width: 740px) {
	.donate .table {
		width: auto;
	}
	.donate .title {
		display: table-cell; 
		padding-right: 1em;
		vertical-align: middle;
	}
	.donate .amounts {
		display: table-cell;
		vertical-align: middle;
	}

	.donate .amounts a {
		width: 5em;
		height: 5em;
		margin: 0 .2em;
	 }	
	 .donate .amounts a .position {
		font-size: 200%;
	 }
}

@media only screen and (min-width: 1000px) {
	.donate .title {
		padding-right: 2em;
	}	
	.donate .amounts a {
		margin: 0 .4em;
	 }	
}

/* ---------- Action ---------- */

.action {}

.action.teal { 
	background-color: #07bbce;
}
.action.blue { 
	background-color: #307c89; 
}
.action.gray { 
	background-color: #6a747c; 
}
.action.orange  { 
	background-color: #ff7a2a; 
}

.action .table { 
	display: table;
}
.action article {
	width: 33.33%;
	display: table-cell; 
	opacity: 0;
	-moz-transform:    translateY(1em);
	-ms-transform:     translateY(1em);
	-webkit-transform: translateY(1em);
	transform:         translateY(1em); 	
	-moz-transition:    all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}
.action article:nth-child(1) {
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important; }
.action article:nth-child(2) {
    -webkit-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important; }
.action article:nth-child(3) {
    -webkit-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important; }
	
.action.reveal article {
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}
	
.action article a {
	font-family:'GothamCondensed-Medium';		
	text-transform: uppercase;	
	color: #6a747c; 
	font-size: 130%;
	padding: 1em;
	display: block;
	-moz-transition:    all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
}
.action.teal,
.action.blue,
.action.gray,
.action.teal,
.action.blue h2,
.action.gray h2,
.action.orange h2,
.action.teal article a,
.action.blue article a,
.action.gray article a,
.action.orange article a,
.action.teal article a:hover i,
.action.blue article a:hover i,
.action.gray article a:hover i,
.action.orange article a:hover i { 
	color: #fff; 
}


.action article a:hover {
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1); 
}
.action article i {
	display: block;
	font-size: 260%;
	text-transform: none; 
	-moz-transition:    all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}
.action article a:hover i {
	color: #ff7a2a; 
}

@media only screen and (min-width: 740px) {
	.action .table { 
		width: auto; 
	}	
	.action article {
		width: auto;
		display: table-cell; 
	}
	.action article a {
		font-size: 200%;
		padding: 1em 2em;		
	}	
	.action article i {
		font-size: 300%;
	}
}
@media only screen and (min-width: 900px) {
	.action article a {
		font-size: 200%;
	}	
	.action article i {
		font-size: 400%;
	}
}
@media only screen and (min-width: 1200px) {
	.action article a {
		font-size: 200%;
	}	
	.action article i {
		font-size: 500%;
	}
}
/* ---------- Affiliates ---------- */

.affiliates {
	/* -- background: #0faec0 url(../img/affiliates-bg.jpg) no-repeat center top; -- */
	text-align: center;
	color: #fff;
	padding: 3em 2em;
}

.affiliates.white { 
	background-color: #fff;
	color: #6a747c;
}
.affiliates.teal { 
	background-color: #07bbce;
}
.affiliates.blue { 
	background-color: #307c89; 
}
.affiliates.gray { 
	background-color: #6a747c; 
}
.affiliates.orange  { 
	background-color: #ff7a2a; 
}
.affiliates.textured {
	background: url(../img/intro-background-blue.jpg) no-repeat center top;
	-webkit-background-size: cover !important;
	-moz-background-size:    cover !important;
	-o-background-size:      cover !important;
	background-size:         cover !important;	
}
.affiliates.teal.textured { 
	background: url(../img/intro-background-teal.jpg) no-repeat center top;
}
.affiliates.blue.textured { 
	background: url(../img/intro-background-blue.jpg) no-repeat center top;
}
.affiliates.gray.textured { 
	background: url(../img/intro-background-gray.jpg) no-repeat center top;
}
.affiliates.orange.textured { 
	background: url(../img/intro-background-orange.jpg) no-repeat center top;
}


.affiliates .list { 
	margin-top: 1em; 
}
.affiliates .affiliate {
	width: 49%;
	font-family:'GothamCondensed-Medium';		
	display: inline-block;
	vertical-align: text-top;
	text-transform: uppercase;
	opacity: 0;
	-moz-transform:    translateY(1em);
	-ms-transform:     translateY(1em);
	-webkit-transform: translateY(1em);
	transform:         translateY(1em); 	
	-moz-transition:    all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .6s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}
.affiliates.reveal .affiliate {
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}
.affiliates .affiliate strong { 
	display: block;
	font-size: 140%; 
	line-height: .9;
	margin-bottom: .15em;
}
.affiliates .affiliate a {
	padding: .75em;	
	color: #fff;
	display: block;
	-moz-transition:    all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .3s cubic-bezier(0.75, -0.25, 0.25, 0.75); 		
}	
.affiliates.white h3 {
	color: #6a747c;
}
.affiliates.white .affiliate a {
	color: #307c89;
}
.affiliates .affiliate a:hover {
	background: #297280;
	-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: 500px) {
	.affiliates {
		padding: 5em 3em;
	}
	.affiliates .list { 
		margin-top: 3em; 
	}	
	.affiliates .affiliate {
		width: 32%;
		font-size: 120%;
	}	
	.affiliates .affiliate strong { 
		font-size: 140%; 
		margin-bottom: .15em;
	}
	
	.affiliates .affiliate a {
		padding: 1em;		
	}	
}
@media only screen and (min-width: 740px) {
	.affiliates .affiliate {
		width: 24%;
	}	
}
@media only screen and (min-width: 900px) {
	.affiliates .affiliate {
		width: 19%;
		font-size: 120%; 
	}	
}
@media only screen and (min-width: 1000px) {
	.affiliates .affiliate {
		width: 12%;
	}	
}
@media only screen and (min-width: 1200px) {
	.affiliates .affiliate {
		font-size: 120%;
	}	
}


/* ---- Shop ---- */

.shop {
	text-align: center;
}

.shop .products {
	display: block;
	vertical-align: middle;
	opacity: 0;
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important; 	
	-moz-transform:    translateY(1em);
	-ms-transform:     translateY(1em);
	-webkit-transform: translateY(1em);
	transform:         translateY(1em); 	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition:    all .7s ease-in-out;
	-o-transition:      all .7s ease-in-out;
	-ms-transition:     all .7s ease-in-out;
	transition:         all .7s ease-in-out;	
}
.shop.reveal .products {
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}

.shop article { 
	padding: 2em;
	display: inline-block;
	vertical-align: text-top;
	width: 49%;
}
.shop figure { 
	background-position: center center;
	max-width: 100%;
	padding-bottom: 100%;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;	
	-moz-box-shadow:    inset 0 0 0 2px #f6f7f8;
	-webkit-box-shadow: inset 0 0 0 2px #f6f7f8;
	box-shadow:         inset 0 0 0 2px #f6f7f8; 	
	height: 0;  
	display: block;
	margin-bottom: .5em;
	position: relative; 
	overflow: hidden; 
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%;	
	-moz-transition:    all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 	
}
.shop a:hover figure { 
	-moz-box-shadow:    inset 0 0 0 3px #ff7a2a;
	-webkit-box-shadow: inset 0 0 0 3px #ff7a2a;
	box-shadow:         inset 0 0 0 3px #ff7a2a; 		
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 	
}
.shop figure .aspect-ratio { 
	width: 100%; 
	height: 100%; 
	display: block;
	position: absolute; 
	left: 0; 	
	top: 0; 
}
.shop h3 {
	text-transform: uppercase;
	font-size: 120%;
	-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;
	transition:         all .4s ease-in-out;	
}
.shop a:hover h3 {
	color: #ff7a2a;
}
.shop h3 strong {
	display: block;
	font-size: 200%;
}
@media only screen and (min-width: 740px){	
}
@media only screen and (min-width: 1000px){
	.shop .products {
		width: 100%;
		display: table;
	}
	.shop .products article {
		display: table-cell;
		width: 25%;
	}
}
@media only screen and (min-width: 1200px){
	.shop .products {
		width: 85%;
	}
}
@media only screen and (min-width: 1400px){
	.shop .products {
		width: 75%;
	}
}