body { background: #f6f7f8; }

.wrap {
	background: #fff;
	position: relative;
}
.teal .wrap,
.blue .wrap,
.gray .wrap,
.teal .wrap {
	background-color: transparent;
}

@media only screen and (min-width: 740px) {
	.wrap {
		max-width: 1400px;
		position: relative;
	}
	.table {
		width: 100%;
		display: table;
	}
}   

/* ----------- Header ----------- */
  
header { 
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 1001;
	font-family: "GothamCondensed-Medium";
	-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;
	transition:         all .25s ease-in-out; 
} 
header.main { 
	display: none;
}

@media only screen and (min-width: 740px){	
	header.main { 
		display: block; 
	}
}
header .logo {
	display: block;
	padding: .6em; 
	-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); 
}	
header .logo:hover {
	-moz-transform:    scale(1.03);
	-ms-transform:     scale(1.03);
	-webkit-transform: scale(1.03);
	transform:         scale(1.03);
}
header .logo img,
header .logo svg { 
	width: 100%;
	display: block;
}
.logo .logo-circle { 
	-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); 
	fill: #00BCCE; 
} 
.logo .logo-text { 
	-moz-transition:    fill .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      fill .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: fill .5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         fill .5s cubic-bezier(0.75, -0.25, 0.25, 0.75); 
	fill: #707D85;
}
.logo:hover .logo-circle { fill: #00BCCE; } 
.logo:hover .logo-text { fill: #556066; }

@media only screen and (min-width: 740px)  {

	header.main .top { display: table; }
	
	header.main .branding {
		display: table-cell;
		width: 25%;
		vertical-align: middle; }
	header.main .branding a { padding: 1.5em; }
		
	header.main .utility { 
		width: 37.5%;
		display: table-cell;
		vertical-align: middle;
		font-size: 1.2em; }
	header .utility.social { 
		text-align: right; 
		padding-right: 2em; }
	header.main .utility.links { 
		text-align: left;
		padding-left: 2em; 
		text-transform: uppercase; }
}

header .utility a { 
	color: #a8a8a8;
	padding: 0 .4em;
	display: inline-block;
	-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); } 
header .utility.links a { padding: 0 .4em; }

header .utility.links a:last-of-type { color: #07bbce; }
header .utility.links a:last-of-type:hover { color: #ff7a2a; }

header .utility a:hover { 
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1); 
	color: #ff7a2a;
}
@media only screen and (min-width: 900px)  {
	header .utility.links a { padding: 0 .8em; }	
}

/* --- Menu Trigger --- */
.primary-buttons {
	display: inline-block; 
	font-size: 1em;	
	font-size: 1rem;
}

.primary-buttons .line {
	background: #e1e4e5;
	width: 1px;
	height: 1.3em;
	margin-left: .5em;
	margin-right: .8em;
	display: inline-block;
	vertical-align: middle; }
.primary-buttons .buttons { 
	padding-right: 2em;
	vertical-align: middle;
	display: inline-block; }

.primary-buttons button {
	background: transparent;
	font-size: 19px;
    width: 1em;
    height: 1.5em;	
    border: 0;
	padding: 0;
    display: inline-block;
    position: relative;
	vertical-align: middle;
    cursor: pointer;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;		
 }
 .expanded-search .primary-buttons button { color: #1e97a5; }
 .expanded-search .primary-buttons button:hover { color: #ff7a2a; }
 .expanded-search .primary-buttons button:active { color: #307c89; }

 @media only screen and (min-width: 740px){
	.primary-buttons button {
		width: 1.2em;
	    height: 1.8em;			
	}
}
	
.search-trigger {
	font-size: 1.2em;
	color: #6f7d85;
	border-right: 1px solid #cdd2d5;
}
.search-trigger:hover { color: #07bbce; }
.search-trigger:active { color: #1e97a5; }

.menu-trigger {
	top: .2em;
    background: transparent;
    margin: 0 auto;
}
.menu-trigger:hover {
}
.menu-trigger:active {
}
.menu-trigger .hamburger,
.menu-trigger .hamburger:after,
.menu-trigger .hamburger:before {
    background: #6f7d85;	
    width: 100%;
    height: 4px;
}
.menu-trigger:hover .hamburger,
.menu-trigger:hover .hamburger:after,
.menu-trigger:hover .hamburger:before {
    background: #1e97a5;
}
.menu-trigger .hamburger {
    background: rgba(111, 125, 133, 1);
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-.15em);
    -ms-transform: translateY(-.15em);
    -webkit-transform: translateY(-.15em);
    transform: translateY(-.3em);
    -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;		
}
.expanded-menu .menu-trigger .hamburger {
	background: rgba(111, 125, 133, 0); 
}

.menu-trigger .hamburger:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: .4em;
    -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-trigger .hamburger:after {
    content: "";
    position: absolute;
    left: 0;
    top: .35em;
    -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.expanded-menu .menu-trigger .hamburger:after {
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.expanded-menu .menu-trigger .hamburger:before {
    bottom: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transition:    bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition:      bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
  
.expanded-menu .menu-trigger .hamburger:after,  
.expanded-menu .menu-trigger .hamburger:before {
    background: #1e97a5;
}
  
  
.section-menu-trigger {
	background: transparent;
	height: 2em;
	padding: 0;
	display: inline-block;
	cursor: pointer;
	font-size: 1em;
	vertical-align: middle;
	margin-left: .2em;
}
 .section-menu-trigger .ellipsis {
	display: inline-block; 
	float: left;
}

@keyframes pulse_animation {
	 0% {
	   -moz-transform: scale(1.1);
	   transform: scale(1.1);
	 }
	 50% {
		background: #07bbce;
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	 }
	 100% {
	   -moz-transform: scale(1);
	   transform: scale(1);
	 }
}
 .section-menu-trigger .ellipsis span {
	background: #6f7d85;
	width: 5px;
	height: 5px;
	margin: 0 .1em;
	float: left;
	display: block;
	position: relative;
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%;	
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;	
}

 .section-menu-trigger:hover .ellipsis span {
	-webkit-animation: pulse_animation 1s linear infinite;
	-moz-animation:    pulse_animation 1s linear infinite;
	-ms-animation:     pulse_animation 1s linear infinite;
	animation:         pulse_animation 1s linear infinite;	
}

.section-menu-trigger .ellipsis span.dot2 {
    -webkit-animation-delay: .2s !important;
    animation-delay: .2s !important;
}	
.section-menu-trigger .ellipsis span.dot3 {
    -webkit-animation-delay: .2s !important;
    animation-delay: .2s !important; 
}	
.expanded-section-menu .section-menu-trigger .ellipsis span {
	background: #ff7a2a;
}

@media only screen and (min-width: 740px) { 
	.section-menu-trigger {
		margin-left: .5em;
	}
	.secfront .section-menu-trigger {
		display: none;
	}	
}
/* ------------- Fixed Header ------------- */
	
.fixed-header {
	width: 100%;
	z-index: 1000;
	opacity: 1;
    -moz-transition:    all 1.2s ease-in-out;
    -o-transition:      all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    transition:         all 1.2s ease-in-out;
}
.fixed .fixed-header {
	width: 100%;
	z-index: 999;
	opacity: 1;
    -moz-transition:    all 1.2s ease-in-out;
    -o-transition:      all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    transition:         all 1.2s ease-in-out;
}

.mobile.fixed-header {
	width: 100%;
	top: -100%;	
	opacity: 0;
	position: fixed;
}

.fixed .mobile.fixed-header {
	opacity: 1;	
	top: 0;	
}	
header.secondary .positioner {
	background: #fff;
}
.level3 header.secondary {
	border-bottom: .8em solid #07bbce;
}
header.secondary .positioner {
	position: relative;
	padding: .4em;
}
header.secondary .branding { 
	display: inline-block;
}
header.secondary .branding .logo { 
	padding: .3em;
	vertical-align: middle;
}
.interior  header.secondary .branding .logo { 
	display: none;
}
.home header.secondary .branding .logo { 
	width: 7em;
}
.interior header.secondary .branding svg { 
	display: none;
}
header.secondary .branding .mobile-mark { 
	display: inline-block;
	font-size: 1.4em;
	vertical-align: middle;		
}	
header.secondary .branding .mobile-mark a { 
	-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;
	transition:         all .25s ease-in-out; 		
}	
header.secondary .branding h1 {
	margin: 0 auto 0 .25em;
	font-size: 1.55em;
	display: inline-block;
	vertical-align: middle;
}	
header.secondary .branding h1 a {
	color: #a2aaaf;
	display: block;
	text-transform: uppercase;
	-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;
	transition:         all .25s ease-in-out; 		
}	
header.secondary .branding h1 a:hover {
	color: #07bbce;
}	
header.secondary .branding .section-title {
	text-transform: uppercase;
	font-size: 2.8em;
	color: #a2aaaf;
}
header.secondary .utility { 
	display: inline-block;
	vertical-align: middle;
	font-size: 1.1em;
	position: absolute;
	top: 50%;
	z-index: 500;
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-50%);	
}
header.secondary .utility.left { 
	text-align: left; 
	left: .7em;
}
header.secondary .utility .social { 
	display: none;
	vertical-align: middle;
	padding-left: 1em;
}
header.secondary .utility.links { 
	text-align: right;
	font-size: 1em;
	text-transform: uppercase;
	right: .3em;	
	display: none;
}
header.secondary .utility.links a { 
	color: #07bbce; 
}
header.secondary .utility.links a em { 
	display: none;
}
header.secondary .utility.links a:hover { 
	color: #ff7a2a; 
}
header.secondary .utility.links a:last-of-type {
	font-family: "GothamCondensed-Bold";
	background: #ff7a2a;
	color: #fff;
	padding: .5em .2em .4em; 
}
header.secondary .utility.links a:last-of-type:hover { 
	background: #07bbce;
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 
}
header.secondary .utility.links a:last-of-typ:active { 
	background: #1e97a5;
	-moz-transform:    scale(.95);
	-ms-transform:     scale(.95);
	-webkit-transform: scale(.95);
	transform:         scale(.95); 
}

header.secondary .primary-buttons {
	display: table-cell; 
	vertical-align: middle;
}
	
@media only screen and (min-width: 740px){	
	.interior  header.secondary .branding .logo { 
		display: inline-block;
	}
	.fixed-header {
		position: fixed;
		opacity: 0;	
		top: -100%;	
	}
	
	.fixed .fixed-header {
		opacity: 1;	
		top: 0;	
	}	
	header.secondary .branding {
		padding: .0em 0;
	}	
	header.secondary .logo { 
		width: 9em;
		display: inline-block;
	}	
	.interior header.secondary .branding svg { 
		display: inline-block;
	}	
	header.secondary .branding svg { 
		display: block;
	}
	header.secondary .branding .mobile-mark { 
		display: none;
	}		
	header.secondary .branding h1 {
		margin: 0 auto 0 .25em;
		font-size: 2.45em;
		vertical-align: middles;
	}	
	.secfront header.secondary .branding h1 {
		display: none;
	}		

	header.secondary .utility.links { 
		font-size: 1.3em;
		display: inline-block;
	}	
	header.secondary .utility.links a:last-of-type {
		padding: .4em 1.2em; 
	}	
}
@media only screen and (min-width: 1000px){	
	header.secondary .utility.links a em { 
		display: inline;
	}		
	header.secondary .utility .social { 
		display: table-cell;
	}
}


/* ------------- Primary ------------- */

.primary { 
	background: #f6f7f8;
	-webkit-transition: none;
	-moz-transition:    none;
	-o-transition:      none;
	-ms-transition:     none;
	transition:         none; 
}

.primary ul { 
  list-style: none;  
  display: inline-block;
  position: relative; 
  vertical-align: middle;
 }

.primary li { position: relative; }

.primary li a {
    text-transform: uppercase;  
    font-size: 1.6em;
    font-weight: 400;
    color: #fff;
    padding: 1.2em 1em;
	display: block;
	-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); 
}  
.primary ul > li:last-of-type a {
	font-family: "GothamCondensed-Bold";
	background: #ff7a2a;
	color: #fff; }
.primary ul > li:last-of-type:hover a { 
	background: #07bbce;
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); }
.primary ul > li:last-of-type:active a { 
	background: #1e97a5;
	-moz-transform:    scale(.95);
	-ms-transform:     scale(.95);
	-webkit-transform: scale(.95);
	transform:         scale(.95); }
	
.primary li:hover a { 
    background: #6f7d85;
    color: #fff; }    
.primary li a:active { background: #1e97a5; } 


.primary li.nav-search button:hover { color: #1e97a5; }
.primary li.nav-search button:active { color: #07bbce; }

.primary ol {
	min-width: 100%;
	width: 13em;
	font-size: 1em;	
    list-style: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 100%;
    -moz-transform:    translateX(-50%);
    -ms-transform:     translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform:         translateX(-50%);		
    -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;
    transition:         all .35s ease-in-out; }

@media only screen and (min-width: 740px){
	.primary { 
		padding: .7em;
		position: relative; 
		-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;
		transition:         all .25s ease-in-out; 
	}
		
	.primary ul { 
		background: transparent;  
		display: inline-block;
		display: relative; 
		z-index: 5; 
	}
		
	.primary ul > li { 
		padding: 0 .2em;
		display: inline-block; 
	}
	  
	.primary li a {
		font-size: 1.2em;
		color: #6f7d85; 
		display: block;
		padding: .6em 1em; 
	}
		
	.primary li:hover ol {
		visibility: visible !important;
		opacity: 1 !important; 
	}   
	
	.primary li ol a { 
		padding: .65em 1em;
		font-size: 1.2em;
		text-transform: none;
		-moz-box-shadow:    none !important;
		-webkit-box-shadow: none !important;
		box-shadow:         none !important; 
	} 		 
	.primary li ol a:hover { background: #07bbce; } 
	.primary li ol a:active { background: #1e97a5; } 			
			
}

@media only screen and (min-width: 1200px){		
	.primary li a {
		font-size: 1.6em;
		padding: .5em 1em; 
	}
	
	.primary li ol a { 
		padding: .6em 1em;
		font-size: 1.3em;
	} 		 	
}

/* ----------- Search ----------- */

header .search {
	background: #ffffff;
	border-top: 1px solid #d2d6d9;
	width: 100%;
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 0; 
    -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;
    transition:         all .35s ease-in-out;
}
	
header .search.visible {
	visibility: visible;
	opacity: 1;
	z-index: 10000; }
	
header .search form {
	width: 100%; 
	padding: .7em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
	position: relative;
}
.secondary .search form {
	padding: .35em;
}
header .search label {
	padding: .7em;
	font-size: 1em;
	color: #6f7d85; 
	text-transform: uppercase;
	cursor: pointer; }
.secondary .search label {
	padding: .5em .7em .3em;
	font-size: 1.2em; }
header .search label:hover { color: #07bbce; }
header label:hover { color: #1e97a5; }
	
.search input {
	width: 100%;
	background: #ebedee;
	padding: .7em;
	font-family:'GothamCondensed-Medium';
	font-size: 1.3em;
	color: #1e97a5; 
}
.secondary .search input {
	padding: .4em;
	font-size: 1.15em;
}
header .search input:-moz-placeholder               { opacity: 1; }
header .search input::-moz-placeholder              { opacity: 1; }
header .search input:-ms-input-placeholder          { color: #1e97a5; }
header .search input::-webkit-input-placeholder     { color: #1e97a5; }

header .search form button {
	width: 2.7em;
	height: auto;
	border-left: 1px solid #fff;
	text-align: center;
	background: #ebedee;
	padding: .7em;
	font-size: 1.3em;
	color: #6f7d85; 
}
.secondary .search form button {
	padding: .7em;
	font-size: 1em; }
	
header .search form button:hover {
	background: #07bbce;
	color: #fff; 
}
header .search .close {
	position: absolute;
	top: 50%;
	right: 1.4em; 
	color: #6f7d85;
	font-size: 1.1em;
	display: none;
	cursor: pointer;
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-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); }
header .search .close:hover { color: #07bbce; }
header .search .close:active { color: #1e97a5; }

@media only screen and (min-width: 740px) { 
	header .search {
		height: 100%;		
		top: 0;
	}
	header .search form {
		width: 60%; 
		padding: .6em;		
	}
	header .search label {
		padding: .7em;
		font-size: 1.3em; 
	}	
	header .search .close {
		display: inline-block;	
	}
}


/* ----------- Side Nav ----------- */
nav.side { 
	background: #fff;
	-moz-box-shadow:    0 0 .8em .8em rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 .8em .8em rgba(0, 0, 0, 0.1);
	box-shadow:         0 0 .8em .8em rgba(0, 0, 0, 0.1);
	width: 65%;
	height: 100%;
	min-height: 100vh;	
	position: fixed;
	left: -100%;
	top: 0;
	z-index: 100000; 
	font-family: "GothamCondensed-Medium"; 
    -webkit-transition: all .6s ease-in-out;
    -moz-transition:    all .6s ease-in-out;
    -o-transition:      all .6s ease-in-out;
    -ms-transition:     all .6s ease-in-out;
    transition:         all .6s ease-in-out; 	
}

.expanded-menu nav.side { 
	left: 0; 
}

nav.side ul li.submenu { 
	position: relative;
}

nav.side .social {
	padding: 1em 0 0 0;
	text-align: center;
}

nav.side .social a { 
	padding: .4em;
	color: #6f7d85; 
	display: inline-block;
	-moz-transition:    all .4s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-o-transition:      all .4s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	-webkit-transition: all .4s cubic-bezier(0.75, -0.25, 0.25, 0.75);
	transition:         all .4s cubic-bezier(0.75, -0.25, 0.25, 0.75); 
}  
nav.side .social a:hover { 
	color: #07bbce; 
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1);	
}
	
@media only screen and (min-width: 740px) { 
	nav.side { 
		width: 12em;
	}
	nav.side .social { 
		display: none; 
	}
	nav.side ul li.submenu:after { 
		content: ">";
		font-family: 'icons';
		color: #b1b8bc;
		font-size: 70%;
		position: absolute;
		top: 50%;
		right: 1em;
		z-index: 1000;
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform:         translateY(-50%); 	
	}	
}

nav.side li { 
	position:  relative;
}

nav.side ul li a { 
	font-size: 160%;
	color: #6f7d85; 
	padding: .6em 1em;
	display: block;
	text-transform: uppercase;
    -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;
    transition:         all .35s ease-in-out;
}
nav.side ul li:hover a { 
	background: #e9e9e9; 
	color: #536066; 
}


nav.side ol {  display: none; }

 @media only screen and (min-width: 740px){
	nav.side ol { 
		background: #fff;
		width: 15em;
		border: 1px solid #ccd1d4;	
		font-size: 80%;	
		padding: 1em;
		list-style: none;
		visibility: hidden;
		display: block;
		opacity: 0;
		position: absolute;
		left: 90%;
		top: 50%;
		z-index: 200000;
		-moz-box-shadow:    0 0 .5em .5em rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 .5em .5em rgba(0, 0, 0, 0.1);
		box-shadow:         0 0 .5em .5em rgba(0, 0, 0, 0.1);	
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform:         translateY(-50%); 
		-webkit-transition: opacity .35s ease-in-out;
		-moz-transition:    opacity .35s ease-in-out;
		-o-transition:      opacity .35s ease-in-out;
		-ms-transition:     opacity .35s ease-in-out;
		transition:         opacity .35s ease-in-out; 
	 }
	nav.side ol:after, nav.side ol:before {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	nav.side ol:after, nav.side ol:before {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	nav.side ol:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #fff;
		border-width: 15px;
		margin-top: -15px;
	}
	nav.side ol:before {
		border-color: rgba(204, 209, 212, 0);
		border-right-color: #ccd1d4;
		border-width: 15px;
		margin-top: -15px;
	}
	nav.side li:hover ol {
		visibility: visible !important;
		opacity: 1 !important; 
	}   
	nav.side li ol a { 
		background: #fff !important;
		padding: .4em .7em;
		font-size: 150%;
		text-transform: none !important;
	} 		 
	nav.side li ol a:hover { 
		background: #6f7d85 !important;
		color: #fff;
	} 
	nav.side li ol a:active { 
		background: #5e6b72 !important; 
	} 
}

/*** Layers ***/

.layer { 
	text-align: center;
	color: #6a747c;
}
.layer.white-text { color: #fff; }

.layer .wrap { padding: 3em 2em; }

.layer h2,
.layer h3 { 
	color: #6a747c;
	text-transform: uppercase;
	font-size: 190%;
	line-height: .9;
	margin-bottom: 0;
	opacity: 0;
	-moz-transform:    translateY(1rem);
	-ms-transform:     translateY(1rem);
	-webkit-transform: translateY(1rem);
	transform:         translateY(1rem); 	
    -webkit-transition-delay: .4s !important;
    transition-delay: .4s !important;		
	-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;	
}
.layer.reveal h2,
.layer.reveal h3 { 
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}	
.layer.white-text h2,
.layer.white-text h3 { 
	color: #fff; 
}

.layer a h2,
.layer h2 a,
.layer a h3,
.layer h3 a {
	color: #6a747c;
	display: inline-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); 		
}
.layer a:hover h2,
.layer h2 a:hover,
.layer a:hover h3,
.layer h3:hover a {
	color: #297280; 
}

.donate a p,
.donate a:hover p {
	color: #6a747c; 
}

.layer p { 
	display: block; 
	text-align: center;
	font-style: italic; 
	opacity: 0;
	-moz-transform:    translateY(1rem);
	-ms-transform:     translateY(1rem);
	-webkit-transform: translateY(1rem);
	transform:         translateY(1rem); 	
    -webkit-transition-delay: .8s !important;
    transition-delay: .8s !important;	
	-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;			
}
.layer.reveal p { 
	opacity: 1;
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-webkit-transform: translateY(0);
	transform:         translateY(0); 	
}

	
@media only screen and (min-width: 740px) { 
	.layer .wrap { 
		padding: 3em 2em; 
	}
	.layer h2,
	.layer h3 { 
		font-size: 240%;
	}	
	.layer p {	
		font-size: 100%; 
	}
}
@media only screen and (min-width: 900px) { 
	.layer .wrap { 
		padding: 4em 2em; 
	}
	.layer h2,
	.layer h3 { 
		font-size: 280%;
	}	
	.layer p {	
		font-size: 110%; 
	}
}
@media only screen and (min-width: 1200px) { 
	.layer .wrap { 
		padding: 5em 2em; 
	}
	.layer h2,
	.layer h3 { 
		font-size: 300%;
	}	
	.layer p {	
		font-size: 120%; 
	}
}
@media only screen and (min-width: 1400px) { 
	.layer .wrap { 
		padding: 6em 2em; 
	}
	.layer h2,
	.layer h3 { 
		font-size: 320%;
	}	
	.layer p {	
		font-size: 130%; 
	}
}


/* -------- Slide Controls -------- */

.slide-controls {
	cursor: pointer;
	font-size: 1.2em;
	position: absolute; 
	top: 50%; 
	z-index: 100;
	color: #fff;
	opacity: .4;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition:    all .2s ease-in-out;
	-o-transition:      all .2s ease-in-out;
	-ms-transition:     all .2s ease-in-out;
	transition:         all .2s ease-in-out;   
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform:         translateY(-50%); 
}  
.slide-controls:hover {
	opacity: .8;	
}
.slide-controls:hover {
	opacity: .5;	
}
.prev-slide { left: .5em; }
.next-slide { right: .5em; }

@media only screen and (min-width: 740px) {
.slide-controls { font-size: 1.4em; }
.prev-slide { left: 1em; }
.next-slide { right: 1em; }
}
/* -------- Footer -------- */

footer { 
	font-family: "GothamCondensed-Medium";
	padding: 2em; 
	text-align: center; 
	color: #6a747c;
	font-size: 1em;
}
footer a { 
	color: #6a747c;
	-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);
}
footer a:hover { color: #2c7784; }

/* --- Footer Nav --- */

footer nav { display: none; }

/* --- Footer Partners --- */

footer .partners {
	background: #e4e5e5; 
	max-width: 640px;	
	display: table;
	padding: 1em;
	text-align: left;
	font-family: 'GothamCondensed-Book';
}
footer .partners h4 {
	font-size: 140%;
	color: #6a747c;
	margin-bottom: .4em;
	text-transform: uppercase; 
	text-align: center; }
footer .partners a {
	font-family: 'GothamCondensed-Medium';	
}
footer .partners figure,
footer .partners p {
	display: block;
}
footer .partners figure {
	padding: 0 2em 1em;
}
footer .partners figure a { 
	opacity: .6; 
	display: block;
}
footer .partners figure a:hover { 
	opacity: 1; 
}
footer .partners figure img {
	width: 100%;
	height: auto !important;
	display: block;
}
	
/* --- Footer Logo/Copyright --- */
	
footer .logo { 
	display: block;
	max-width: 9em;
	padding: 2em 0 1em; }
footer .logo svg { width: 100%; }

footer .copyright {
	line-height: 1.4; 
	font-family: 'GothamCondensed-Book';
}
footer .copyright a {
	text-transform: uppercase; 
	font-family: 'GothamCondensed-Medium';		
}
footer .copyright a:hover {
	color: #ff7a2a; 
}

@media only screen and (min-width: 740px) {
	footer { 
		padding: 2em; 
		font-size: 1.1em;
	}	 
	footer nav { 
		display: block;
		text-transform: uppercase;
		margin-bottom: 2em; }
	footer nav a { 
		font-size: 120%;
		padding: 0 .5em; 
		display: inline-block; }
	footer nav a:hover { 
		-moz-transform:    scale(1.05);
		-ms-transform:     scale(1.05);
		-webkit-transform: scale(1.05);
		transform:         scale(1.05); }
	footer nav a:last-child { color: #07bbce; }
	footer nav a:last-child:hover { color: #ff7a2a; }	
	
	footer .partners figure,
	footer .partners p {
		width: 70%;
		display: table-cell; 
		vertical-align: middle;
	}
	footer .partners figure {
		width: 25%;
		padding: 0 1em 0 .5em;		
	}		
	footer .partners p {
		width: 75%;
	}	
		
	footer .logo { 
		max-width: 13em;
		padding: 3em 0; 
	}
	footer .copyright {
		font-size: 1em;
	}
}


@media only screen and (min-width: 1000px) {
	footer { 
		padding: 3em; 
	}		
	footer nav a { 
		font-size: 140%;
	}
}
@media only screen and (min-width: 1200px) {
	footer { 
		padding: 4em; 
	}		
	footer nav a { 
		font-size: 160%;
	}
}
/* -------- Escape -------- */

.escape {
	display: none !important;
}
@media only screen and (min-width: 1000px) {
	.escape {
		background: #ff7a2a; 
		width: 13em;
		height: 13em;
		cursor: pointer;
		color: #fff;
		font-size: 90%;
		display: block !important;
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 100000;
		-moz-border-radius:    50%;
		-webkit-border-radius: 50%;
		border-radius:         50%;
		-moz-transform:    translateX(1.2em) translateY(1.2em);
		-ms-transform:     translateX(1.2em) translateY(1.2em);
		-webkit-transform: translateX(1.2em) translateY(1.2em);
		transform:         translateX(1.2em) translateY(1.2em);
		-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); 	
	 }
	.escape:hover {
		background: #07bbce;
	}
	.hide-escape .escape {
		opacity: 0;
		visibility: hidden;
	}
	.escape .close {
		position: absolute;
		top: -.3em;
		left: 50%;
		opacity: .6;
		display: inline-block;
		-moz-transform:    translateX(-50%);
		-ms-transform:     translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform:         translateX(-50%);
		-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;   			
	}
	.escape .close:hover {
		opacity: 1;
		-moz-transform:    translateX(-50%) scale(1.05);
		-ms-transform:     translateX(-50%) scale(1.05);
		-webkit-transform: translateX(-50%) scale(1.05);
		transform:         translateX(-50%) scale(1.05);		
	}
	
	.escape .position {
		width: 100%; 
		padding: 1.8em;	
		text-align: center;
		line-height: .9;
		position: absolute; 	 
		left: 0;
		top: 50%; 
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform:         translateY(-50%);	
	}
	
	.escape .position h3 {
		font-family:'GothamCondensed-Medium';	
		color: #fff; 
		margin-bottom: .2em;
	}
	.escape .position h3 strong {
		display: block;
		font-size: 140%;
	}
	
	.escape p { line-height: 1.1; }
}

/* -------- Join -------- */

.join {
	background: #1e97a5;
	padding: 1.6em; 
	color: #fff;
	text-align: center;
	position: relative; 
	-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); 	
}
.join .text {
	display: table; 
}

.join.minimized {
	padding: 1em; 
}	
.join h1 {
	color: #fff;
	font-size: 1.1em; 
	line-height: .9;
	text-transform: uppercase; 
}
.join.minimized h1 {
	font-size: .9em; 
}
.join h1 strong {
	font-size: 175%;
	display: block;
	font-weight: 400;
}
.join h1 strong span {
	color: #07bbce;
	font-size: 80%;
 }
.join h3 {
	color: #fff;
	font-size: 1.8em; 
	line-height: .9;
	text-transform: uppercase; 
}	
.join h3 em {
	white-space: nowrap; 
}	 
.join h3 em span {
	color: #07bbce;
	font-size: 80%;
 } 

.join .cta {
	display: none;
	vertical-align: middle;	
	padding-left: 0;
    -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;
    transition:         all .35s ease-in-out; 		
}
.join.minimized .cta {
	display: block;
	padding-left: 1em;
}

.join .cta div {
	background: #07bbce;
	color: #fff; 
	opacity: 0;	
	text-align: center;
	font-family:'GothamCondensed-Medium';	
	text-transform: uppercase;
	padding: .5em;
	font-size: 1em;
	cursor: pointer;
	display: 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);	
}
.join.minimized .cta div {
	opacity: 1;
	display: table;
}

.join .cta div:hover {
	background: #ff7a2a;
	color: #fff; 
}
.join form {
	position: relative;
	-moz-transition:    none;
	-o-transition:      none;
	-webkit-transition: none;
	transition:         none;		
}
.join label {
	font-family:'GothamCondensed-Medium';
	padding: .7em 0 .3em;
	font-size: 1.4em;
	color: #fff; 
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap; 
	display: none;
    -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;
    transition:         all .35s ease-in-out; 
}
.join label:hover { opacity: .8; }
.join label:hover { opacity: .6; }
	
.join input {
	background: #3cacbb;
	padding: .5em;
	font-family:'GothamCondensed-Medium';
	font-size: 1em;
	color: #fff; 
	border-right: 1px solid #1e97a5;
}
.join input {
	background: #3cacbb;
	padding: 1em;
	font-family:'GothamCondensed-Medium';
	font-size: 1.1em;
	color: #fff; 
	cursor: pointer;
	border-right: 1px solid #1e97a5;
    -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;
    transition:         all .35s ease-in-out;	
}
.join input:hover {
	background: #6dbec9;
}
.join input:focus {
	background: #fff;
	color: #3cacbb; 
}
.join .field:first-of-type { width: 59%; }
.join .field:last-of-type {	width: 39%; }

.join input:-moz-placeholder               { opacity: 1; }
.join input::-moz-placeholder              { opacity: 1; }
.join input:-ms-input-placeholder          { color: #fff; }
.join input::-webkit-input-placeholder     { color: #fff; }
.join input:focus:-ms-input-placeholder          { color: #3cacbb; }
.join input:focus::-webkit-input-placeholder     { color: #3cacbb; }

.join form button {
	background: #07bbce;
	color: #fff; 
	display: table;
	font-family:'GothamCondensed-Bold';	
	height: auto;
	text-align: center;
	padding: .5em;
	font-size: 1.4em;
	margin-top: .3em;
	cursor: pointer;
	white-space: nowrap;
	-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);	
}
.join form button:hover {
	background: #ff7a2a;
	color: #fff; 
}

.join .close {
	position: absolute;
	right: .8em; 
	top: .8em;	
	color: #fff;
	font-size: .8em;
	display: inline-block;
	cursor: pointer;
	opacity: .5;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition:    all .15s ease-in-out;
    -o-transition:      all .15s ease-in-out;
    -ms-transition:     all .15s ease-in-out;
    transition:         all .15s ease-in-out;	
}
.join.minimized .close {
	opacity: 0;
	visibility: hidden !important;
}

.join .close:hover { 
	opacity: 1;
}
.join .close:active { 
	opacity: .6; 
}

@media only screen and (min-width: 740px) { 
	.join {
		padding: 2em; 
	}
	.join.minimized {
		padding: 1.5em; 
	}		
	.join h1 {
		display:  table-cell;
		font-size: 2em; 
	}	
	.join.minimized h1 {
		font-size: 1.6em; 
	}	
	.join h3 {
		font-size: 2em; 
	}	
	.join h1 strong {
		font-size: 190%;
	}	
	.join.minimized .cta {
		display: table-cell;
		padding-left: 1em;
	}	
	.join .cta div {
		font-size: 1.8em;
	}	
	.join form .flex {
		padding: .6em;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex; 
	}	
	.join label {
		font-size: 1.7em; 
		padding: .7em;	
		display: block;	
	}	
	.interior .join label {
		display: none;
	}
	.join input {
		padding: .5em;
		font-size: 1.5em; 
	}		
	.join .field:first-of-type { width: 45%; }
	.join .field:last-of-type {	width: 20%; }
	
	.interior .join .field:first-of-type { width: 53%; }
	.interior .join .field:last-of-type {	width: 27%; }
	
	.join form button {
		width: 20%;	
		font-size: 2em;	
		margin-top: 0;	
	}
	.join .close {
		right: 2.5em; 
		top: 2.5em;	
		font-size: 1.1em; 
	}	
}	
@media only screen and (min-width: 900px) { 
	.join {
		padding: 3em; 
	}
	.join.minimized {
		padding: 2em; 
	}		
	.join h1 {
		font-size: 2.3em; 
	}
	.join.minimized h1 {
		font-size: 1.8em; 
	}		
	.join h3 {
		font-size: 2.3em; 
	}	
}
@media only screen and (min-width: 1200px) {
	.join {
		padding: 4em; 
	}	
	.join.minimized {
		padding: 2.5em; 
	}	
	.join h1 {
		font-size: 2.7em; 
	}
	.join.minimized h1 {
		font-size: 2.2em; 
	}		
	.join h3 {
		font-size: 2.7em; 
	}	
	.join form .flex {
		width: 55%; 
	}
}

/* ---------- Form Error ---------- */

.errorTxt  {
	margin-top: 1em;
	text-align: center;
}
.errorTxt .error {
	background: #ff7a2a;
	color: #fff;
	text-align: center;
	font-size: .8em;
	padding: .8em;
	display:  inline-block;
	margin: .1em;
}
@media only screen and (min-width: 900px) { 
	.join .errorTxt  {
		margin-top: 0;
	}		
	.join .errorTxt .error {
		font-size: 1em;
		padding: 1em;
	}	
}
/* ---------- Blog Feed ---------- */

.blog-feed { 
	font-family:'GothamCondensed-Medium';
	display: block;
	text-transform: uppercase;
	position: relative;
}
.blog-feed .blog-post {
	display: block;
	text-align: center; 
	position: relative;
}

.blog-feed .blog-post .aspect-ratio { 
	display: block;
	max-width: 100%;
	padding-bottom: 100%;
	height: 0;  
	position: relative; 
	overflow: hidden; 
}
.blog-feed .blog-post .post-type,
.blog-feed .blog-post time { 
	font-size: 110%;
	text-align: left;
	padding: 1em;
	color: #fff;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 40;
	-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;  	
}
.blog-feed .blog-post .post-type:hover {  	
	background: #2b7482; 
}
.blog-feed .blog-post .post-type i { 
	font-size: 90%;
	margin-right: .3em;	
}

.blog-feed .blog-post .share-post { 
	font-size: 100%;
	text-align: right;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 50; 	
	padding-right: .5em;
}
.blog-feed .blog-post .share-post a { 
	font-size: 100%;
	padding: 1em .5em 1em 0;
	color: #00e7ff;
	display: inline-block;
	-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;  	
}
.blog-feed .blog-post .share-post a:hover { 
	color: #fff;
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1);		
}
.blog-feed .blog-post .share-post a .at-icon-wrapper {
	display: none !important;
}
.blog-feed .blog-post h3 { 
	width: 100%; 
	text-align: center;
	padding: 1em;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 40;
	font-size: 170%;
	-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;  	
}
.blog-feed .blog-post:hover h3 { 
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 
}
.blog-feed .blog-post h3 i { 
	display: block;
	font-size: 260%;
	margin-bottom: .1em;
}

.blog-feed .blog-post figure { 
	width: 100%; 
	height: 100%; 
	display: block;
	position: absolute; 
	left: 0; 	
	top: 0; 
	z-index: 10;
	-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;  	
}
.blog-feed .blog-post .image { 
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover;
}
.blog-feed .blog-post:hover .image { 
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); }
	
.blog-feed .blog-post .overlay { 
	opacity: .7;	
	z-index: 20;		
}
.blog-feed .blog-post:hover .overlay { 
	opacity: .5;	
}
.blog-feed .blog-post.teal,
.blog-feed .blog-post.teal .overlay { 
	background-color: #07bbce; 
}
.blog-feed .blog-post.blue,
.blog-feed .blog-post.blue .overlay { 
	background-color: #307c89; 
}
.blog-feed .blog-post.gray,
.blog-feed .blog-post.gray .overlay { 
	background-color: #6a747c; 
}
.blog-feed .blog-post.orange,
.blog-feed .blog-post.orange .overlay { 
	background-color: #ff7a2a; 
}

.sb_instagram_header,
#sbi_load {
	display: none !important;
}

@media only screen and (min-width: 740px) {
	.blog-feed .blog-post h3 { 
		font-size: 170%;
		padding: .6em;				
	}
}
@media only screen and (min-width: 900px) {
	.blog-feed .blog-post h3 { 
		font-size: 185%;
		padding: .8em;				
	}
}
@media only screen and (min-width: 1200px) {
	.blog-feed .blog-post h3 { 
		font-size: 210%;
		padding: 1em;		
	}
}

#sbi_load { padding-top: 0 !important; }


/* -------- Transition Delays

.delay1 {
    -webkit-transition-delay: .2s !important;
    transition-delay: .2s !important; }
.delay2 {
    -webkit-transition-delay: .4s !important;
    transition-delay: .4s !important; }
.delay3 {
    -webkit-transition-delay: .6s !important;
    transition-delay: .6s !important; }
.delay4 {
    -webkit-transition-delay: .8s !important;
    transition-delay: .8s !important; }
.delay5 {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important; }
.delay6 {
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important; }    
.delay7 {
    -webkit-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important; }
.delay8 {
    -webkit-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important; }
.delay9 {
    -webkit-transition-delay: 1.8s !important;
    transition-delay: 1.8s !important; }
.delay10 {
    -webkit-transition-delay: 2s !important;
    transition-delay: 2s !important; }	
.delay11 {
    -webkit-transition-delay: 2.2s !important;
    transition-delay: 2.2s !important; }	
.delay12 {
    -webkit-transition-delay: 2.4s !important;
    transition-delay: 2.4s !important; }	
.delay13 {
    -webkit-transition-delay: 2.6s !important;
    transition-delay: 2.6s !important; }	
.delay14 {
    -webkit-transition-delay: 2.8s !important;
    transition-delay: 2.8s !important; }	


.delay15 {
    -webkit-transition-delay: 3s !important;
    transition-delay: 3s !important; }	
.delay16 {
    -webkit-transition-delay: 3.2s !important;
    transition-delay: 3.2s !important; }	
.delay17 {
    -webkit-transition-delay: 3.4s !important;
    transition-delay: 3.4s !important; }	
.delay18 {
    -webkit-transition-delay: 3.6s !important;
    transition-delay: 3.6s !important; }	
.delay19 {
    -webkit-transition-delay: 3.8s !important;
    transition-delay: 3.8s !important; }
.delay20 {
    -webkit-transition-delay: 4s !important;
    transition-delay: 4s !important; }	
.delay21 {
    -webkit-transition-delay: 4.2s !important;
    transition-delay: 4.2s !important; }	
.delay22 {
    -webkit-transition-delay: 4.4s !important;
    transition-delay: 4.4s !important; }	
.delay23 {
    -webkit-transition-delay: 4.6s !important;
    transition-delay: 4.6s !important; }	
.delay24 {
    -webkit-transition-delay: 4.8s !important;
    transition-delay: 4.8s !important; }	
.delay25 {
    -webkit-transition-delay: 5s !important;
    transition-delay: 5s !important; }
.delay26 {
    -webkit-transition-delay: 5.2s !important;
    transition-delay: 5.2s !important; }	
.delay27 {
    -webkit-transition-delay: 5.4s !important;
    transition-delay: 5.4s !important; }	
.delay28 {
    -webkit-transition-delay: 5.6s !important;
    transition-delay: 5.6s !important; }	
.delay29 {
    -webkit-transition-delay: 5.8s !important;
    transition-delay: 5.8s !important; }	
.delay30 {
    -webkit-transition-delay: 6s !important;
    transition-delay: 6s !important; }

 -------- */