/* @group GENERAL STYLES */

* {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing: border-box;
}

:focus, :active {  
    outline: 0;  
} 

html, body {

	position: relative;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: "Lato",Arial,Helvetica,sans-serif;	
	/*font-family: Arial, sans-serif;	*/
	margin-bottom: 25px;
	font-size: 17px;
	line-height: 30px;
	color: #666666;
	font-weight:normal;
	
	border: none;
	
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none; 
	/*-webkit-backface-visibility: hidden;*/  /* glitches web fonts in iOS */
	
	min-width: 1100px;
	min-height: 1300px;

}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	
	font-weight: 700;
	font-size: 60px;
	color: #565656;
	line-height: 62px;
	margin-bottom: 10px;
}

h2 {
	font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;	
	font-weight: 700;
	font-size: 40px;
	color: #565656;
	line-height: 42px;
	margin-bottom: 10px;
}

h3 {
	font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;	
	font-weight: 700;
	font-size: 28px;
	color: #2d9898;
	line-height: 32px;
	margin-bottom: 10px;
}

h4 {
	font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;	
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #565656;
	margin-bottom: 5px;	
}

h5 {
	margin: 0;
	font-family: "Lato", Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #565656;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}



ul {
	margin-left: 15px;
	margin-bottom: 25px;
}

ol {
	margin-left: 20px;
	margin-bottom: 25px;
}

	ul li {
		list-style: outside disc;
		padding: 0px 0 0px 0;
	}
	
	ol li {
		list-style: outside decimal;
		padding: 0px 0 0px 0;
	}
	

img {
	border: 0;
	margin: 0;
	padding: 0;
}

p.intro, 
-header p, p span.intro {
	margin: 0;
	font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	
	font-weight: 700;
	font-size: 26px;
	color: #2d9898;
	line-height: 32px;
	margin-bottom: 25px;
}

p {
	margin: 0;
	font-family: "Lato", Arial, Helvetica, sans-serif;	
	/*font-family: Arial, sans-serif;	*/
	font-size: 17px;
	color: #565656;
	line-height: 30px;
	margin-bottom: 25px;
}
p.large{
	font-size: 18px;
	line-height: 24px;
}
p.small{
	font-size: 12px;
	line-height: 18px;
}
.bold{
	font-weight: bold;
}
.upper{
	text-transform: uppercase;
}
.quote{
	font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 40px;
	color: #2d9898;
	display: block;
	border-left: 5px solid #eeb51d;
	padding-left: 16px;
}
blockquote{
	font-size: 45px;
	line-height: 50px;
	font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	color: #2d9898;
	border-left: 5px solid #eeb51d;
	padding-left: 30px;
	margin: 35px 0px;
}
.quote.marks{
	text-indent: -12px;
	padding-left: 25px;
}
blockquote.marks, blockquote span.marks{
	text-indent: -15px;
	padding-left: 25px;
}

blockquote span.mainnav::before {
    content: "�"
}
blockquote span.mainnav::after {
    content: "�"
}


hr {
	padding: 0px;
	margin: 0px;
	height: 0px;
	border: none;
	border-bottom: 1px solid #eadfcb;
	line-height: 0px;
	font-size: 0px;
	color: #eadfcb;
}
hr.thick{
	border-bottom: 2px solid #eadfcb;
}

.m-divider {
	display: none;
	padding: 0px;
	margin: 0px;
	height: 0px;
	border: none;
	border-bottom: 1px solid #999999;
	line-height: 0px;
	font-size: 0px;
	color: #999999;
	
	
	width:85%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

table {
	border-collapse: collapse;	
}

th {
	text-align: left;
	padding: 10px;	
}

td {
	padding: 10px;	
}

.zebra tr:nth-child(even) {
	background: #f3ede2;	
}

	.listing {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.listing strong a {
		color: #2d9898;
	}
	
	.listing th, .listing th a {
		color: #565656;
	}

	.listing td {
		vertical-align: middle;	
		padding: 10px;
	}
	
	.listing td img {
		vertical-align: middle;	
		display: inline-block;
		max-width: 50px;
		max-height: 100px;	
	}
	
	.listing td .sort-dot {
		margin-right: 5px;
	}


a:link, a:visited, a:active {
	color: #d85252;
	text-decoration: none;
}

a:hover {
	color: #eeb51d;
	text-decoration: none;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
a.disabled{
	pointer-events: none; 
	cursor: default; 
	color: #878787;
}
sup, sub {
	line-height: 0px;
	font-size: 80%;
	*line-height: 5px;
	*vertical-align: top;	
}

.clear {
	clear: both;
	height: 1px;
	
	/* IE HACK */
	font-size: 0px;
	line-height: 0px;
	
	_display: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.inside {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.footnote {
	font-size: 12px;
	font-style: italic;
	color: #999999 !important;	
	line-height: 18px !important;	
	padding-top: 20px !important;	
	border-top: 1px solid #cccccc;
	margin-bottom: 10px;
}
.breadcrumb{
	font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin: 20px 0px -20px 0px;
	color: #2d9898;
}
.breadcrumb a{
	color: #2d9898;
}
.breadcrumb a:hover{
	color: #d85252;
}

.date {
}

.red {
	color: #d85252 !important;	
}
.teal{
	color: 2d9898;
}
.gray{
	color: #565656;
}

.button, a.button, .button.small, a.button.small {
	display: inline-block;
	
	font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 10px 30px;
	text-align: center;
	text-transform: uppercase;
	background: #2d9898;
	
	border: none;
	outline:none;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


	.button:hover, a.button:hover, .button.small:hover, a.button.small:hover, .angled.yellow:hover {
		color: #ffffff;
		background: #d85252;
		text-decoration: none;
		cursor: pointer;
	}
	
.button.small, a.button.small {
		font-size: 20px;
		padding: 0 10px 0 10px;
		line-height: 30px;	
	}
.angled{
	-ms-transform: skewX(-18deg); /* IE 9 */
	    -webkit-transform: skewX(-18deg); /* Safari */
	transform: skew(-18deg);
}
.angled .button{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 13px 80px;
	color: #fff;
}
.angled .button.small{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 5px 34px;
}
.button.yellow{
	color: #484848;
	background-color: #eeb51d;
}
.button.yellow.small{
	color: #484848;
	background-color: #eeb51d;
}
.angled div{
	-ms-transform: skewX(18deg); /* IE 9 */
	    -webkit-transform: skewX(18deg); /* Safari */
	transform: skew(18deg);
	display: block;
}	

	
.addthis_button,
.addthis_button_twitter,
.addthis_button_tweet,
.addthis_button_facebook,
.addthis_button_fblike,
.addthis_button_pinterest,
.addthis_button_pinit {
	filter: none !important;
	opacity: 1 !important;	
}
	
	
@media (max-width: 720px) {
	
	html, body {
		min-height: 0;
		min-width: 0;
	}
	
	.inside {
		width: 90%;	
	}
	
	h1 {
		font-size: 42px;
		line-height: 44px;
		margin-bottom: 20px;
	}
	
	h2 {	
		font-size: 32px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	
	h3 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	
	h4 {
		font-size: 18px;
		line-height: 22px;
	}
	
	p.intro, #home-header p {
		font-size: 20px;
		line-height: 26px;	
	}
	
	p {
		font-size: 14px;
		line-height: 20px;	
	}
	blockquote{
		font-size: 30px;
		line-height: 38px;
	}
	blockquote.marks{
		text-indent: -12px;
		padding-left: 22px;
	}
	
	.listing {
		width: 100%;
	}
	
		.books th:nth-child(3), .books th:nth-child(4), .books td:nth-child(3), .books td:nth-child(4) {
			display: none;
		}
		
		.organizations th:nth-child(3), .organizations th:nth-child(2), .organizations td:nth-child(3), .organizations td:nth-child(2) {
			display: none;
		}
		
		.coalition th:nth-child(3), .coalition th:nth-child(4), .coalition td:nth-child(3), .coalition td:nth-child(4) {
			display: none;
		}

	.listing td {
		vertical-align: middle;	
		padding: 10px;
	}
	
	.listing td img {
		vertical-align: middle;	
		display: inline-block;
		max-width: 50px;
		max-height: 100px;	
	}
	
	.m-divider {
		display: block;
	}
	
	.footnote {
		width: 100%;
		margin: 0 auto;
	}
	
		.footnote li {
			margin-left: 15px;
		}
		
}

/* @end */
/* @group STRUCTURE */

/* STRUCTURE  */

#esn-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;	
}

/* @end */
/* @group Header */

/* Header */

#esn-header {
	position: absolute;
	width: 100%;
	height: 175px;	
	background: #eadfcb;
	z-index: 500;
}

	#logo {
		position: absolute;	
		top: 60px;
		left: 0px;
		z-index: 100;
	}
	
	#logo img {
		height: 96px;	
	}
	
#esn-short-header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #eadfcb;
	width: 100%;
	height: 110px;
	overflow: hidden;	
	z-index: 800;
}

	#short-logo {
		position: absolute;	
		top: 8px;
		left: 0px;
		z-index: 100;
	}
	
	#short-logo img {
		height: 60px;	
	}
	
/* Header */
		
@media (max-width: 720px) {
	
	#esn-header {
		position: relative;
		width: 100%;
		height: 80px;
		background: #eadfcb;	
	}
	
		#logo {
			top: 8px;
			left: 0px;
		}
		
		#logo img {
			height: 60px;	
		}
		
	#esn-short-header {
		display: none !important;	
	}
			
}

/* @end */
/* @group Nav */

/* Nav */

#m-search, #m-menu {
	display: none;	
}
		
		
#esn-mainnav, #esn-short-mainnav {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 100%;
	height: 110px;	
}

	#esn-short-mainnav {
		height: 90px;	
	}
	
	#nav-holder {
		display: block;
		position: relative;
	}
	
	#search-holder {
		display: none;
	}

	ul.mainnav {
		
		margin-right: 0px;
		float: right;
	}
	
		ul.mainnav li {
			position: relative;
			margin: 0;
			padding: 0;
			float: left;
			font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	
			font-weight: 700;
			font-size: 40px;
			line-height: 40px;
			list-style: none;
			margin-left: 0px;
			display: block;
			color: #2d9898;
			
		}
		
		ul.mainnav li a {
			display: inline-block;
			color: #565656;
			padding: 48px 35px 15px 25px;
				-webkit-transform: skew(-17.5deg);
				-ms-transform: skew(-17.5deg);
				transform: skew(-17.5deg);
				margin-top: -30px;
			margin-right: -25px;
			
		}
		ul.mainnav li a span{
			-ms-transform: skew(17.5deg);
			-webkit-transform: skew(17.5deg);
			transform: skew(17.5deg);
			vertical-align: -3px;
		}
		ul.mainnav li span{
			padding-top: 35px;
			display: inline-block;
			
		}
		#esn-short-mainnav ul.mainnav li a {
			padding: 0px 30px 15px 20px;
			margin-right: -12px;
			margin-left: -12px;
			
		}
		#esn-short-mainnav ul.mainnav li span{
			padding-top: 15px;
		}
		
		ul.mainnav li a:hover, ul.mainnav li a.selected, ul.mainnav li a.selected:hover {
			color: #ffffff;
			background: #2d9898;
		
		}
			ul.mainnav li a:hover {
				text-decoration: none;
			}

	
#esn-topnav, #esn-short-topnav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	background: #565656;	
}

	.top-hotline {
		float: left;
		font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	
		font-weight: 700;
		font-size: 16px;
		color: #eeb51d;
		line-height: 40px;
	}

	ul.topnav {
		margin: 0;
		padding: 0;
		margin-right: 10px;
		float: right;
	}
	
		ul.topnav li {
			margin: 0;
			padding: 0;
			float: left;
			font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	
			font-weight: 700;
			font-size: 16px;
			color: #eadfcb;
			line-height: 40px;
			list-style: none;
		}
		ul.topnav li a i{
			font-size: 20px;
		}
		ul.topnav li {
			display: block;
			color: #878787;
		}
		ul.topnav li a {
			display: inline-block;
			color: #eadfcb;
			margin-right: 15px;
		}
		ul.topnav li.social a{
			margin-right: 10px;
		}
		
		ul.topnav li a.selected, ul.topnav li a:hover {
			color: #eeb51d;
			text-decoration: none;	
		}

/* @end */
/* @group Site Search */

/* Site Search */
	
	.sb-search {
		position: relative;
		margin-top: 5px;
		width: 0%;
		min-width: 30px;
		height: 30px;
		float: right;
		overflow: hidden;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
		-webkit-backface-visibility: hidden;
	}
	
	.sb-search-input {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		border-radius: 3px;
		outline: none;
		background: #fff;
		width: 100%;
		height: 30px!important;
		margin: 0;
		margin-top: 0px!important;
		z-index: 10;
		padding: 10px 20px 10px 20px!important;
		font-family: inherit;
		font-size: 20px;
		color: #2c3e50;
	}
	@-moz-document url-prefix() {
		.sb-search-input {padding: 0px 10px!important;}
		
		}
	
	.sb-search-input::-webkit-input-placeholder {
		color: #565656;
	}
	
	.sb-search-input:-moz-placeholder {
		color: #565656;
	}
	
	.sb-search-input::-moz-placeholder {
		color: #565656;
	}
	
	.sb-search-input:-ms-input-placeholder {
		color: #565656;
	}
	
	.sb-icon-search,
	.sb-search-submit  {
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
	}
	
	.sb-search-submit {
		background: #fff; /* IE needs this */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	    filter: alpha(opacity=0); /* IE 5-7 */
	    opacity: 0;
		color: transparent;
		border: none;
		outline: none;
		z-index: -1;
	}
	
	.sb-icon-search {
		color: #eadfcb;
		background: #565656;
		z-index: 90;
		font-size: 20px;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		border-radius: 0px;
	}
	.sb-icon-search:hover{
		color: #eeb51d;
	}
	
	/* Open state */
	.sb-search.sb-search-open,
	.no-js .sb-search {
		width: 200px;
	}
	
	.sb-search.sb-search-open .sb-icon-search,
	.no-js .sb-search .sb-icon-search {
		background: #d85252;
		color: #eadfcb;
		z-index: 11;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	.sb-search.sb-search-open .sb-search-submit,
	.no-js .sb-search .sb-search-submit {
		z-index: 90;
	}

/* @end */
/* @group Mobile Nav */

/* Nav */

@media (max-width: 720px) {
	
	#m-search, #m-menu {
		display: block;	
	}
	#m-search {
		position: absolute;
		top: 35px;
		right: 20px;
		width: 30px;
		height: 30px;
	}
	#m-search .sb-icon-search {
		color: #565656;
		background: #eadfcb;
	}
	#m-search .sb-search.sb-search-open .sb-icon-search,
	.no-js #m-search .sb-search .sb-icon-search {
		background: #d85252;
		color: #eadfcb;
	}
	#m-menu {
		position: absolute;
		top: 10px;
		right: 20px;
		width: 30px;
		height: 30px;
		background: url('../_img/icon_menu.png') no-repeat center top;
		background-size: 100%;	
	}
	
	#nav-holder {
		display: none;	
		width: 100%;
		position: absolute;
		top: 80px;
		z-index: 500;
		background: #565656;
	}
	
	#search-holder {
		display: none;	
		width: 100%;
		position: absolute;
		top: 80px;
		z-index: 500;
		background: #565656;
	}
		
	#esn-mainnav {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: none;
	}

		ul.mainnav {
			margin: 0;
			padding: 0;
			float: none;
		}
		
			ul.mainnav li {
				margin: 0;
				padding: 0;				
				float: none;
				font-size: 22px;
				list-style: none;
				width: 100%;
				margin: 0 auto;
				line-height: 45px;
				border-bottom: 1px solid #878787;
				text-align: center;
					
			}
			ul.mainnav li .spacer{
				display: none;
			}
			
			ul.mainnav li a, ul.mainnav li a.selected {
				padding: 10px 0px;
				color: #ffffff !important;
				background: none;
				margin: 0px;
				-webkit-transform: skew(0deg);
				-ms-transform: skew(0deg);
				transform: skew(0deg);
			}
			ul.mainnav li a span {
			    -ms-transform: skew(0deg);
			    -webkit-transform: skew(0deg);
			    transform: skew(0deg);
			}
			ul.mainnav li span {
			    padding-top: 0px;
			}
			
				ul.mainnav li a:hover, ul.mainnav li a.selected:hover {
					color: #d85252 !important;
					text-decoration: none;
					background: none;
				}

		
	#esn-topnav {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: none;	
	}
	
	.top-hotline {
		display: none;
	}
	
		ul.topnav {
			float: none;
			padding: 0px 0 20px 0;	
			margin-right: 0px;		
		}
		
			ul.topnav li {
				margin: 0;
				padding: 0;
				
				float: none;
				font-size: 15px;
				line-height: 32px;
				list-style: none;
				width: 100%;
				margin: 0 auto;
				text-align: center;
				border-bottom: 1px solid #878787;	
			}
			ul.topnav li.social{
				display: inline-block;
				width: 25%;
				text-align: center;
				margin: 0px;
				padding: 0px 0px;
				float: left;
			}
			ul.topnav li.social a{
				margin-right: 0px;
			}
			ul.topnav li.social a i{
				padding: 10px 0px;
				margin: 0px;
				font-size: 25px;
			}
			ul.topnav li.social .spacer{
				display: none;
			}
			ul.topnav li a {
				color: #ffffff;
				margin: 0px;
				padding: 10px 0px;
			}
			
		#esn-topnav #sb-search {
			display: none;	
		}
		
		
		/* Site Search */
		
		#m-site-search {
			position: relative;	
			width: 100%;
		}
		
			#m-site-search td {
				padding: 8px 20px 0px 20px;
			}
			
		#m-site-search .site-search-field {
			padding: 7px !important;
			width: 100%;
			font-size: 15px !important;
			margin-left: 0;	
			background-size: auto 20px;
			
			
		}
	
	#esn-secondarynav {
		display: none !important;	
	}
	
}
@media (min-width: 720px) {
	#nav-holder {
		display: block !important;
	}
}

/* @end */
/* @group Side Nav */

/* Side Nav */
		
ul.sidenav, ul.sidenav li, ul.subsidenav, ul.subsidenav li, ul.subsubsidenav, ul.subsubsidenav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

	ul.sidenav {
		margin-bottom: 20px;
		/*border-bottom: 1px solid #6c594b;*/
	}

		ul.sidenav li {
			
		}
		
			ul.sidenav li a, ul.sidenav li h4 {
				display: inline-block;
				font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	
				font-weight: 700;
				font-size: 18px;
				color: #565656;
				line-height: 24px;
				list-style: none;
				padding: 5px 0 5px 0;
			}
		
	ul.subsidenav {
		margin-bottom: 5px;	
		margin-top: 0px;
		display: none;
	}
	ul.subsidenav.selected{
		display: block;
	}
		
		ul.subsidenav li {
			border: none;
		}
		
			ul.subsidenav li a {
				padding: 0;
				font-family: "Lato", Arial, Helvetica, sans-serif;	
				font-size: 14px;
				font-weight: normal;
				color: #565656;
				line-height: 20px;
				list-style: none;
				padding: 2px 0 2px 0;
			}
		
	ul.subsubsidenav {
		margin-bottom: 2px;	
	}
		
		ul.subsubsidenav li {
			border: none;
			margin-left: 15px;
		}
		
			ul.subsubsidenav li a {
				padding: 0;
				font-family: "Lato", Arial, Helvetica, sans-serif;	
				font-size: 14px;
				font-weight: normal;
				color: #6c594b;
				line-height: 20px;
				list-style: none;
				padding: 2px 0 2px 0;
			}
			
	ul.sidenav li a.selected, ul.subsidenav li a.selected, ul.subsubsidenav li a.selected {
		color: #2d9898;
		font-weight: 700;	
	}
	ul.sidenav li a:hover, ul.subsidenav li a:hover, ul.subsubsidenav li a:hover, ul.sidenav li a.selected:hover, ul.subsidenav li a.selected:hover, ul.subsubsidenav li a.selected:hover {
		color: #d85252;	
	}
			
			
@media (max-width: 720px) {
	ul.sidenav {
		border-top: 1px solid #6c594b;
		padding-top: 10px;
	}
}

/* @end */
/* @group SIDE NAV EMAIL */
	.content-right .cta{
		background: #fff url('../_img/popupbg.jpg') no-repeat center top;
		background-size: cover;
		border: 1px solid #2d9898;
		padding: 28px 15px;
	}
	.content-right .cta h3{
		color: #2d9898;
		line-height: 30px;
		margin-bottom: 20px;
		text-align: center;
	}
	.content-right .cta h4{
		color: #565656;
		line-height: 20px;
		margin-bottom: 20px;
		font-weight: normal;
	}
	.content-right .cta.email input[type=email]{
		width: 100%;
		padding-left: 10px;
		text-transform: uppercase;
		height: 41px;
		margin: 0px;
		margin-bottom: 20px;
		border: 2px solid #eadfcb;
		border-radius: 3px;
		font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
		float: none;
	}
	.content-right .cta.email .angled{
		float: right;
	}


/* @end */
/* @group Content */

/* Content */		
	
#esn-content {
	padding-top: 175px;			
}

	.content-full {
		margin: 35px 0px;
		width: 1000px;	
	}

	.content-left {
		margin: 35px 0px;
		float: left;
		width: 750px;	
	}
	
	.content-left-flipped {
		margin-top: 35px;
		float: left;
		width: 200px;	
	}
	
	.content-right {
		margin: 35px 0px;
		float: right;
		width: 200px;
		display: none;	
	}
	.content-right.selected{
		display: block;
	}
	.content-right-flipped {
		margin-top: 35px;
		float: right;
		width: 750px;	
	}
	
/* sort */

.search-results {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #999999;	
}

.zip-search, .location-search, .name-search {
		float: left;
		width: 33%;
}



.location-search{
	border-left: 1px solid #eadfcb;
	border-right: 1px solid #eadfcb;
	padding-left: 20px;
}
.location-search .dropdown{
	margin: 5px;
	margin-left: 0px;
}
.name-search{
	padding-left: 20px;
}

	.zip-search .search-field,  .name-search  .search-field{
		/*background: url('/_img/icon_d_search_gray.png') no-repeat;
		background: transparent\9;
		background-size: auto 20px;
		background-position: right center;*/
		width: 250px;
	}
    
    	
.content-left .sort-forms {
    height:245px;
    position:relative;
}

.content-left .zip-search, .content-left .name-search {
    width:50%;
}

    .content-left .zip-search .search-field, .content-left .name-search .search-field {
        width:100%;
    }

.content-left .location-search {
    position:absolute;
    bottom:0;
    width:100%;
    border-left:none;
    border-right:none;
    border-top: 1px solid #eadfcb;
    padding-left:0;
    padding-top:10px;
}

    .content-left .location-search .dropdown {
        width:33%;
        box-sizing:border-box;
        margin:0;
    }	

@media (max-width: 720px) {
	#esn-content {
		padding: 0 !important;			
	}
	
	.content-full, .content-left, .content-right, .content-left-flipped, .content-right-flipped {
		width: 100%;
		float: none;
		margin: 0 auto;	
		margin: 35px 0px;
	}
	
	.category-legend {
		display: none;	
	}
	
	.category-select, .location-select {
		display: none;
	}
	.zip-search, .location-search, .name-search {
			float: none;
			width: 100%;
			padding: 20px 0px;
			border-bottom: 1px solid #eadfcb;
	}

    .zip-search .search-field,  .name-search  .search-field, .location-search .dropdown{

		width: 100%;
	}

	.location-search{
		border-left: none;
		border-right: none;
		padding-left: 0px;
	}
	.name-search{
		padding-left: 0px;
		border-bottom: none;
	}


    .content-left .sort-forms {
    height:auto;
    position:relative;
}

.content-left .zip-search, .content-left .name-search {
    width:100%;
}

    .content-left .zip-search .search-field, .content-left .name-search .search-field {
        width:100%;
    }

.content-left .location-search {
    position:initial;
    width:100%;
    border-top: none;
    padding-left:0;
    padding:20px 0;
}

    .content-left .location-search .dropdown {
        width:100%;
        box-sizing:border-box;
        margin:5px;;
    }	


		
}

/* @end */
/* @group Content EMAIL */
	.cta{
		background: #565656;
		padding: 25px 0px;
	}
	.cta h3{
		color: #eeb51d;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.cta h4{
		color: #fff;
		line-height: 1;
		margin-bottom: 0px;
	}
	.cta.email .text, .cta.email input{
		float: left;
	}
	.cta.email .inputs{
		float: right;
		margin-top: 5px;
        width:43%;

	}
	.cta.email .button{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		padding: 10px 60px;
	}
	.cta.email .button.small{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		padding: 5px 34px;
	}
	.cta.email .button a{
		color: #fff;
	}
	.cta.email input[type=email]{
		width: 250px;
		padding-left: 10px;
		text-transform: uppercase;
		height: 41px;
		margin: 0px;
		border: 2px solid #eadfcb;
		border-radius: 0px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	}
	@media (max-width: 720px) {
		.cta.email .text, .cta.email input, .cta.email .inputs{
			float: none;

		}
		.cta.email .inputs{
			margin-top: 30px;
                        width:100%;

		}
		.cta.email input[type=email]{
			float: none;
			width: 100%;
			border-radius: 3px;
			margin-bottom: 15px;
		}
		.cta.email .button{
			float: none;
			width: 100%;
			border-radius: 3px;
		}
	}
/* @end */
/* @group Home */

/* Home */

#home-header {
	width: 100%;
	height: 511px;	
	/*background: #ffffff url('../_img/bg_home_header.jpg') no-repeat top center;*/
	background-size: cover;
}

	#home-header .text {
		padding-top: 90px;
	}
	
	#home-header h2 {
		padding: 0;
		font-size: 100px;
		line-height: 90px;
		color: #2d9898;
		margin-bottom: 0px;
	}
	
	#home-header h3 {
		padding: 0;
		font-size: 85px;
		line-height: 85px;
		color: #565656;
		margin-bottom: 20px;
	}
	
	#home-header p {
		width: 550px;
		color: #565656;	
		font-size: 30px;
		line-height: 36px;
        font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;	

	}
	
	#home-header p span {
		color: #2d9898;	
	}
#home-blog {
	width: 100%;
	height: 460px;	
	background: #ffffff no-repeat top center;
	background-size: cover;
}
	#home-blog .text {padding-top: 60px;}
	#home-blog h2 {
		padding: 0;
		font-size: 70px;
		line-height: 58px;
		color: #fff;
		margin-bottom: 10px;
		text-align: right;
	}
	#home-blog h3 {
		padding: 0;
		font-size: 56px;
		line-height: 76px;
		color: #eeb51d;
		margin-bottom: 26px;
		margin-right: 35px;
		text-align: right;
	}
	#home-blog p.large {
		width: 416px;
		color: #fff;	
		float: right;
	}
	#home-blog p span {color: #2d9898;}
	#home-blog .quote{
		float: left;
		text-align: left;
		color: #fff;
		font-size: 28px;
		line-height: 36px;
		width: 480px;
	}
	#home-blog .angled{float: right;}
	#home-act {
		width: 100%;
		height: 460px;	
		background: #ffffff no-repeat top center;
		background-size: cover;
	}
		#home-act .text {padding-top: 50px;}
		#home-act h2 {
			padding: 0;
			font-size: 72px;
			line-height: 76px;
			color: #183450;
			margin-bottom: 10px;
			width: 700px;
			float: left;
		}
		#home-act h3 {
			padding: 0;
			font-size: 36px;
			line-height: 36px;
			color: #fff;
			margin-bottom: 10px;
			margin-right: 35px;
		}
		#home-act p.intro {
			width: 700px;
			margin-top: 10px;
			color: #fff;	
			float: left;
			font-size: 28px;
			line-height: 36px;
			font-weight: 400;
		}
		#home-act p span {color: #2d9898;}
		#home-act .angled{float: right;}
		
	#home-connect, #home-donate {
		width: 100%;
		height: 460px;	
		background: #ffffff no-repeat top center;
		background-size: cover;
		margin-bottom: -100px;
	}

	#home-donate {
		margin-bottom:0;
	}
		#home-connect .text, #home-donate .text {padding-top: 50px;}
		#home-connect h2, #home-donate h2 {
			padding: 0;
			font-size: 72px;
			line-height: 74px;
			color: #183450;
			margin-bottom: 36px;
			width: 360px;
		}
		#home-connect h3, #home-donate h3 {
			padding: 0;
			font-size: 28px;
			line-height: 34px;
			color: #484848;
			margin-bottom: 18px;
			margin-right: 35px;
			width: 360px;
		}
		#home-connect p.intro, #home-donate p.intro {
			width: 560px;
			margin-top: 103px;
			color: #484848;	
			float: left;
			text-align: right;
			font-size: 32px;
			line-height: 44px;
			font-weight: 400;
		}
		#home-connect p span, #home-donate p span {color: #2d9898;}
		#home-connect .angled, #home-donate .angled {float: right;}
	
@media (max-width: 720px) {
	
	#home-header {
		width: 100%;	
		background: #ffffff no-repeat top right;
	}
	#home-header .inside{
		background: rgba(0, 0, 0, .7);
		width: 100%;
		height: 100%;
	}
	#home-header .text{
		padding: 70px 30px;
	}
	#home-blog, #home-act, #home-connect, #home-donate{
		height: auto;
		min-height: 460px;
	}
	#home-blog .angled, #home-act .angled, #home-connect .angled, #home-donate .angled {
		float: none;
		text-align: center;
		margin: 0 auto;
		margin-top: 10px;
		display: block;
	}
	
		#home-header .text, #home-blog .text, #home-act .text, #home-connect .text, #home-donate .text {
			position: relative;
			top: 30px;
			left: 0px;
			width: auto;
			text-align: center;
			float: none;
		}
	
		#home-header h2, #home-header h3, #home-act h2, #home-act h3, #home-blog h2, #home-blog h3, #home-connect h2, #home-connect h3, #home-donate h3 {
			font-size: 40px;
			line-height: 42px;
			text-align: center;
			width: auto;
			float: none;
			margin-left: 0px;
			margin-right: 0px;
		}
        #home-header h2, #home-act h2, #home-blog h2, #home-connect h2, #home-donate h2 {
			font-size: 46px;
			line-height: 1.1em;
        }

        #home-header h3, #home-act h3, #home-blog h3, #home-connect h3, #home-donate h3 {
			font-size: 28px;
			line-height: 1.3em;
        }

		#home-header h2, #home-header h3, #home-act h3, #home-blog h2{
			color: #ffffff;
		}
		
		#home-header p, #home-act p.intro, #home-blog p.large, #home-connect p.intro, #home-donate p.intro {
			padding: 0;
			margin: 0;
			padding-bottom: 10px;
			width: 100%;
			color: #f3ede2;
			text-align: center;
			float: none;
		}
		#home-connect p.intro, #home-donate p.intro{
			color: #484848;
			
		}
		#home-header p, #home-act p.intro, #home-connect p.intro, #home-donate p.intro {
			font-size: 22px;
			line-height: 29px;
			float: none;
		}
		#home-blog .quote{
			display: none;
		}
		#home-blog .text, #home-act .text, #home-connect .text, #home-donate .text {padding-top: 34px;}
		#home-connect span.alignright, #home-donate span.alignright{
			float: none;
			clear: both;
		}
	
}
@media (max-width: 400px) {
	#home-header h2, #home-header h3, #home-act h2, #home-act h3, #home-blog h2, #home-blog h3, #home-connect h2, #home-connect h3, #home-donate h2, #home-donate h3{
		font-size: 44px;
		line-height: 42px;
		margin-bottom: 10px;
	}

    #home-header h2, #home-act h2, #home-blog h2, #home-connect h2, #home-donate h2 {
		font-size: 38px;
    }

    #home-header h3, #home-act h3, #home-blog h3, #home-connect h3, #home-donate h3 {
		font-size: 24px;
		line-height: 1.2em;
    }


	#home-header p, #home-act p.intro, #home-connect p.intro, #home-donate p.intro{
		font-size: 18px;
		line-height: 24px;
		margin-top: 23px;
	}
}

/* @end */
/* @group Learn, Blog, Connect & Act Header */
	#learn-header, #blog-header{
		width: 100%;
		height: auto;	
		background: #183450 url('../_img/bg_learn_header.jpg') repeat top center;
	}
	#act-header {
		width: 100%;
		height: auto;	
		background: #2d9898 url('../_img/bg_act_header.jpg') repeat top center;
	}
	#connect-header {
		width: 100%;
		background: #565656 url('../_img/bg_connect_header.jpg') repeat top center;
		padding: 50px 0px;
	}
		#learn-header .text, #act-header .text, #connect-header .text{
			float: left;
			text-align: right;
			margin-bottom: 35px;
            max-width:735px;
		}
		#blog-header .text{
			padding-top: 35px;
		}
		#learn-header h2, #act-header h2, #connect-header h2, #blog-header h2 {
			padding: 0;
			font-size: 42px;
			line-height: 48px;
			margin: 0px;
			color: #eeb51d;
		}
		 #connect-header h2{
		 	color: #565656;
		 }
		#learn-header h3, #act-header h3, #connect-header h3, #blog-header h3 {
			padding: 0;
			font-size: 28px;
			line-height: 41px;
			margin: 0px;
			color: #fff;
		}
		#learn-header .angled, #act-header .angled, #connect-header .angled{
			float: right;
			padding: 10px 30px;
			margin: 25px 0px 25px 30px;
		}
		#connect-header h1{
			color: #565656;
			font-size: 72px;
			line-height: 1.0em;
			margin-bottom: 15px;
		}
		#connect-header h4{
			color: #fff;
			font-size: 38px;
			line-height: 44px;
			margin-bottom: 0px;
			width: 720px;
		}
		
	@media (max-width: 720px) {
		#learn-header, #act-header, #blog-header, #connect-header {
			height: auto;
		}
		#learn-header .text, #act-header .text, #blog-header .text, #connect-header .text{
			float: none;
			margin-bottom: 0px;
		}
			#learn-header h3, #act-header h3, #blog-header h3, #connect-header h3 {
				font-size: 24px;
				line-height: 28px;
			}
			
			#learn-header h2, #act-header h2, #blog-header h2, #connect-header h2 {
				font-size: 32px;
				line-height: 34px;
			}
			#learn-header .angled, #act-header .angled{
				float: right;
				margin: 25px 0px;
			}
	}
	@media (max-width: 600px) {
		#connect-header h4{
			font-size: 30px;
			line-height: 32px;
			width: 100%;
		}
				
	}
	@media (max-width: 500px) {
		#learn-header h3, #act-header h3, #blog-header h3, #connect-header h3, #connect-header h4 {
			font-size: 28px;
			line-height: 36px;
			width: 100%;
		}
		#learn-header h2, #act-header h2, #blog-header h2, #connect-header h2 {
			font-size: 30px;
			line-height: 32px;
		}
		#learn-header .angled, #act-header .angled{
			margin: 30px auto;
			display: block;
			float: none;
		}
	}


/* @end */
/* @group Act */

/* Act */

.actionForm {
    display:inline;
}

.action-left .actionForm {
        width:295px;
        float:left;
}

#actionEmail-error {
    color:#d85252;
}
.action-library {
	padding: 35px 0px 15px 0px;
    display:flex;
    flex-wrap:wrap;
}
	.action-library .action{
		float: left;
		position: relative;
		border: 8px solid #eadfcb;
		background: #eadfcb;
		overflow: hidden;
		width: 233px;
		height: auto;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	.action-library .action:nth-of-type(4n){
		margin-right: 0px;
	}
	.action-library .action img{
		width: 100%;
		position: relative;
	}
	.action-library .action div{
		margin-top: -30px;
	}
	.action-library .action span.flag{
		background: #eeb51d;
		float: right;
		padding: 5px 30px;
		margin-right: -10px;
		
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		text-transform: uppercase;
		transform: skew(-18deg);
	}
	.action-library .action span.flag h5{
		transform: skew(18deg);
		margin-bottom: 0px;
		color: #484848;
		font-size: 11px;
	}
	.action-library .action h4{
		margin: 0px;
		padding: 10px 0px;
		float: none;
		clear: both;
		font-size: 22px;
		line-height: 24px;
	}

        .action-library .action p.shortDesc {
            font-size:14px;
            line-height:20px;
        }

	.action-library .action a{
		cursor: pointer;
	}
	.action-library .action a:hover img{
		opacity: .5;
	}
	.action-library .action a:hover span.flag{
		background: #d85252;
	}
	.action-library .action a:hover span.flag h5{
		color: #fff;
	}
	.action-library .action a:hover h4{
		color: #2d9898;
	}
.action-right{
	width: 320px;
	float: right;
	overflow: hidden;
	margin: 20px 0px;
}
	.action-right img{
		width: 100%;	
	}
	
.action-left{
	width: 660px;
	float: left;
	margin: 20px 0px;
}


	.action-left h5{
		text-transform: uppercase;
		/*float: left;*/
		font-size: 16px;
		width: 30%;
        color:#fff;
	}
	.action-left .cta{
		background: #565656;
		padding: 30px;
		margin-bottom: 30px;
	}
		.action-left .cta h2{
			color: #eeb51d;
			font-size: 50px;
			line-height: 52px;
			margin-bottom: 12px;
		}
		.action-left .cta p{
			color: #fff;
			font-size: 28px;
			line-height: 25px;
            font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;

		}

            .action-left .cta p.small {
                float: right;
                width: 48%;
                font-size: 14px;
                line-height: 20px;
            }

        .action-left .cta .after-action {
            display:none;
        }

            .action-left .cta .after-action .heading img {
                width:50px;
                vertical-align:text-bottom;
                margin-right:10px;
            }
            .action-left .cta .after-action .heading h2 {
                display: inline-block;
                vertical-align: baseline;
            }

		.action-left .cta.email input[type=email]{
			width: 295px;
			float: left;
			padding-left: 10px;
			text-transform: uppercase;
			height: 41px;
			margin-right: 10px;
			margin-bottom: 10px;
			border: 2px solid #eadfcb;
			border-radius: 3px;
			font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
		}
		.action-left .cta.email input[type=email]:nth-of-type(2){
			margin-right: 0px;
		}
		.action-left .cta.email .button{
			float: right;
			margin-top: 10px;
		}

.action-left .actionForm #actionName {
    display:none;
}

.action-left .actionForm .required {
    border:2px solid #d85252 !important;
}
	
.temp-share{
	margin-top: 15px;
	margin-bottom: 50px;
}
	.temp-share i, .temp-share p{
		float: right;
	}
	.temp-share i{
		font-size: 20px;
		background: #2d9898;
		color: #fff;
		width: 30px;
		text-align: center;
		padding: 5px 0px;
		margin-left: 5px;
	}
	.temp-share p{
		text-align: center;
		margin-right: 10px;
		line-height: 15px;
	}
	
@media (max-width: 720px) {
	.action-library .action{
		width: 30%;
		height: auto;
		margin-right: 2%;
	}
	.action-library .action:nth-of-type(4n){
		margin-right: 2%;
	}
	.action-library .action:nth-of-type(3n){
		margin-right: 0px;
	}
	.action-right{
		display: none;
	}
	.action-left{
		width: 100%;
		float: none;
		margin: 20px 0px;
	}

        .action-left .cta p.small {
            width:100%;
        }
	.action-left .cta.email input[type=email]{
		width: 100%;
	}
}
@media (max-width: 600px) {
	.action-library .action{
		width: 49%;
		height: auto;
		margin-right: 2%;
	}
	.action-library .action:nth-of-type(3n){
		margin-right: 2%;
	}
	.action-library .action:nth-of-type(even){
		margin-right: 0px;
	}
}
@media (max-width: 450px) {
	.action-library .action{
		width: 100%;
		height: auto;
		margin-right: 0px;
	}
	.action-library .action:nth-of-type(3n), .action-library .action:nth-of-type(4n), .action-library .action:nth-of-type(even){
		margin-right: 0px;
	}
	.action-left .cta h2{
		font-size: 30px;
		line-height: 35px;
	}
	.action-left .temp-share h5{
		font-size: 12px;
		line-height: 15px;
		width: 25%;
	}
	.temp-share p{
		display: none;
	}
}

/* @end */
/* @group Learn */

/* Learn */
	.slavery-list, .slavery-list li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.slavery-list {
			margin-top: 40px;
		}
		.content-left .slavery-list{
			margin-bottom: 40px;
		}
		
		.content-full .slavery-list li {
			float: left;
			margin-bottom: 20px;	
			border-left: 1px solid #b4b4b4;
			width: 120px;
			height: 150px;
			transition: width 0.5s ease;
			overflow: hidden;
		}
		.content-left .slavery-list li {
			float: left;
			margin-bottom: 40px;	
			padding-right: 20px;
			width: 50%;
			height: 180px;
		}
		.content-full .slavery-list li:first-of-type{
			width: 400px;
		}
		.content-full .slavery-list li:last-of-type{
			border-right: 1px solid #b4b4b4;
		}
		.slavery-list li img{
			display: block;	
			margin: 0 auto;
		}
		.slavery-list li a.button{
			margin: 0 auto;
			width: 90px;
			display: block;
            font-size:16px;
		}
		.slavery-list li span{
			float: left;
			width: 120px;
		}
		.content-full .slavery-list li .text {
			width: 64%;
			max-width: 260px;
			padding-right: 20px;
			float: right;
			display: none;
		}
		.content-left .slavery-list li .text {
			width: 230px;
			max-width: 230px;
			padding-left: 20px;
			padding-top: 20px;
			float: left;
            
		}
		.content-full .slavery-list li:first-of-type .text{
			display: block;
		}
			.slavery-list li .text h3 {
				color: #565656;
				margin-bottom: 5px;	
			}
		
			.slavery-list li .text p {
				margin-bottom: 10px;	
                font-size:14px;
                line-height:20px;
			}
			
			#abolition-graphic{
				display: block;
				margin-bottom: 40px;
			}
			#abolition-graphic-mobile{
				display: none;
			}
			#abolition-phase-graphic, #slavery-form-graphic{
				width: 100%;
				margin-bottom: 40px;	
			}
			
#learn-choices {
	margin-bottom: 40px;	
}

.amazonSmile {
    background-color:#eadfcb;
    padding:10px;
    margin-bottom:20px;
}
    .amazonSmile img {
        float:left;
        padding:30px 15px 15px 0;
    }
    .amazonSmile h5 {
        color:#565656;
        font-size:18px;
        font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
        margin:0;

    }
    .amazonSmile p {
        font-size:12px;
        margin-bottom:0;
		line-height:15px;
		margin-top:10px;
    }

.resNavMobile {
    display:none;
}
.resNavDesktop {
    display:initial;
}
	

@media (max-width: 720px) {
	#learn-forms h2, #connect-forms h2 {
		font-size: 32px;
		color: #565656;
		line-height: 34px;	
	}
	
	#learn-forms p.intro, #connect-forms p.intro {
		font-size: 20px;
		line-height: 26px;	
	}
		.content-left .slavery-list li, .content-full .slavery-list li, .content-full .slavery-list li:first-of-type, .content-full .slavery-list li:last-of-type{
			width: 100%;
			height: auto;
			float: none;
			clear: both;
			border: none;
			border-bottom: 1px solid #b4b4b4;
		}
		.slavery-list li span{
			width: 30%;
			height: auto;
			margin-bottom: 20px;
		}
		.content-left .slavery-list li .text, .content-full .slavery-list li .text{
			display: block!important;
			width: 70%;
			max-width: 70%;
			padding: 20px 0px 20px 20px;
			float: left;
		}
		#abolition-graphic{
			display: none;
		}
		#abolition-graphic-mobile{
			display: block;
			margin-bottom: 40px;
			width: 100%;
		}

    .amazonSmile {
        text-align:center
    }
        .amazonSmile img {
            float:none;
        }

    .resNavMobile {
        display:initial;
    }
    .resNavDesktop {
        display:none;
    }	

}


/* @end */
/* @group Square Features */
	.square-features {
		padding: 35px 0px 15px 0px;
	}
	#blog-header .square-features {
		padding: 15px 0px 35px 0px;
	}
	.square-features .feature{
		float: left;
		width: 320px;
		height: 320px;
		position: relative;
		border: 8px solid #eadfcb;
		background: #000;
		overflow: hidden;
	}
	.content-left .square-features .feature{
		width: 240px;
		height: 240px;
		margin-bottom: 10px;
	}
	.square-features .feature img{
		width: 100%;
		position: relative;
	}
	.square-features .feature:nth-of-type(2) {
		margin-right: 20px;
		margin-left: 20px;
	}
	.content-left .square-features .feature:nth-of-type(3n+2) {
		margin-right: 10px;
		margin-left: 10px;
	}
	.square-features .feature div{
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 0;
		right: 0;
	}
	.square-features .feature span.flag{
		background: #eeb51d;
		float: right;
		padding: 5px 30px;
		margin-right: -10px;
		
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		text-transform: uppercase;
		transform: skew(-18deg);
	}
	.square-features .feature span.flag h5{
		transform: skew(18deg);
		margin-bottom: 0px;
		color: #484848;
		font-size: 11px;
	}
	.square-features .feature h4{
		margin: 0px;
		background: rgba(0, 0, 0, .75);
		font-size: 26px;
		line-height: 30px;
		color: #f3ede2;
		padding: 13px 25px;
		text-align: center;
		float: none;
		clear: both;
        min-height:86px;
	}
	.content-left .square-features .feature h4{
		font-size: 19px;
		line-height: 22px;
        min-height:70px;
	}
	.square-features .feature a{
		cursor: pointer;
	}
	.square-features .feature a:hover img{
		opacity: .5;
	}
	.square-features .feature a:hover span.flag{
		background: #d85252;
	}
	.square-features .feature a:hover span.flag h5{
		color: #fff;
	}
	.square-features .feature a:hover h4{
		color: #2d9898;
		opacity: 1;
		background: #000;
	}
	@media (max-width: 720px) {
		.square-features .feature{
			width: 32%;
			height: auto;
		}
		.square-features .feature:nth-of-type(2) {
			margin-right: 2%;
			margin-left: 2%;
		}
		.square-features .feature h4, .content-left .square-features .feature h4{
			font-size: 16px;
			line-height: 20px;
			padding: 10px 15px;
			width: 100%;
		}
		.content-left .square-features .feature{
			width: 48%;
			height: auto;
		}
		.content-left .square-features .feature:nth-of-type(3n+2) {
			margin-right: 0px;
			margin-left: 0px;
		}
		.content-left .square-features .feature:nth-of-type(even) {
			margin-left: 2%;
		}
	}
	@media (max-width: 500px) {
		.square-features .feature{
			width: 100%;
			margin: 15px 0px;
		}
		.square-features .feature:nth-of-type(2) {
			margin-right: 0px;
			margin-left: 0px;
		}
		.square-features .feature h4{
			font-size: 26px;
			line-height: 30px;
			padding: 13px 25px;
		}
	}
	@media (max-width: 400px) {
		.content-left .square-features .feature{
			width: 100%;
			float: none;
			height: auto;
		}
		.content-left .square-features .feature:nth-of-type(even) {
			margin-left: 0px;
		}
		.content-left .square-features .feature h4{
			font-size: 19px;
			line-height: 22px;
		}
	}

/* @end */
/* @group Subfeatures */

/* Subfeatures */
.subfeatures {
	margin-top: 40px;
	margin-bottom: 50px;	
}


    .subfeatures .flexWrapper {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-flow:row wrap;
        justify-content:center;
    }


	.subfeatures .two-grid {
		/*position: relative;*/
		float: left;
		width: 491px;
		height: 372px;	
		margin-bottom: 20px;
        background-size: cover;

	}
	.subfeatures .three-grid {
		/*position: relative;*/
		float: left;
		width: 320px;
		height: 320px;	
		margin-bottom: 20px;
		margin-left: 20px;
        background-size: cover;

	}
	.subfeatures .three-grid:nth-of-type(3n) {
		margin-left: 0px;
	}
	/*#slaverytoday{
		background: url('../_img/two_grid_learn_SlaveryToday.jpg') no-repeat top center;
	}
	#abolitiontoday{
		background: url('../_img/two_grid_learn_AbolitionToday.jpg') no-repeat top center;
		background-size: cover;
	}
	#photogallery{
		background: url('../_img/two_grid_learn_PhotoGallery.jpg') no-repeat top center;
		background-size: cover;
	}
	#resources{
		background: url('../_img/two_grid_learn_Resources.jpg') no-repeat top center;
		background-size: cover;
	}
	#actions{
		background: url('../_img/two_grid_act_Actions.jpg') no-repeat top center;
		background-size: cover;
	}
	#reportatip{
		background: url('../_img/two_grid_act_ReportATip.jpg') no-repeat top center;
		background-size: cover;
	}
	#give{
		background: url('../_img/three_grid_act_Give.jpg') no-repeat top center;
		background-size: cover;
	}
	#volunteer{
		background: url('../_img/three_grid_act_Volunteer.jpg') no-repeat top center;
		background-size: cover;
	}
	#educate{
		background: url('../_img/three_grid_act_Educate.jpg') no-repeat top center;
		background-size: cover;
	}
	#consumeraction{
		background: url('../_img/three_grid_act_ConsumerAction.jpg') no-repeat top center;
		background-size: cover;
	}
	#advocate{
		background: url('../_img/three_grid_act_Advocate.jpg') no-repeat top center;
		background-size: cover;
	}
	#jobopportunities{
		background: url('../_img/three_grid_act_JobOpportunities.jpg') no-repeat top center;
		background-size: cover;
	}*/
	
	.subfeatures .two-grid:nth-of-type(even) {
		margin-left: 15px;
	}
	.subfeatures .two-grid .text, .subfeatures .three-grid .text{
		width: 100%;
		height: 100%;
		padding: 40% 20px 20px 20px;
	}
	.subfeatures .three-grid .text {
		padding-top: 50%;
	}
	.subfeatures .two-grid h2 {
		font-size: 80px;
		line-height: 82px;
		color: #ffffff;
		margin-bottom: 5px;
	}	
	.subfeatures .three-grid h2{
		color: #fff;	
		margin-bottom: 10px;
	}
	.subfeatures .two-grid p, .subfeatures .three-grid p {
		color: #ffffff;
		margin-bottom: 15px;
        font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
        font-size:21px;
        line-height:24px;

        
	}
	.subfeatures a:hover h2, .subfeatures a:hover h3{
		color: #2d9898;
	}
	.subfeatures a:hover .text{
		background: rgba(0, 0, 0, .5);
	}
	
	@media (max-width: 720px) {
		.subfeatures {
			margin-top: 50px;
			margin-bottom: 30px;	
		}
		.subfeatures .two-grid {
			float: none;
			width: 100%;	
			margin-bottom: 20px;
		}
		.subfeatures .three-grid {
			float: left;
			width: 48.5%;
			height: 200px;	
			margin-left: 0px;
		}
		.subfeatures .two-grid:nth-of-type(even) {
			float: none;
		}
		.subfeatures .three-grid:nth-of-type(even) {
			float: right;
		}
		.subfeatures .two-grid .text {
			padding: 40% 20px 20px 20px;
		}
		.subfeatures .three-grid .text {
			padding: 20% 20px 20px 20px;
		}
		.subfeatures .two-grid h2 {
			font-size: 70px;
			line-height: 72px;
			margin-bottom: 15px;
		}	
		@media (max-width: 500px) {
			.subfeatures .three-grid {
				float: none;
				width: 100%;
				height: 320px;	
				margin-left: 0px;
			}
			.subfeatures .three-grid:nth-of-type(even) {
				float: none;
			}
			.subfeatures .three-grid .text {
				padding: 50% 20px 20px 20px;
			}
		}
		
	}
/* @end */
/* @group Connect */

/* Connect */

	
#connect-choices {
	margin-top: 40px;
	margin-bottom: 40px;	
}

#connect-polaris {
	width: 100%;
	height: 370px;	
	background: #000000 url('../_img/bg_connect_polaris.jpg') no-repeat top center;
	margin-top: 30px;
	margin-bottom: 50px;
}

	#connect-polaris .text {
		position: absolute;
		top: 90px;
		left: 0px;
		background: #565656;
		padding: 30px;
		width: 500px;
	}
	
	#connect-polaris img {
		display: block;
		margin-top: -55px;
	}
	
	#connect-polaris h2 {
		font-size: 54px;
		line-height: 56px;
		color: #ffffff;	
	}

		
	#connect-polaris p {
		color: #ffffff;
		margin-bottom: 15px;
	}
	

@media (max-width: 720px) {
	
		
	#connect-choices {

	}			
			
}

/* @end */
/* @group Connect Detail */

/* Connect Detail */

#org-detail {
	margin-bottom: 50px;	
}

	#org-detail h2 {
		margin-bottom: 3px;	
	}
	
	#org-detail .org-url {
		display: block;
		margin-bottom: 15px;	
	}

	#org-detail .left {
		width: 200px;
		float: left;	
	}
	
	#org-detail .left img {	
		margin-bottom: 20px;
	}
	
	#org-detail .right {
		width: 750px;
		float: right;	
	}
	#org-detail ul{
		font-size: 13px;
		line-height: 1.6em;
		margin-top: 15px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	#org-detail li{
		list-style: none;
	}
	#org-detail i.fa{
		font-size: 20px;
		margin-right: 10px;
	}

    #org-detail p.volunteer {font-size:14px;
    }

.resultContent p {
    font-size:14px;
    line-height:20px;
}
	
		
@media (max-width: 720px) {
	
	#org-detail .left {
		width: 100%;
		float: none;	
	}
	
	#org-detail .left img {
		width: 200px;
		display: none;
		margin: 20px auto 0px auto;
	}
	
	#org-detail .right {
		width: 100%;
		float: none;	
		margin-top: 50px;
	}
	
}

/* @end */
/* @group Related Content */
	.related hr{
		margin-bottom: 20px;
	}
	.related-left{
		float: left;
		margin-right: 17px;
	}
	.related-resources, .related-org{
		width: 247px;
		margin-bottom: 32px;
	}
	.related-org img{
		border: 1px solid #eadfcb;
		width: 120px;
	}
	.related-org a{
		float: left;
	}
	.related-org a:nth-of-type(2){
		float: right;
	}
	.resource-imgs{
		display: table;
		width: 100%;
	}
	.related-resources a{
		display: table-cell;
		width: 25%;
	}
	.related-resources img{
		height: 80px;
		width: auto;
		padding-right: 3px;
	}
	.related-action{
		width: 234px;
		float: left;
		margin-right: 17px;
	}
	.related-blog{
	 	width: 485px;
	 	float: left;
	 }
	.related-action .action-feature, .related-blog .blog-feature{
		/*border: 1px solid #eadfcb;*/
        border:none;
		padding: 0px;
		/*height: 280px;*/
	}
	.related-action .action-feature .image, .related-blog .blog-feature .image{
		width: 100%;
	}
	.related-action .action-feature .text h2, .related-blog .blog-feature .text h2{
		margin-bottom: 5px;
	}
	.related-action .action-feature .text h2 a, .related-blog .blog-feature .text h2 a{
		font-size: 22px;
		line-height: 24px;
		color: #565656;
	}
	.related-action .action-feature .text p, .related-blog .blog-feature .text p{
		font-size: 16px;
		line-height: 1.4em;
		font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	}
	.related-action .action-feature .text, .related-blog .blog-feature .text{
		width: 100%;
		padding: 10px;
	}
	.related-blog .blog-feature .info{
		display: none;
	}
	.related-blog .blog-feature{
		float: left;
		width: 234px;
	}
	.related-blog .blog-feature:nth-of-type(2){
		float: right;
	}
@media (max-width: 720px) {
	.related-action{
		margin-right: 0px;
		width: 48%;
		float: right;
	}
	.related-action .feature-action{
		height: auto;
	}
	.related-blog{
		width: 100%;
	}
	.related-blog .blog-feature{
		width: 49%;
		height: auto;
	}
	.related-blog .blog-feature .text .descrip{
		display: block;
	}
	.related-action .action-feature .text, .related-blog .blog-feature .text{
		float: none;
	}
	.related-left{
		width: 48%;
		margin-right: 2%;
	}
	.related-resources, .related-resources img, .related-org{
		width: 100%;
		height: auto;
	}
	.related-org a{
		width: 49%;
	}
	.related-org img{
		width: 100%;
		display: block;
	}
	
}
@media (max-width: 400px) {
	.related-action, .related-blog .blog-feature, .related-left{
		width: 100%;
		margin-right: 0px;
	}
	.related-action .action-feature{
		margin-bottom: 32px;
	}
	.related-blog .blog-feature{
		margin-bottom: 20px;
	}
	
}

/* @end */
/* @group Blog */
	.blog .content-left{
		width: 660px;
	}
	.blog .content-right{
		width: 250px;
		display: block;
	}

.blog .content-left .blog-post img {
    max-width:100%;
}
	/* @group Blog NAV */
	
		.blog-nav{
			background: #f3ede2;
			padding: 20px 0px;
			text-align: center;
		}
		.blog-nav a{
			font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;
			font-size: 24px;
			color: #565656;
		}
		.blog-nav a:hover{
			color: #d85252;
		}
		.blog-nav span{
			font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;
			font-size: 24px;
			color: #2d9898;
			margin: 0px 20px;
		}
	@media (max-width: 720px) {
	.blog-nav{
		padding: 10px 0px;
	}
		.blog-nav a{
			font-size: 18px;
			line-height: 28px;
			white-space: nowrap;
		}
		.blog-nav span{
			margin: 0px 10px;
			font-size: 16px;
		}
	}
	@media (max-width: 600px) {
	.blog-nav{
		padding: 10px 0px;
	}
		.blog-nav a{
			font-size: 15px;
			line-height: 28px;
			white-space: nowrap;
			width: 33%;
			float: left;
			display: block;
		}
		.blog-nav a:nth-of-type(3n){
			border: none;
		}
		.blog-nav span{
			display: none;
		}
	}
	/* @end */
	/* @group Blog Post */

	.blog-post .author:before, .blog-post .category:before{
		content: " | ";
		color: #565656;
	}
	.blog-post .info{
		font-size: 16px;
		text-transform: uppercase;
	}
	.blog-post h2{
		color: #2d9898;
	}
	
	figure{
		margin-bottom: 40px;
	}
	figure img{
		width: 100%;
	}
	figcaption{
		border-bottom: 1px solid #eadfcb;
		padding: 10px 0px;
		font-size: 12px;
		color: #878787;
	}
	.tags{
		font-weight: bold;
		width: 60%;
		float: left;
		text-transform: uppercase;
		margin-top: 20px;
	}
	.blog-post .temp-share{
		float: right;
		width: 40%;
	}

        .blog-post .temp-share .right {
            float:right;
        }
.blog-top .temp-share{
	float: left;
	width: auto;
	margin: 0px;
	margin-bottom: 20px;
}
	.blog-top .temp-share i{
		font-size: 14px;
		line-height: 22px;
		background: #2d9898;
		color: #fff;
		width: 22px;
		height: 22px;
		text-align: center;
		padding: 0px;
		margin-left: 0px;
		margin-right: 5px;
	}
	@media (max-width: 500px) {
		.blog-post .temp-share i{
			font-size: 14px;
			line-height: 22px;
			width: 22px;
			height: 22px;
			padding: 0px;
			margin-left: 0px;
			margin-right: 5px;
		}
		.blog-post .temp-share p{
			font-size: 11px;
			line-height: 13px;
		}
	}
/* @end */
	/* @group Author blurb */
	.author-blurb{
		background: #fff;
		margin-bottom: 50px;
		display: table;
	}

        .author-blurb h3 a {
            color:#2D9898
        }

            .author-blurb h3 a:hover {
                text-decoration:underline;
            }

	.author-blurb .image{
		display: table-cell;
	}
	.author-blurb .image img{
		display: block;
        border-left: 5px solid #eeb51d;

	}
	.author-blurb .text{
		padding: 20px;
		display: table-cell;
		vertical-align: top;
	}
	.author-blurb .text h3, .author-blurb .text h4{
		font-weight: 400;
		margin: 0px;
	}
@media (max-width: 720px) {
	.author-blurb .image{
		width: 30%;
		vertical-align: middle;
		padding: 10px;
	}
	.author-blurb .image img{
		width: 100%;
		border-radius: 50%;
	}
	.author-blurb .text{
		width: 70%;
	}
}
@media (max-width: 500px) {
	.author-blurb{
		background: transparent;
		border: 1px solid #eeb51d;
		border-top: 5px solid #eeb51d;
	}
	.author-blurb .image, .author-blurb .text{
		display: block;
	}
	.author-blurb .image{
		width: 100%;
		max-width: 150px;
		margin: 0 auto;
		vertical-align: middle;
		padding: 10px;
		
	}
	.author-blurb .image img{
		width: 100%;
		border-radius: 50%;
	}
	.author-blurb .text{
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}
}

/* @end */

/* @group Author Profile */
	.author-profile{
		margin-bottom: 50px;
	}
	.author-profile h2{
		color: #2d9898;
	}
	.author-profile p img{
		float: left;
		display: block;
		margin: 0px 20px 20px 0px;
	}


/* @end */

/* @group Blog CTA */
	.blog .cta{
		padding: 25px;
		margin-bottom: 55px;
	}
	.blog .cta h3{
		color: #fff;
		line-height: 1;
		margin-bottom: 0px;
	}
	.blog .cta h2{
		color: #eeb51d;
		line-height: 1;
		margin-bottom: 5px;
	}
	.blog .cta .angled{
		float: right;
	}


/* @end */


/* video embed*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        max-width: 800px;
        max-height: 500px;
    }
	/* @group Blog Features */
		.blog-feature, .action-feature{
			padding: 20px 0px;
			border-bottom: 1px solid #eadfcb;
		}
		.blog-feature span.flag, .action-feature span.flag{
			background: #eeb51d;
			position: absolute;
			right: -10px;
			bottom: 0px;
			padding: 10px 30px;
			
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			text-transform: uppercase;
			transform: skew(-18deg);
		}
		.blog-feature span.flag h5, .action-feature span.flag h5{
			transform: skew(18deg);
			margin-bottom: 0px;
			color: #484848;
			font-size: 11px;
			line-height: 11px;
		}
		.blog-feature .image, .action-feature .image{
			position: relative;
			overflow: hidden;
			float: left;
			margin-right: 20px;
		}
		.blog-feature img, .action-feature img{
			display: block;
		}
		.blog-feature .text, .action-feature .text{
			float: left;
			width: 390px;
		}
		.related-posts .blog-feature .text p.descrip{
			display: none;
		}
		.blog-feature .text h2 a, .action-feature .text h2 a{
			color: #2d9898;
		}
		.blog-feature .text h2 a:hover, .action-feature .text h2 a:hover{
			color: #d85252;
		}
		.blog-feature .text p{
			margin-bottom: 5px;
		
		}

            .blog-feature .text p.descrip {
                font-size:15px;
                line-height:22px;
            }

		.blog-feature .text .author:before, .blog-feature .text .category:before{
			content: " | ";
			color: #565656;
		}
		.blog-feature .info{
			font-size: 12px;
			text-transform: uppercase;
		}
		.pagination{
			margin-top: 30px;
			float: right;
		}

            .pagination a {
                font-size:14px;
                

            }

            .pagination a::after {
                content: "|";
                padding:0 6px;
                display:inline-block;
                color:#565656;
            }

                .pagination a:hover::after {
                    color:#565656;
                }

            .pagination a:first-of-type::after, .pagination a:nth-last-of-type(2)::after, .pagination a:last-of-type::after {
                content:"";
            }
		
		.content-right .blog-feature .image, .content-right .action-feature .image{
			float: none;
			margin-right: 0px;
			margin-bottom: 10px;
		}
		.content-right .blog-feature .text, .content-right .action-feature .text{
			float: none;
			width: 250px;
		}
		.content-right .blog-feature .text p.descrip{
			display: none;
		}
		.content-right .action-feature .text p.descrip{
			margin-bottom: 0px;
            font-size:14px;
            line-height:18px;
            margin-top:5px;
		}
		.content-right .blog-feature h2, .content-right .action-feature h2{
			font-size: 20px;
			line-height: 22px;
			margin: 0px;
		}
		.content-right .blog-feature .info{
			margin-bottom: 0px;
		}
		.content-right .blog-feature .category{
			display: none;
		}
@media (max-width: 720px) {
	.blog .content-left{
		width: 100%;
		float: none;
	}
	.blog-feature .image, .action-feature .image{
		width: 40%;
		margin: 0px;
	}
	.blog-feature .image img, .action-feature .image img{
		width: 100%;
	}
	.blog-feature .text, .action-feature .text{
		width: 60%;
		padding-left: 20px;
	}
	.blog-feature .text .descrip{
		display: none;
	}
	.blog-feature span.flag, .action-feature span.flag{
		padding: 5px 20px;
	}
	.blog-feature span.flag h5, .action-feature span.flag h5{
		font-size: 9px;
	}
	.blog .content-right{
		float: none;
		width: 100%;
	}
	.pagination{
		float: none;
		text-align: center;
		margin-bottom: 60px;
	}
	.content-right .blog-feature .image, .content-right .action-feature .image{
		float: left;
		width: 30%;
		margin: 0px;
	}
	.content-right .blog-feature .text, .content-right .action-feature .text{
		float: left;
		width: 70%;
		padding-left: 20px;
	}
}
@media (max-width: 500px) {
	.content-right .blog-feature .flag, .content-right .action-feature .flag{
		display: none;
	}
}
@media (max-width: 400px) {
	.blog-feature .image, .action-feature .image{
		width: 100%;
		margin-bottom: 10px;
	}
	.blog-feature .text, .action-feature .text{
		width: 100%;
		padding-left: 0px;
	}
	.content-right .blog-feature .info{
		margin-top: 0px;
	}
	
}
	/* @end */
	/* @group Topics */
.popPosts {
    margin-bottom:40px;
}
		/*.topics{
			margin-top: 40px;
		}*/
		.topics table{
			width: 100%;
		}
		.topics td{
			border-bottom: 1px solid #eadfcb;
			margin: 0px;
			padding: 10px 0px;
		}
		.topics td a{
			display: block;
		}
		.topics td a{
			font-size: 16px;
			font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;
			/*font-weight: bold;*/
			color: #565656;
		}

            .topics td a:hover {
                color:#d85252;
            }

		.topics td:nth-of-type(odd) {
			text-align: left;
			padding-right: 3px;
		}
		.topics td:nth-of-type(even) {
			text-align: right;
			padding-left: 3px;
		}

.author .topics {
    margin-top:0;
}
	
	/* @end */
	/* @group Featured Authors */
	
		.authors{
			margin-top: 40px;
		}
		.authors ul{
			margin: 0px;
		}
		.authors li{
			border-bottom: 1px solid #eadfcb;
			display: block;
			margin: 0px;
		}
		.authors li img{
			display: inline-block;
			vertical-align: middle;
			width: 50px;
		}
		.authors li h4{
			display: inline-block;
			padding-left: 10px;
			color: #565656;
            font-size:22px;
            vertical-align:middle;

		}
		.authors li a:hover h4{
			color: #d85252;
		}
	
	/* @end */

/* @end */

/* @group FOOTER */

/* FOOTER */

/* @group FOOTER CTA */

	footer .cta{
		background: #eadfcb;
		padding: 50px 0px;
		margin-top: 100px;
	}
	footer .cta h2{
		font-size: 45px;
		margin-bottom: 5px;
	}
	footer .cta h3{
		font-size: 30px;
		color: #2d9898;
	}
	footer .cta.email .text, footer .cta.email input{
		float: left;
	}
	footer .cta.email .inputs{
		float: right;
		margin-top: 20px;
        width:43%;
	}
        footer .cta.email .text {
            width:50%;
        }
	footer .cta.email .button{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		padding: 10px 0;
        text-align:center;
        width:170px;
	}
	footer .cta.email input[type=email]{
		width: 250px;
		padding-left: 10px;
		text-transform: uppercase;
		height: 41px;
		margin: 0px;
		border: 2px solid #878787;
		border-radius: 0px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
	}
	@-moz-document url-prefix() { 
	  footer .cta.email input[type=email]{height: 44px;}
	}
	@media (max-width: 720px) {
		footer .cta.email .text, footer .cta.email input, footer .cta.email .inputs{
			float: none;
            width:100%;
		}

        footer .cta.email .text {
            width:100%;
        }

		footer .cta.email .inputs{
			margin-top: 30px;
		}
		footer .cta.email input[type=email]{
			float: none;
			width: 100%;
			border-radius: 3px;
			margin-bottom: 15px;
		}
		footer .cta.email .button{
			float: none;
			width: 100%;
			border-radius: 3px;
		}
		footer .cta h2{
			font-size: 35px;
		}
		footer .cta h3{
			font-size: 24px;
		}
	}
/* @end */
/* @group FOOTER LINKS */

	#esn-footer, #esn-footer p, #esn-copyright, #esn-copyright p {
		font-family: "Lato", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #888888;
	}
	#esn-footer p, #esn-copyright p {
		margin-bottom: 20px; 
	}
	#esn-footer {
		width: 100%;
		background: #183450;	
		padding: 44px 0px;
	}
		#esn-footer ul{
			float: left;
			width: 33%;
			/*height: 210px;*/
			border-right: 1px solid #565656;
			padding: 0px 15px;
			margin: 0px;
		}
		#esn-footer ul:first-of-type{
			padding-left: 0px;
		}
		#esn-footer ul:last-of-type{
			padding-right: 0px;
			border-right: none;
		}
		#esn-footer li{
			list-style: none;
			margin-bottom: 10px;
		}
		#esn-footer ul ul{
			float: left;
			width: 100%;
			height: auto;
			border-right: none;
			margin: 0px 0px 25px 0px;
			padding: 0px 5px 0px 0px;
		}
		#esn-footer ul ul:last-of-type{
			width: auto;
            margin-bottom:0;
		}

            #esn-footer ul ul li {
                float:left;
                width:50%;
            }

            #esn-footer ul ul.blog li {
                float:none;
                width:auto;
            }
		#esn-footer h3 a{
			font-size: 36px;			
			line-height: 32px;
			list-style: none;
			text-transform: uppercase;
			margin-bottom: 15px;
			color: #eeb51d;
		}
		#esn-footer h4 a{
			color: #fff;
			font-size: 25px;
			line-height: 35px;
			margin-bottom: 5px;
			text-transform: uppercase;
		}
		#esn-footer h3 a i{
			font-size: 28px;
			margin-right: 20px;
			margin-top: 12px;
		}
		#esn-footer h5 a{
			color: #fff;
			font-size: 18px;
			line-height: 14px;
			margin-bottom: 15px;
			font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
		}
		#esn-footer h3 a:hover, #esn-footer h4 a:hover, #esn-footer h5 a:hover{
			color: #d85252;
		}
		#footer-logo {
			margin-bottom: 20px;
		}
			#footer-logo img {
				height: 60px;
			}
	
	
		
	@media (max-width: 720px) {
		#esn-footer .inside {
			width: 90%;
		}
		#esn-footer ul{
			float: left;
			width: 33%;
			height: 300px;
			margin: 0px;
			margin-bottom: 20px;
		}
		#esn-footer ul:last-of-type{
			padding-right: 0px;
		}
		#esn-footer ul ul{
			margin-bottom: 0px;
			width: auto;
		}

        #esn-footer ul ul li {
            float:none;
            width:auto;
        }		
        #esn-footer .connect{
			padding-top: 0px;
			clear: both;
		}
		#esn-footer .blog{
			padding-top: 30px;
			clear: both;
		}
		#esn-footer h3 a i{
			font-size: 25px;
			margin-right: 10px;
		}
		#esn-footer h3 a:last-of-type i{
			margin-right: 0px;
		}
		
	}
	@media (max-width: 600px) {
		#esn-footer .inside {
			width: 90%;
		}
		#esn-footer ul{
			float: left;
			margin: 0px;
			margin-bottom: 0px;
			border-right: none;
			padding: 0px;
			padding-right: 5px;
			height: 330px;
		}
		#esn-footer ul ul{
			width: auto;
			min-height: auto;
			border-left: none;
		}
		#esn-footer ul ul, #esn-footer ul li{
			float: none;
		}

        #esn-footer ul ul li {
                float:left;
                width:100%;
            }

		#esn-footer .connect{
			margin-bottom: 0px;
		}
		#esn-footer .about{
			padding-left: 10px;
			border-left: 1px solid #565656;
		}
		#esn-footer .act{
			padding-left: 10px;
		}
		#esn-footer .learn{
			border-right: 1px solid #565656;
		}
	}
	@media (max-width: 500px) {
		#esn-footer ul{
			width: 100%;
			border: none;
			height: auto;
		}
		#esn-footer .learn, #esn-footer .about, #esn-footer .act{
			padding-left: 0px;
			border: none;
		}
		#esn-footer ul ul{
			float: left;
			/*width: 50%;*/
			margin-bottom: 20px;
		}
            #esn-footer ul ul li {
                width:50%;
            }
		#esn-footer .connect{
			margin-bottom: 30px;
		}
		#esn-footer .blog{
			padding-top: 0px;
		}
	}

/* @end */
/* @group HOTLINE */

	/* HOTLINE */
	
	#esn-hotline {
		background: #565656;
		padding-top: 20px;
		padding-bottom: 20px;	
	}
		#esn-hotline h3 {
			color: #fff;	
			margin-bottom: 5px;
		}
		#esn-hotline h3 div {
			display: inline;
		}
		#esn-hotline span {
			color: #fff;	
			font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
			font-weight: 400;
			font-size: 16px;
		}
		#esn-hotline span a{
			color: #eeb51d;
		}
		#esn-hotline span a:hover{
			color: #d85252;
		}
	@media (max-width: 720px) {
		#esn-hotline h3 div {
			display: block;
			margin-bottom: 0px;
		}
		
	}

/* @end */
/* @group COPYRIGHT */

/* COPYRIGHT */
	

#esn-copyright .inside {
		
}

	#esn-copyright strong {
		color: #666666;
	}

	.copyright-social {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eadfcb;	
	}

	.urfc-logo {
		margin: 15px 15px 0px 0px;
		width: 115px;
		vertical-align: text-bottom;
	}	
		
		
@media (max-width: 720px) {
	
	#esn-copyright .inside {
		width: 90%;	
	}
	
	.copyright-left, .copyright-right {
		float: none;
		width: auto;
	}
	
	.copyright-right {
		padding-top: 0px;	
	}
	
	#esn-copyright p {
		font-size: 12px;	
		line-height: 18px;
	}
	
}

/* @end */

/* @end */
/* @group FORMS */

/* FORMS */
input[type="text"], input[type="email"]{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.4);
	padding-left: 10px;
	height: 41px;
	margin: 0px;
	margin-bottom: 20px;
	border: 2px solid #eadfcb;
	border-radius: 3px;
	float: none;
	font-size: 12px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
}

select, input[type="text"], input[type="email"], textarea {
	margin-top: 5px;
	margin-bottom: 15px;	
}

textarea {
	padding: 4px;	
}

input[type="submit"], button, input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none; 
	outline: none;
	outline: 0;
}

/* @end */
/* @group Styled Selects */
/* --- EASYDROPDOWN METRO THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown:after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.dropdown{
	position: relative;
	width: 250px;
	cursor: pointer;
	font-weight: 200;
	background: #fff;
	border: 2px solid #eadfcb;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: inline-block;
	vertical-align: middle;
	margin: 15px 0px;
	margin-right: 5px;
}
.dropdown.disabled{
	opacity: .3;
}
.dropdown.open{
	z-index: 200;
}

.dropdown:hover{
	
}

.dropdown:after{
	content: '\f0d7';
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 15px;
	padding: 5px 10px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background: transparent;
}
.dropdown:after{
	background: #2d9898;
	border-left: 2px solid #eadfcb;
}
.dropdown.focus:after{
	background: #d85252;
	content: '\f0d8';
}

/* CARAT */

.dropdown .carat,
.dropdown .carat:after{
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	z-index: 2;
	
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%;
	
}

.dropdown .carat:after{
	margin-top: -10px;
	right: -8px;
}


.dropdown.open .carat{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected,
.dropdown li{
	display: block;
	font-size: 12px;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #f8f8f8;
}

.dropdown:hover .selected::after{
	box-shadow: inset -55px 0 25px -20px #f4f4f4;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -2px;
	right: -2px;
	top: 100%;
	margin-top: -1px;
	overflow: hidden;
	opacity: 0;
	border: 2px solid #eadfcb;
	border-top: none;
	background: #fff;
}

.dropdown:hover div{
	
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #f8f8f8;
}

.dropdown.scrollable:hover div::after{
	box-shadow: inset 0 -50px 30px -35px #f4f4f4;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
	margin-left: 0px;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 8px 12px;
	border-bottom: 1px solid #f3ede2;
}

/* .focus class is also added on hover */

.dropdown li.focus{
	position: relative;
	z-index: 3;
	color: #d85252;
}

.dropdown li.active{
	color: #2d9898;
}


/* @end */

/* @group modal */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation: remodal-overlay-opening-keyframes 0.3s;
}

.remodal-overlay.remodal-is-closing {
  animation: remodal-overlay-closing-keyframes 0.3s;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  transform: translate3d(0, 0, 0);

  color: #565656;
  background: #fff url('../_img/popupbg.jpg') no-repeat center center;
  background-size: 100% 100%;
  border: 1px solid #2d9898;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation: remodal-opening-keyframes 0.3s;
}

.remodal.remodal-is-closing {
  animation: remodal-closing-keyframes 0.3s;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Text */
.remodal p{
	margin-bottom: 0px;
	margin-top: 10px;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #2d9898;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #d85252;
}

.remodal-close:before {
  font-family: 'FontAwesome';
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  right: 0;

  display: block;

  width: 35px;

  content: "\f00d";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 20px 5px;
  padding: 10px 30px;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  border-radius: 3px;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #2d9898;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #d85252;
}

.remodal-cancel {
  color: #fff;
  background: #eeb51d;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #d85252;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 500px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}



/* @end */

/* @group Sticky Table */
	/* Sticky table styles */
	.overflow table {
	    border-collapse: collapse;
/*	    margin-bottom: 3em;*/
	    width: 100%;
	    background: #fff;
	    font-size: 14px;
	    line-height: 18px;
	    font-weight: normal;
	}
	.overflow td, .overflow th {
	    text-align: left;
	    /*border-right: 1px solid #f3ede2;*/
	}
        .overflow td a {
            font-weight:bold;
        }

	.overflow td i.fa-close{
		color: #eeb51d;
	}
	.overflow td i.fa-check{
		color: #2d9898;
	}
	.overflow td.volunteer{
		text-align: center;
	}
		.overflow td.err {
			background-color: #e992b9;
			color: #fff;
			font-size: 0.75em;
			text-align: center;
			line-height: 1;
		}
	.overflow th {
	    font-weight: bold;
	    color: #565656;
	}
	.overflow thead th{
		/*background: #f3ede2;*/
        font-family: 'Economica', Arial Narrow,  Arial, Helvetica, sans-serif;
        font-size:16px;
	}
	.overflow tbody th {
		font-weight: normal;
	}
	.overflow tbody th a{
		
	}
	.overflow tbody tr:nth-child(2n-1) {
	    background-color: #f3ede2;
	    transition: all .125s ease-in-out;
	}
	.overflow tbody tr:hover {
	    background-color: rgba(243,237,226,.3);
	}
	@media (max-width: 720px) {
		.overflow .wide{
		    min-width: 200px;
		}
	}
	
	/* For appearance */
	.sticky-wrap {
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		margin: 3em 0;
		width: 100%;
	}
	.sticky-wrap .sticky-thead,
	.sticky-wrap .sticky-col,
	.sticky-wrap .sticky-intersect {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		transition: all .125s ease-in-out;
		z-index: 50;
		width: auto; /* Prevent table from stretching to full size */
	}
		.sticky-wrap .sticky-thead {
			box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
			z-index: 100;
			width: 100%; /* Force stretch */
		}
		.sticky-wrap .sticky-col{
			box-shadow: 0 0.25em 0.2em 0.2em rgba(0,0,0,.125);
			
		}
		.sticky-wrap .sticky-intersect {
			opacity: 1;
			z-index: 150;
		}
			.sticky-wrap .sticky-intersect th {
				background-color: #666;
				color: #eee;
			}
	.sticky-wrap td,
	.sticky-wrap th {
		box-sizing: border-box;
		vertical-align: top;
	}
	
	/* Not needed for sticky header/column functionality */
	table.overflow-y td.user-name {
		text-transform: capitalize;
	}
	.sticky-wrap.overflow-y {
		overflow-y: auto;
		max-height: 50vh;
		 border: 1px solid #f3ede2;
	}

 span.volText {
    display:none;
}



div.container {max-width:980px;
}

/* @end */
/* @group Photo Gallery */

.owl-item p.descrip {
    font-size:15px;
    line-height:24px;
}

/* @group owl carousel */
	/* 
	 * 	Core Owl Carousel CSS File
	 *	v1.3.3
	 */
	
	/* clearfix */
	.owl-carousel .owl-wrapper:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	/* display none until init */
	.owl-carousel{
		display: none;
		position: relative;
		width: 100%;
		-ms-touch-action: pan-y;
	}
	.owl-carousel .owl-wrapper{
		display: none;
		position: relative;
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	.owl-carousel .owl-wrapper-outer{
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.owl-carousel .owl-wrapper-outer.autoHeight{
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out;
	}
		
	.owl-carousel .owl-item{
		float: left;
	}
	.owl-controls .owl-page,
	.owl-controls .owl-buttons div{
		cursor: pointer;
	}
	.owl-controls {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	/* mouse grab icon */
	.grabbing { 
	    cursor:url(grabbing.png) 8 8, move;
	}
	
	/* fix */
	.owl-carousel  .owl-wrapper,
	.owl-carousel  .owl-item{
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
	  -webkit-transform: translate3d(0,0,0);
	  -moz-transform: translate3d(0,0,0);
	  -ms-transform: translate3d(0,0,0);
	}
.fancybox {
    position:relative;
    overflow:hidden;
    display:block;
}
.fancybox i {
    position:absolute;
    top:10px;
    right:10px;
    font-size:18px;
    color:#2d9898;
}

    .fancybox:hover i {
        color:#eeb51d;
    }
	
	


/* @end */
/* @group owl theme */

	/*
	* 	Owl Carousel Owl Demo Theme 
	*	v1.3.3
	*/
	
	.owl-theme .owl-controls{
		margin-top: 10px;
		text-align: center;
	}
	
	/* Styling Next and Prev buttons */
	
	.owl-theme .owl-controls .owl-buttons div{
		color: #2d9898;
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
		margin: 5px;
		font-size: 55px;
		font-family: 'Economica', Arial Narrow, Arial, Helvetica, sans-serif;
		font-weight: 700;
		position: absolute;
		bottom: -120px;
		/*z-index: 9999;*/
	}
	.owl-next{
		right: -20px;	
	}
	.owl-prev{
		left: -20px;	
	}
	/* Clickable class fix problem with hover on touch devices */
	/* Use it for non-touch hover action */
	.owl-theme .owl-controls.clickable .owl-buttons div:hover{
		color: #eeb51d;
		text-decoration: none;
	}
	
	/* Styling Pagination*/
	
	.owl-theme .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
	.owl-theme .owl-controls .owl-page span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);/*IE7 fix*/
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
	}

	/* If PaginationNumbers is true */
	
	.owl-theme .owl-controls .owl-page span.owl-numbers{
		height: auto;
		width: auto;
		color: #FFF;
		padding: 2px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}

	/* preloading images */
	.owl-item.loading{
		min-height: 150px;
		background: url(AjaxLoader.gif) no-repeat center center
	}

/* @end */

	#gallery .item div{
		padding-top: 10px;
	}
	#gallery .item div p{
		margin-bottom: 5px;
	}
	#owlStatus{
		margin-bottom: 5px;
	}
	#thumbs{
		border-top: 2px solid #eadfcb;
		margin-bottom: 50px;
		padding-top: 30px;
	}
	#thumbs .item{
	    background: #C9C9C9;
	    margin: 5px;
	    color: #FFF;
	    text-align: center;
	    cursor: pointer;
	}
	#thumbs .owl-item{

	}
	#thumbs .synced .item{
	  border-bottom: 5px solid #eeb51d;
	}

	#gallery .item img, #thumbs .item img{
		width: 100%;
	}

/* @end */

/* Styles for Rich Text Editor*/
/**umb_name:Body*/
.body{font-size:17px;
line-height:30px;}

/**umb_name:Body 18px*/
.Body18{font-size:18px;
line-height:31px;}

/**umb_name:Body 20px*/
.body20{font-size:20px;
line-height:34px;}

/**umb_name:Intro (Teal)*/
.intro{margin: 0px 0px 25px;
font-family: "Economica",Arial Narrow,Arial,Helvetica,sans-serif;
font-weight: 700;
font-size: 26px;
color: #2D9898;
line-height: 32px;}

/**umb_name:Intro (grey)*/
.IntroGrey{margin: 0px 0px 25px;
font-family: "Economica",Arial Narrow,Arial,Helvetica,sans-serif;
font-weight: 500;
font-size: 28px;
color: #676767;
line-height: 32px;}

a.at-svc-facebook, a.at-svc-twitter, a.at-svc-pinterest_share,a.at-svc-google_plusone_share, a.at-svc-email, a.at-svc-compact {
    background:none !important;
    background-color:#259899 !important;
}

.at-icon-wrapper {
    background-color: #259899 !important;
}

a.at-svc-facebook {
}

ul li.donate a {
    font-size: 22px;
    -webkit-transform: skew(-17.5deg);
    -ms-transform: skew(-17.5deg);
    transform: skew(-17.5deg);
    padding: 0 35px;
    text-transform:uppercase;
    color: #484848;
    background-color: #eeb51d;
    margin-top:20px;
}

    ul li.donate a:hover {
        color: #ffffff;
        background: #d85252;
    }

    ul li.donate a span {
        -ms-transform: skew(17.5deg);
        -webkit-transform: skew(17.5deg);
        transform: skew(17.5deg);
        display:inline-block;
    }

#esn-short-mainnav ul.mainnav li.donate a {
    padding: 0 35px;
    margin-left:3px;
}

    #esn-short-mainnav ul.mainnav li.donate a span {
        padding: 0;
    }

a.button.angled {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding:5px 0;
}

.donateCallOut {
    background-color: #EADFCB;
    border: 1px solid #565656;
    position: relative;
    text-align: center;
    padding: 20px;
}

.donateCTA{
	float:right;
	background-color:#EADFCB;
	border: 1px solid #565656;
	margin:30px;
    margin-right:0;
	position: relative;
	text-align: center;
	padding:20px;
    width:50%;
    max-width:300px;
}

.donateCTA .button.small{
	display: block;
    width: 120px;
    margin: 15px auto -35px auto;

}

.donateSwapGroup{
	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex; 
	
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
} 

.donateSwapItem{
	width:32%;
	text-align: center;
	margin-bottom:30px;
}

.donateSwapItem .wrapper{
	background-color:#EADFCB;
	border: 1px solid #565656;
	margin-top:70px;
	margin-bottom:20px;
	padding:20px;
	
}

.donateSwapItem .wrapper p{
	font-size:14px;
	line-height: 24px;
	margin-top:35px;
	margin-bottom:20px;
}

.donateSwapItem .wrapper img{
	margin-top:-75px;
	height:110px;
}

.donateSwapItem .wrapper .button{
	display: block;
    width: 140px;
    margin: 15px auto -35px auto;
}

.donateSwapItem .divider{
	position:relative;
}

.donateSwapItem .divider span{
	letter-spacing: -3px;
	color:#2d9898;
	margin:3px;
}

.donateSwapItem a{
	color:#2D9898;
}

.remodal.donate {
    max-width:700px;
}

    .remodal.donate .inputGroup p.errorMessage {
        display: none;
        color: red;
        font-size: 10px;
        line-height: 10px;
    }

    .remodal.donate .inputGroup p.errorMessage.show {
        display: block;
    }

    .remodal.donate form {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 20px;
        flex-wrap:wrap;
    }

    .remodal.donate .inputGroup {
        width:60px;
        margin-bottom:15px;
    }

.remodal.donate input[type=text] {
    width:100%;
    display:block;
    margin:auto;
    text-align:center;
}

    .remodal.donate input.error {
        border-color:red;
    }

    .remodal.donate .operator {
        font-size: 46px;
        font-family: "Economica";
        margin: 5px 15px 0 15px;
    }

    .remodal.donate .inputGroup p {
        font-size: 12px;
        line-height: 16px;
    }

@media (max-width:720px) {
    .donateSwapGroup {
        flex-direction:column;
    }

    .donateSwapItem {
        width:100%;
    }
}