html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, u, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, #top-nav ul, #top-nav li, #global-links ul, 
#global-links li, #mobile-nav ul, #mobile-nav li, #left-nav ul, #left-nav li, ul#breadcrumbs, ul#breadcrumbs li, footer ul, footer li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {
	display: block
}
body {
	line-height: 1
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.landing-page .three-column-links:after, .top-level.home .news-home:after, .top-level.home .news-home .news:after, .landing-page .photo-feature-4-across:after {
	content: "";
	display: table;
	clear: both
}
* {
	box-sizing: border-box
}
html {
	overflow-y: scroll
}
body {
	font: 62.5%/1.7em "Barlow", Arial, sans-serif;
	color: #342f2e;
	background: #fff;
	min-width: 98%;
	height: 100%;
	overflow-x: hidden
	/* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: antialiased;
	font-smooth: always;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
a.screen-reader-shortcut {
	left: .5em;
	position: absolute;
	top: -99px
}
a.screen-reader-shortcut:focus {
	background-color: #fff;
	box-shadow: 0 0 0.3rem 0.3rem rgba(0,0,0,0.6);
	color: #401f68;
	font: bold 1.5em sans-serif;
	padding: 1rem;
	top:.5rem;
	z-index: 5;
}
a#scrollup {
	display: none;
	opacity: .9;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 2rem;
	bottom: 2rem;
	background: #018935 url(images/icons/arrow-up-white.png) no-repeat 50%/24px 15px;
	/*border: 1px solid #fff;*/
	/*transform: rotate(270deg)*/
	transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
}
a:hover#scrollup {
	background-color: #00a90c;
}
a:focus#scrollup {
	border: 1px solid #fff;
	outline: none
}

#main-content {
	font-size: 16px;
	line-height: 1.7em;
	outline: none !important
}
.contain-100 {
	margin: 0 auto;
	max-width: 100px;
	box-sizing: content-box;
}
.contain-780 {
	margin: 0 auto;
	max-width: 780px;
	box-sizing: content-box;
}
.contain-850 {
	margin: 0 auto;
	max-width: 850px;
	box-sizing: content-box;
}
.contain-970 {
	margin: 0 auto;
	max-width: 970px;
	box-sizing: content-box;
}
.contain-1120 {
	margin: 0 auto;
	max-width: 1120px;
	box-sizing: content-box;
}
.contain-1240 {
	margin: 0 auto;
	max-width: 1240px;
	box-sizing: content-box;
}
.contain-1440 {
	margin: 0 auto;
	max-width: 1440px;
}

/*#back-to-top {
	display: none;
}*/
ul#breadcrumbs {
	list-style: none;
	font: 13px/1.5rem "Barlow", "Arial Black", sans-serif;
	text-transform: uppercase;
padding:0 0 .5rem 0;
	margin-bottom: 2rem;
	border-bottom: 4px solid #f0f0f0;
	min-height: 30px
}
ul#breadcrumbs li {
	display: inline;
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 0.5rem 0.1rem/5px 8px;
	padding-left: 2em
}
ul#breadcrumbs li:first-child {
	background: none;
	padding-left: 0
}
ul#breadcrumbs li.active {
	color: #04b70f
}
ul#breadcrumbs a {
	color: #716c6b
}
#instagram ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none
}
#instagram ul li {
	background: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 16.66667%
}
#instagram ul img {
	display: block
}
#instagram p {
	font: 16px "Barlow", "Arial Black", sans-serif;
padding:1rem .5rem;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	background: #007c26;
	text-align: center
}
#instagram p a {
	color: #b6acd1
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto
}
.bottom-margin {
	margin-bottom: 3rem
}
.bottom-margin-big {
	margin-bottom: 5rem
}
.bottom-margin-small {
	margin-bottom: .6rem
}
.no-bottom-margin {
	margin-bottom: 0
}
.responsive-table {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	margin: 1em 0 2em 0
}
.responsive-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%
}
.responsive-container iframe, .responsive-container object, .responsive-container embed, .responsive-container video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}
.page-frame-embedded {
	height: 36rem;
	border-bottom: 18px solid #3d3d3d;
}
.page-frame-embedded-1 {
	height: 56rem;
	border-bottom: 18px solid #3d3d3d;
}
.responsive-container .overlay {
	position: absolute;
	bottom: 20%;
	width: 100%;
	text-align: center;
	z-index: 5000;
	cursor: default
}
.responsive-container .overlay h2 {
	color: white;
	font: 60px/1.2em "Barlow", Impact, sans-serif;
	margin-bottom: 1rem;
	position: relative;
/*	text-shadow: 2px 2px 0 black*/
}
a.photo-hover:hover {
	opacity: 1.0;
}

.photo-hover {
	display: inline-block;
    background: #003b0f;
	padding: 0;
}
.photo-hover img {
    display: block;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.photo-hover:hover img {
    opacity: 0.1;
}

.show-label {
	display: block;
	position: relative;
	width: auto;
	height: auto;
}
.hide-label {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden
}
.group:after {
	content: "";
	display: table;
	clear: both
}
a[href$=".pdf"], a[href$=".PDF"], a.pdf {
	padding-right: 2rem;
	background: url(images/icons/pdf.png) no-repeat right center
}
a[href$=".docx"], a[href$=".DOCX"], a.docx, a[href$=".doc"], a[href$=".DOC"], a.doc {
	padding-right: 2rem;
	background: url(images/icons/word.png) no-repeat right center
}
a[href$=".xlsx"], a[href$=".XLSX"], a.xlsx, a[href$=".xls"], a[href$=".XLS"], a.xls {
	padding-right: 2rem;
	background: url(images/icons/excel.png) no-repeat right center
}

a[target$="new"] {
	padding-right: 1.2rem;
	background: url(images/icons/new-page.png) no-repeat right center
}

@media screen and (max-width: 1140px) {
#main-content .contain-1120 {
	margin-left: 1rem;
	margin-right: 1rem
}
.responsive-container .overlay {
	bottom: 20%
}
.responsive-container .overlay h2 {
	font-size: 48px
}
}
@media screen and (max-width: 768px) {
a#scrollup {
	right: 1rem;
	bottom: 1rem
}
.hide-mobile, a.screen-reader-shortcut {
	display: none
}
#page, #page-no-hero {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}
.responsive-container .overlay {
	bottom: 15%
}
.responsive-container .overlay h2 {
	font-size: 36px;
margin-bottom:.5rem
}
#back-to-top {
	display: block;
	font: 18px "Barlow", "Arial", sans-serif;
	color: #401f68;
	text-align: center;
	text-transform: uppercase;
	margin: 2rem 0
}
#back-to-top:before {
	background: url(images/icons/arrow-down-ltpurple.svg) no-repeat 50%/15px 19px;
	padding: 0 25px;
	content: " "
}
#back-to-top:after {
	background: url(images/icons/arrow-down-ltpurple.svg) no-repeat 50%/15px 19px;
	background-size: 15px 19px;
	padding: 0 25px;
	content: " "
}
#back-to-top {
	margin: 2rem 0 2rem 0
}
#back-to-top:before {
	background: url(images/icons/arrow-up-ltpurple.svg) no-repeat 50%/15px 19px
}
#back-to-top:after {
	background: url(images/icons/arrow-up-ltpurple.svg) no-repeat 50%/15px 19px
}
#instagram ul li {
	width: 33.33333%
}
#instagram ul li img {
	width: 256px
}
}
@media screen and (max-width: 480px) {
.responsive-container .overlay {
	bottom: 10%
}
.responsive-container .overlay h2 {
	font-size: 24px;
margin-bottom:.5rem
}
.bottom-margin {
	margin-bottom: 1.5rem
}
.bottom-margin-big {
	margin-bottom: 2.5rem
}
#instagram ul li {
	width: 50%
}
#instagram ul li img {
	width: 240px
}
}
h2 {
	/*font-family: "Barlow", sans-serif;
	font-size: 2.2em;
	font-weight:100;
	color: #007c26;
	margin-bottom: 1rem*/
	
	font: 2.2em/1.2em "Barlow", sans-serif;
	color: #007c26;
	margin-bottom: 1rem
}
h3 {
	font: 34px "Barlow", Impact, sans-serif;
	color: #333;
	margin-bottom:.5rem
}
h4 {
	font: 26px "Barlow", Arial, sans-serif;
	color: #716c6b;
	margin-bottom: 1rem
}
h5 {
	font: 21px "Barlow", Arial, sans-serif;
	color: #007c26;
	line-height: 1.8rem;
	margin-bottom: 1rem
}
h6 {
	font: 21px "Barlow", Arial, sans-serif;
	font-weight: 300;
	color: #333;
	margin-bottom: 1rem;
	line-height: 30px;
}
h7 {
	font: 14px "Barlow", Arial, sans-serif;
	font-weight: 300;
	color: #333;
	margin-bottom: 1rem;
	line-height: 30px;
}
#section-header h2 {
	font: 18px "Barlow", Arial, sans-serif;
	text-transform: none;
	margin-bottom: 0
}
.content a, .content-full a {
	font-family: "Barlow", Arial, sans-serif;
	color: #007c26;
	text-decoration: none
}
.content a:hover, .content-full a:hover {
	text-decoration: underline
}
.content p a, .content-full p a {
	font-family: "Barlow", Arial, sans-serif;
	color: #007c26;
	text-decoration: underline;
}
.content p a:hover, .content-full p a:hover {
	text-decoration: none;
}
.content strong, .content b, .content-full strong, .content-full b {
	font-family: "Barlow", Arial, sans-serif;
	font-weight: normal
}
.content em, .content i, .content-full em, .content-full i {
	font-family: "Barlow", Arial, sans-serif;
	font-style: italic;
}
.content strong em, .content em strong, .content strong i, .content i strong, .content b i, .content i b, .content-full strong em, .content-full em strong, .content-full strong i, .content-full i strong, .content-full b i, .content-full i b {
	font-family: "Barlow", Arial, sans-serif;
	font-style: normal;
	font-weight: normal
}
.content p:last-of-type, .content-full p:last-of-type {
	margin-bottom: 1.5rem
}
.content ul, .content-full ul {
	list-style: none;
	margin: 0 0 1em 1em;
	padding-left: 1em
}
.content ul li, .content-full ul li {
	background: url(images/icons/bullet.png) top left no-repeat;
	background-position: 0 .70em;
	padding: 0 0 .5em 1em;
	overflow: hidden
}
.content ol, .content-full ol {
	list-style: outside;
	padding-left: 3.3em;
	margin-bottom: 1em
}
.content ol li, .content-full ol li {
	list-style-type: decimal
}
.content table, .content-full table {
	width: 100%;
	margin: 1em 0 0 0;
	font-family: "Barlow", Arial, sans-serif;
	line-height: 1.5em
}
.content table th, .content-full table th {
	background: #007c26;/*007c26*/
	font: 21px "Barlow", "Arial", sans-serif;
	color: #fff;
	padding:.7rem 1rem .7rem 1rem;
	text-align: left;
	border: 2px solid #fff
}
.content table td, .content-full table td {
	padding:.7rem 1rem .7rem 1rem;
	border: 2px solid #fff;
	vertical-align: top
}
.content table tr.stripe td, .content-full table tr.stripe td {
	background: #f0f0f0
}
.content table tr.hover td, .content-full table tr.hover td {
	background: #578c67;
	color: #fff
}
.content table.table-no-hover tr.hover td, .content-full table.table-no-hover tr.hover td {
	background: none;
	color: inherit
}
.content table.table-no-hover tr.hover.stripe td, .content-full table.table-no-hover tr.hover.stripe td {
	background: #f0f0f0
}
.content table.table-center-header th, .content-full table.table-center-header th {
	text-align: center
}
.content table ul, .content-full table ul {
	margin-left: 0;
padding-top:.5rem
}
.align-text-center {
	text-align: center
}
.align-image-left {
	float: left;
	margin: .5em 1.5em .5em 0
}
.align-image-right {
	float: right;
	margin: .5em 0 .5em 1.5em
}
.align-image-center {
	margin: 0 auto;
	display: block
}


@font-face {
	font-family: "Barlow-Thin";
	src: url(fonts/Barlow-Thin.woff) format("woff");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Barlow";
	src: url("/css/fonts/Barlow-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Barlow-Bold";
	src: url(fonts/Barlow-Bold.woff) format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Barlow-Italic";
	src: url(fonts/Barlow-Italic.woff) format("woff");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Barlow-BoldItalic";
	src: url(fonts/Barlow-BoldItalic.woff) format("woff");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "BarlowCondensed-Regular";
	src: url(fonts/BarlowCondensed-Regular.woff) format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Barlow-SemiCondensed-Regular";
	src: url(fonts/BarlowSemiCondensed-Regular.woff) format("woff");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Barlow-ExtraLight";
	src: url(fonts/Barlow-ExtraLight.woff) format("woff");
	font-weight: normal;
	font-style: normal
}

/*----------------------------------------------------------*/
.home-member-form form {
	margin-bottom:0
}
.home-member-form fieldset {
	padding: 0;
	margin: 0 0 0 0;
	width: auto;
}
.home-member-form .membership-login, .membership-register {
	display: inline-block;
	/*background: rgba(216,229,217,.4);*/
	/*padding: 1.2em 2em 1.8em 2.5em;*/
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	/*overflow: auto;*/
}
.piep-iframe {
	display: block;
	width: 100%;
	height: 145em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
@media screen and (max-width: 320px) {
.piep-iframe {
	display: block;
	width: 100%;
	height: 212em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
.piep-iframe-login {
	display: block;
	width: 100%;
	height: 91em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
.piep-iframe-confirmation {
	display: block;
	width: 100%;
	height: 95em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
}
@media screen and (max-width: 480px) {
.piep-iframe {
	display: block;
	width: 100%;
	height: 212em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
.piep-iframe-login {
	display: block;
	width: 100%;
	height: 91em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
.piep-iframe-confirmation {
	display: block;
	width: 100%;
	height: 95em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
}
.piep-iframe-login {
	display: block;
	width: 100%;
	height: 60em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
.piep-iframe-confirmation {
	display: block;
	width: 100%;
	height: 64em;
	margin: 0 0 5em 0;
	padding: 2em 0 2em 0;
	border: 2px solid rgba(51,204,153,.2);
	overflow: visible;
	border-radius: 12px;
}
.home-member-form label {
	margin: .5em 0 .2em;
	font-weight: 500;
	display: block
}
.home-member-form .required {
	margin: .5em 0 .2em;
	font: 1.3rem "Barlow", "Arial Black", sans-serif;
	color: rgba(255,51,0,1);
}
.home-member-form .input-left-box {
	display: inline-block;
	position: relative;
	margin: 0 0 0 0;
	height: auto;
	width: auto;
	
}
.home-member-form .tooltip {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 0 0 .4em;
	height: auto;
	width: 255px;
	font: .77rem/1.1rem "Barlow", "Arial", sans-serif;
	font-style: italic;
}
.home-member-form .tooltip2 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 3em 0 0 .4em;
	height: auto;
	width: 285px;
	font: .77rem/1.1rem "Barlow", "Arial", sans-serif;
	font-style: italic;
}
.home-member-form .tooltip3 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 3em 0 0 1.3em;
	height: auto;
	width: 275px;
	font: .77rem/1.1rem "Barlow", "Arial", sans-serif;
	font-style: italic;
}
.home-member-form input+label, .home-member-form select+label, .home-member-form .label-secondary+label, .home-member-form .required+label {
	margin: 1.5rem 0 0
}
.home-member-form input, .home-member-form input[type="text"], .home-member-form textarea {
	display: inline-block;
	padding:.25rem .5rem;
	margin:0 .65rem 0 0;
	height: 2.688rem;
	min-width: 19rem;
	background: #fff;
	line-height: 33px;
	border-radius: 0;
	border: 1px solid #999;
	font: "Barlow", "Arial", sans-serif;
	font-size:18px;
	font-weight: 500;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.home-member-form textarea {
	min-height: 7rem;
	border: 1px solid #999;
	font: "Barlow", "Arial", sans-serif;
	font-size:18px;
}


/*------------------------------------------------------------------------------------------------*/
.left-nav-form select {
	display: inline-block;
	min-width: 13rem;
	height: 2.5rem;
	margin: -0.3rem 0 1.5rem 0;
	padding:.17rem 1.5rem .17rem .3rem;
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff url(images/icons/arrow-down-dkgrey.svg) no-repeat top 50% right 0.5rem/17px 10px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 18px;
	line-height: 33px;
	color: #716c6b;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.left-nav-form select:focus {
	outline: 0 none;
	border-color: #007c26
}
.left-nav-form select::-ms-expand {
	display:none;
}
.left-nav-form select:-moz-focusring {
	color:transparent;
	text-shadow:0 0 0 #000;
}
.left-nav-form select option {
	font-family: "Barlow", Arial, sans-serif;
}
.left-nav-form select[multiple] {
	height: auto;
}

/*----past-officers nav on portrait cp----------------------*/
@media only screen and (min-width: 992px) {
#past-officers {
	visibility:hidden;
}
}
@media only screen and (min-width: 1200px) {
#past-officers {
	visibility:hidden;
}
}
.past-officers-cp-years {
	display: block;
	margin: 0 0 10px 0;
}
.past-officers-nav-form select {
	display: block;
	width: 100%;
	height: 2.5rem;
	margin: -0.3rem 0 1.5rem 0;
	padding:.17rem 1.5rem .17rem 0;
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff url(images/icons/arrow-down-dkgrey.svg) no-repeat top 50% right 0.5rem/17px 10px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 18px;
	line-height: 33px;
	color: #716c6b;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.past-officers-nav-form select:focus {
	outline: 0 none;
	border-color: #007c26
}
.past-officers-nav-form select::-ms-expand {
	display:none;
}
.past-officers-nav-form select:-moz-focusring {
	color:transparent;
	text-shadow:0 0 0 #000;
}
.past-officers-nav-form select option {
	font-family: "Barlow", Arial, sans-serif;
}
.past-officers-nav-form select[multiple] {
	height: auto;
}


/*------------------------------------------------------------------------------------------------*/

.home-member-form input[type=text], .home-member-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form select, .web-form textarea {
	display: inline-block;
	border: 1px solid #999;
	line-height: 33px;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	height: 2.688rem;
	min-width: 19rem;
	background: #fff;
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 18px;
	color: #333;
}
.home-member-form input[type=text]:focus, .home-member-form input[type=password]:focus, .home-member-form input[type=email]:focus, .web-form input[type=url]:focus, .web-form input[type=date]:focus, .web-form input[type=month]:focus, .web-form input[type=time]:focus, .web-form input[type=datetime]:focus, .web-form input[type=datetime-local]:focus, .web-form input[type=week]:focus, .web-form input[type=number]:focus, .web-form input[type=search]:focus, .web-form input[type=tel]:focus, .web-form input[type=color]:focus, .web-form select:focus, .web-form textarea:focus, .home-member-form textarea:focus {
	outline: 0 none;
	border: 2px solid #01ab21;
}
.home-member-form button::-moz-focus-inner, .home-member-form input::-moz-focus-inner {
border:0;
padding:0
}
.home-member-form button, .home-member-form input, .home-member-form select, .home-member-form textarea {
	font-size: 100%;
	vertical-align: baseline;
	vertical-align: middle
}
.home-member-form button, .home-member-form input {
	line-height: normal
}


.home-member-form input[type="button"], .home-member-form input[type="reset"], .home-member-form input[type="submit"] {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	border:0;
	overflow: visible;
	min-width: 165px;
	border-radius: 6px;
	font: 18px "Barlow", "Arial", sans-serif;
	font-weight: 600;
	color: #fff;
	background: #00a90c;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 .5em .5em 0;
	padding: .6em 1em .9em 1em;
	-webkit-appearance: button;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.home-member-form input[type="button"]:before, .home-member-form input[type="reset"]:before, .home-member-form input[type="submit"]:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #007c26;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 6px;
}

.home-member-form textarea
{
    font: 18px "Barlow", Arial, serif;
	font-weight:500;
	color: #333;
}
/*----------------------------------------------------------*/

.web-form form {
margin-bottom:.5rem
}
.web-form fieldset {
	border: 1px solid #eee;
	padding: .35em .625em .75em;
	margin: 0;
	border: 0
}
.web-form legend {
	white-space: normal;
	margin-left: -7px;
	display: block;
	width: 100%;
	padding: .3em 0;
	margin-bottom: .3em;
	color: #444;
	border-bottom: 1px solid #ccc
}
.web-form label {
	margin: .5em 0 .2em;
	display: block
}
.web-form label.right {
	font-style: italic;
	font-weight: normal;
	font-size: .9em
}
.web-form label .required {
	display: inline
}
.web-form input+label, .web-form select+label, .web-form .label-secondary+label, .web-form .required+label {
	margin: 1.5rem 0 0
}
.web-form input, .web-form input[type="text"] {
	border: 1px solid #ccc;
	font: .51515 "Barlow-Bold", "Arial Black", sans-serif;
	color: #444;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
padding:.25rem .5rem;
margin:0 .65rem 0 0
}

.web-form input[type=checkbox], .web-form input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	height: 13px;
	width: 13px
}
.web-form input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.web-form input[type=search]::-webkit-search-cancel-button, .web-form input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
.web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form select, .web-form  {
	display: inline-block;
	border: 1px solid #ccc;
	font-size: 17px;
	line-height: 33px;
	color: #716c6b;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	height: 2.688rem;
	min-width: 30rem;
	background: #fff;
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.web-form input[type=text].required, .web-form input[type=password].required, .web-form input[type=email].required, .web-form input[type=url].required, .web-form input[type=date].required, .web-form input[type=month].required, .web-form input[type=time].required, .web-form input[type=datetime].required, .web-form input[type=datetime-local].required, .web-form input[type=week].required, .web-form input[type=number].required, .web-form input[type=search].required, .web-form input[type=tel].required, .web-form input[type=color].required, .web-form select.required, .web-form textarea.required {
	border: 1px solid #b2292e
}
.web-form input[type=text]:focus, .web-form input[type=password]:focus, .web-form input[type=email]:focus, .web-form input[type=url]:focus, .web-form input[type=date]:focus, .web-form input[type=month]:focus, .web-form input[type=time]:focus, .web-form input[type=datetime]:focus, .web-form input[type=datetime-local]:focus, .web-form input[type=week]:focus, .web-form input[type=number]:focus, .web-form input[type=search]:focus, .web-form input[type=tel]:focus, .web-form input[type=color]:focus, .web-form select:focus, .web-form textarea:focus {
	outline: 0 none;
	border-color: #007c26
}
.web-form input[type=text].required:focus, .web-form input[type=password].required:focus, .web-form input[type=email].required:focus, .web-form input[type=url].required:focus, .web-form input[type=date].required:focus, .web-form input[type=month].required:focus, .web-form input[type=time].required:focus, .web-form input[type=datetime].required:focus, .web-form input[type=datetime-local].required:focus, .web-form input[type=week].required:focus, .web-form input[type=number].required:focus, .web-form input[type=search].required:focus, .web-form input[type=tel].required:focus, .web-form input[type=color].required:focus, .web-form select.required:focus, .web-form textarea.required:focus {
	border-color: #b2292e
}
.web-form input[type=file]:focus, .web-form input[type=radio]:focus, .web-form input[type=checkbox]:focus {
	outline: thin dotted #444;
	outline: 0px auto #007c26
}
.web-form input[type=text][disabled], .web-form input[type=password][disabled], .web-form input[type=email][disabled], .web-form input[type=url][disabled], .web-form input[type=date][disabled], .web-form input[type=month][disabled], .web-form input[type=time][disabled], .web-form input[type=datetime][disabled], .web-form input[type=datetime-local][disabled], .web-form input[type=week][disabled], .web-form input[type=number][disabled], .web-form input[type=search][disabled], .web-form input[type=tel][disabled], .web-form input[type=color][disabled], .web-form select[disabled], .web-form textarea[disabled] {
	cursor: not-allowed;
	background-color: #eee;
	color: #ccc
}
.web-form input[readonly], .web-form select[readonly], .web-form textarea[readonly], .web-form input[readonly]:focus, .web-form select[readonly]:focus, .web-form textarea[readonly]:focus {
	background: #eee;
	color: #716c6b;
	border-color: #ccc
}
.web-form input[type=file] {
	background-image: none;
	font: normal 17px "Barlow", Arial, sans-serif
}
.web-form input[type=file]:hover {
	background-image: none
}
.web-form select {
	background: #fff url(images/icons/arrow-down-dkgrey.svg) no-repeat top 50% right 0.5rem/17px 10px;
	color: #716c6b;
	font: .51515 "Barlow-Bold", "Arial Black", sans-serif;
	border: 1px solid #ccc;
	display: inline-block;
	height: 2.688rem;
margin:0 .65rem 0 0;
padding:.25rem 1.5rem .25rem .5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.web-form select::-ms-expand {
display:none
}
.web-form select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.web-form select option {
	font-family: "Barlow", Arial, sans-serif
}
.web-form select[multiple] {
	height: auto
}
.web-form textarea {
	border: 1px solid #ccc;
	font: .51515 "Barlow-Bold", "Arial Black", sans-serif;
	padding: 0.3em 1.5em 0.3em .5em;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	overflow: auto;
	vertical-align: top
}
.web-form .field {
	margin-bottom: .7em
}
.web-form .checkbox {
	margin-right: .3em
}
.web-form .checkbox .right {
	font-weight: bold;
	font-style: normal;
	font-size: 1em
}
.web-form .checkbox.required {
	display: inline
}
.web-form .radio {
	margin-right: .3em
}
.web-form .radio.required {
	display: inline
}
.web-form .required {
	color: #b2292e;
	font-weight: normal;
	display: block
}
.web-form label span.required {
	display: inline;
	margin-left: 0.5rem
}
.web-form span.required {
	display: inline
}
.web-form .form-help-inline, .web-form .form-message-inline {
	display: inline-block;
	padding-left: .3em;
	color: #716c6b;
	vertical-align: middle
}
.web-form .form-message {
	display: block
}
.web-form button::-moz-focus-inner, .web-form input::-moz-focus-inner {
border:0;
padding:0
}
.web-form button, .web-form input, .web-form select, .web-form textarea {
	font-size: 100%;
	vertical-align: baseline;
	vertical-align: middle
}
.web-form button, .web-form input {
	line-height: normal
}
.web-form button, .web-form input[type=button], .web-form input[type=reset], .web-form input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	overflow: visible
}
.web-form button[disabled], .web-form input[disabled] {
	cursor: default
}
@media only screen and (max-width: 640px) {
.web-form button[type=submit] {
	margin: .7em 0 0
}
.web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form label {
	margin-bottom: .3em;
	display: block
}
.web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form select, .web-form textarea {
	width: 100%;
	min-width: inherit
}
.web-form .form-help-inline, .web-form -message-inline, .web-form -message {
	display: block;
	font-size: 80%;
	padding: .2em 0 .8em
}
}
header {
	background: url(../images/homepage/header.jpg) #007c26;
	border-bottom: 2px solid #fff;
}
header > #anniv a{
	display: block;
	position: fixed;
	width: 250px;
	height: 155px;
	/*visibility: hidden;*/
	float: right;
	top: 0;
	right:0;
	z-index: 1900;
}
#home_top-bar-vignette {
	display:block;
	width: 100%;
	background: url(../images/homepage/PIEP_vnatcon-2021_logo_header.png) right no-repeat;
	border: none;
}
@media screen and (max-width: 360px) {
#home_top-bar-vignette {
	width: 100%;
	background: none;
	border: none;
}
}
#top-bar {
	/*background: #005f22;*//*401f68*/
	background: -moz-linear-gradient(left, rgba(0,95,34,1) 35%, rgba(0,95,43,0) 87%);
background: -webkit-linear-gradient(left, rgba(0,95,34,1) 35%,rgba(0,95,43,0) 87%);
background: linear-gradient(to right, rgba(0,95,34,1) 35%,rgba(0,95,43,0) 87%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f22', endColorstr='#00005f2b',GradientType=1 );
	padding: 0;
	font: 14px/1.0em "Barlow", Arial, Helvetica, sans-serif;
	color: rgba(0,204,102,1);
	min-height: 27px
}

#top-bar #left, #top-bar #right {
	margin-top: 1rem;
	padding-left: 0;
	display: inline
}
#top-bar #left li, #top-bar #right li {
	display: inline;
	margin-left: 1rem;
	text-transform: uppercase
}
#top-bar #right li {
	text-transform: none;
}
#top-bar #left li:first-child, #top-bar #right li:first-child {
	margin-left: 0
}
#top-bar #left a, #top-bar #right a {
	color: rgba(121,201,150,1);
	text-decoration: none
}
#top-bar #left a:hover, #top-bar #right a:hover {
	text-decoration: underline
}
#top-bar #left a.white-link, #top-bar #right a.white-link {
	color: #fff
}
#top-bar #left {
	float: left
}
#top-bar #right {
	float: right;
	margin-right: 15em;
}
.bottom-bar {
	display: table;
	width: 100%;
}	
#department {
	display: table-cell;
	vertical-align: middle;
	/*width: 76.33929%;*/
	width: 76.33929%;
	height: 112px;
	padding: 1rem 0;
}
#department h1 span {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 30px;
	line-height: 1.2em;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px 0px 0px 15px;
}
#department h1 img {
	max-width: 265px;
	max-height: 75px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#department h2 {
	font: 24px "Barlow", Arial, sans-serif;
	line-height: 1em;
	color: #fff;
	margin: 1.5rem 0 0 0
}
#department a {
	color: #fff;
	text-decoration: none
}
#department a:hover {
	text-decoration: none
}

.mobile-logo {
	display: none;
	visibility: hidden;
	overflow: hidden;
}
/*-----------------------------------------------*/
.site-label-mobile {
	display: none;
	visibility: hidden;
	overflow: hidden;
}
.site-label {
	display: block;
	height: auto;
	width: 58%;
	padding: 0px 0px 0px 0px;
	font: "BarlowCondensed-Regular", Arial, sans-serif;
	font-size: 36px;
	color: #fff;
	line-height: 42px;
	text-transform: uppercase;
	margin: -4px 0px 0px 5px;
}
#department .site-label img {
	margin: 6px 20px 0px -10px;
}

/*-----------------------------------------------*/

#mini #left {
	margin-top: 0
}
#mini #left img {
	width: 170px;
	margin: 1.1rem 0 1rem 0
}
#mini #right {
	position: relative;
	color: #b6acd1;
	padding-right: 1rem;
	margin-top: 1.4rem
}
#mini #right .dropdown-carrot {
	background: url(images/icons/arrow-down-ltpurple.svg) no-repeat 0 0.1rem;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-left: .3em
}
#mini #right .dropdown {
	display: none;
	position: absolute;
top:.8rem;
right:.8rem;
	color: #fff;
	background: #401f68;
padding:.5rem .5rem;
	text-align: right;
	cursor: pointer
}
#mini #right .dropdown>li {
	display: block;
	margin: 0;
	padding: 0
}
#mini #right li.drop:hover>ul {
	display: block;
	margin-top: 0
}
#mini #right a {
	color: #fff
}
@media screen and (max-width: 1445px) {
#top-bar {
padding:0 .5rem
}
}
@media screen and (max-width: 1155px) {
#search {
	padding-right: 1rem
}
#department {
padding:0 .5rem
}
}
@media screen and (max-width: 930px) {
#nu #top-bar {
	padding: 1.4rem 0;
	line-height: inherit
}
#nu #top-bar ul {
	display: inline
}
#nu #top-bar li:first-child {
	margin-left: 1rem
}
#nu #left, #nu #right {
	padding: 3rem 0;
	float: none
}
#mini #department h1 {
margin:.5rem 0
}
}
@media screen and (max-width: 768px) {
#top-bar {
	display: inline-block;
	height: 60px
}
#department {
	height: auto;
	width: 60%
}
#department h1 {
	font-size: 24px
}
#department h2 {
	font-size: 20px
}
/*#nu .bottom-bar {
	height: 60px
}
#nu .bottom-bar #department {
	height: 60px
}*/
#nu .bottom-bar #department h1 img {
/*	max-width: 170px;*/
	margin: 1.1rem 0 1rem 0
}
#mini #top-bar {
	display: block;
	padding: 0
}
#mini #left {
	display: inline-block;
	float: none;
margin-left:.5rem
}
#mini #right {
	display: none
}
#mini #department {
	width: 100%;
padding:.5rem
}
/*-------------------------------------------------------*/
#top-bar {
	display: none;
}
.bottom-bar {
	display: inline-table;
	width: 100%;
	height: 100px;
	padding: 0 0 0 0px;
	margin: 0;
	/*overflow: hidden;*/
}
#department {
	display: inline-table;
	width: 56.33929%;
	height: 100px;
	padding: 0 0 0 20px;
	margin: 0;
}
#department h1 img {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0px 0px 0 0px;
	float: left;
}
#department .site-logo {
	display: none;
}
.mobile-logo {
	display: block;
	margin: 4px 0px 0 0px;
	width: 30px;
	height: 30px;
	visibility:visible;
	float:left;
}
.site-label-mobile {
	display: inline-table;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2.9rem;
	color: #fff;
	line-height: normal;
	text-transform: uppercase;
	margin: 7px 0px 0px 10px;
	visibility:visible;
}
#department .site-label {
	display: none;
}

/*------------------------------------------------------------------*/
}
@media screen and (max-width: 720px) {
#top-bar {
	display: none;
}
.bottom-bar {
	display: inline-table;
	width: 100%;
	height: 70px;
	padding: 0 0 0 0px;
	margin: 0;
}
#department {
	display: inline-table;
	width: 56.33929%;
	height: 70px;
	padding: 0 0 0 20px;
	margin: 0;
}

#department .site-logo {
	display: none;
}
.mobile-logo {
	display: block;
	margin: 4px 0px 0 0px;
	width: 60px;
	height: 60px;
	visibility:visible;
}
.site-label-mobile {
	display: block;
	height: auto;
	padding: 0px 0px 0px 10px;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2.8rem;
	color: #fff;
	line-height: 37px;
	text-transform: uppercase;
	margin: 16px 0px 0px 0px;
	visibility:visible;
	float: left;
}
#department .site-label {
	display: none;
}
}
@media screen and (max-width: 320px) {
#top-bar {
	display: none;
}
.bottom-bar {
	display: inline-table;
	width: 100%;
	height: 70px;
	padding: 0 0 0 0px;
	margin: 0;
}
#department {
	display: inline-table;
	width: 56.33929%;
	height: 70px;
	padding: 0 0 0 20px;
	margin: 0;
}

#department .site-logo {
	display: none;
}
.mobile-logo {
	display: block;
	margin: 4px 0px 0 0px;
	width: 60px;
	height: 60px;
	visibility:visible;
}
.site-label-mobile {
	display: block;
	height: auto;
	padding: 0px 0px 0px 10px;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2.8rem;
	color: #fff;
	line-height: 37px;
	text-transform: uppercase;
	margin: 16px 0px 0px 0px;
	visibility:visible;
	float: left;
}
#department .site-label {
	display: none;
}
}
@media screen and (max-width: 360px) {
#top-bar {
	display: none;
}
.bottom-bar {
	display: inline-table;
	width: 100%;
	height: 70px;
	padding: 0 0 0 0px;
	margin: 0;
}
#department {
	display: inline-table;
	width: 56.33929%;
	height: 70px;
	padding: 0 0 0 20px;
	margin: 0;
}

#department .site-logo {
	display: none;
}
.mobile-logo {
	display: block;
	margin: 4px 0px 0 0px;
	width: 60px;
	height: 60px;
	visibility:visible;
}
.site-label-mobile {
	display: block;
	height: auto;
	padding: 0px 0px 0px 10px;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2.8rem;
	color: #fff;
	line-height: 37px;
	text-transform: uppercase;
	margin: 16px 0px 0px 0px;
	visibility:visible;
	float: left;
}
#department .site-label {
	display: none;
}
}

@media screen and (max-width: 480px) {
#mini #department h1 {
	font-size: 22px
}
#top-bar {
	width: 100%;
}
#top-bar ul {
	margin: 0;
	display: inline-block;
	font-size: .94em;
}
#top-bar ul #right {
	float: right;
}
.site-label-mobile {
	display: block;
	/*background:#CC0;*/
}
.site-label {
	display: none;
}
.bottom-bar {
	display: inline-table;
	width: 100%;
	height: 70px;
	padding: 0 0 0 0px;
	margin: 0;
}
#department {
	display: inline-table;
	width: 56.33929%;
	height: 70px;
	padding: 0 0 0 20px;
	margin: 0;
}
}


#mobile-search {
	display: none
}
#search {
	width: 23.66071%;
	display: table-cell;
	vertical-align: middle
}
#search .search-form {
	width: 265px;
	float: right
}
#search .search-form input {
	width: 230px;
	height: 35px;
	padding: 0 .3em 0 0;
	float: left;
	font: 18px "Barlow", "Arial", sans-serif;
	background: none;
	color: #fff;
	border: none;
	border-bottom: 1px solid rgba(0,204,0,0.5);
	-webkit-appearance: none
}
#search .search-form input::-webkit-input-placeholder {
color:#04b70f
}
#search .search-form input::-moz-placeholder {
color:#04b70f
}
#search .search-form input:-moz-placeholder {
color:#04b70f
}
#search .search-form input:-ms-input-placeholder {
color:#04b70f
}
#search .search-form button {
	float: left;
	cursor: pointer;
	height: 35px;
	width: 35px;
	background: url(images/icons/search-green.svg) no-repeat right/1em 1em;
	background-size: 20px 20px;
	border: none;
	border-bottom: 1px solid rgba(0,204,0,0.5);
	-webkit-appearance: none
}
#search .search-form input:focus {
	outline: 0
}
@media screen and (max-width: 1155px) {
#search {
	padding-right: 1rem
}
}
@media screen and (max-width: 768px) {
header {
	position: relative
}
#search {
	display: none
}
#mobile-search {
	position: absolute;
	margin-top: -6px;
	left: 0;
	right: 0;
	z-index: 9998
}
.search-form {
	width: 100%;
	height: auto;
	float: none;
	background-color: #006600;
}
.search-form form {
	margin: 0 20px;
	height: 63px;
/*	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA/CAYAAAAhZaJUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThCRkYyRUZFQUM5MTFFNDg4MkNDNUM0RUJBRUJDM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThCRkYyRjBFQUM5MTFFNDg4MkNDNUM0RUJBRUJDM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEJGRjJFREVBQzkxMUU0ODgyQ0M1QzRFQkFFQkMzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEJGRjJFRUVBQzkxMUU0ODgyQ0M1QzRFQkFFQkMzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr4qas0AAAAeSURBVHjaYvj//z8DEwMQDHuCmf+n3n8G6vkXIMAAeQ0Iq8diMWYAAAAASUVORK5CYII=")*/
}
.search-form input {
	width: 80%;
	height: 32px;
	margin: 15px 0;
	float: left;
	font: 18px "Barlow-Bold", "Arial Black", sans-serif;
	color: #fff;
	background: none;
	border: 0 none
}
.search-form button {
	float: left;
	cursor: pointer;
	height: 62px;
	width: 20%;
	padding: 10px 0 15px;
	background: url(images/icons/search.svg) no-repeat 1em 0.4em/20px 20px;
	background-position: right center;
	border-bottom: none
}
.search-form .hide-label, .search-form input[type="hidden"] {
	visibility: hidden;
	display: none
}
#mini .search-form {
	background: #007c26
}
}
#mobile-links {
	display: none
}
#top-nav {
	min-height: 40px;
	background: none;
	color: #fff;
	z-index: 9999;
	/*border-bottom: 2px solid #fff;*/
}
#top-nav ul {
	display: table;
	width: 100%;
	background: #fff;
	position: relative;
}
#top-nav ul li {
	display: table-cell;
	text-align: center;
	font: 16px "Barlow", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	width: 11.07143%; /*width: 16.07143%;*/
}
#top-nav ul li:hover a {
	background: #f0f0f0
}
#top-nav ul li:hover .dropdown {
	position: absolute;
	left: 0
}
#top-nav ul li a {
	color: #007c26;
	text-decoration: none;
	display: block;
	padding: 1rem .1rem 1rem .3rem; /*padding:1rem .3rem;*/
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
#top-nav ul li a:hover {
	background: #f0f0f0;
	text-decoration: underline
}
#top-nav ul li a li:hover {
	background: #f0f0f0
}
#top-nav ul li.active a {
	background: #04b70f;
	color: #fff
}
#top-nav ul li .dropdown-arrow {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 8px;
	margin-left: .6em;
	background: url(images/icons/arrow-down-ltpurple.png) no-repeat;
	background-size: contain;
}
#top-nav ul .dropdown {
	position: absolute;
	background: #f0f0f0;
	left: -9999px;
	z-index: 9998;
	width: 100%;
	display: inherit;
	padding: 2em;
	text-align: left
}
#top-nav ul .dropdown .nav-intro, #top-nav ul .dropdown .nav-links {
	width: 40%;
	float: left;
	text-align: left
}
#top-nav ul .dropdown #top-nav ul .dropdown .nav-links-1 {
	width: 22%;
	float: left;
	text-align: left;
}
#top-nav ul .dropdown .nav-links-1 {
	border-left: 2px solid #ccc;
	padding-left: 1em;
	float: left;
	width: 19%
}
#top-nav ul .dropdown #top-nav ul .dropdown .nav-links-2 {
	width: 22%;
	float: left;
	text-align: left;
}

#top-nav .dropdown .nav-links-2 ul li {
	display: block;
	margin: -.4em 0 0 1.4em;
	font-size: .88rem;
	font-weight: 500;
	line-height: 19px;
	color: #666;
}

#top-nav .dropdown .nav-links-2 ul li ul li {
	display: block;
	margin: -.4em 0 0 1.0em;
	font-size: .83rem;
	font-weight: 500;
	line-height: 16px;
}
#top-nav .dropdown .nav-links-2 ul li ul li {
	padding: -1em 0 0 0;
}
#top-nav ul .dropdown p.intro {
	font: 30px "Barlow", Impact, sans-serif;
	color: #007c26;
	margin: 0 0 1rem 0;
	padding-right: 2rem
}
#top-nav ul .dropdown .nav-links {
	border-left: 2px solid #ccc;
	padding-left: 1em;
	float: left;
	width: 50%
}
#top-nav ul .dropdown ul {
	display: block;
	background: inherit
}
#top-nav ul .dropdown ul li {
	display: block;
	text-align: left;
	font: 16px "Barlow", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	width: inherit
}
#top-nav ul .dropdown ul li a {
	padding: .5em 0;
	display: inline-block;
	background: inherit;
	color: #007c26
}
#top-nav ul .dropdown ul li a:hover {
	text-decoration: underline
}
@media screen and (max-width: 768px) {
#top-nav {
	display: none
}
}
#left-nav {
	width: 23.66071%;
	float: left;
	font-family: "Barlow", "Arial Black", sans-serif;
	margin-bottom: 3rem;
	outline: none !important
}
#left-nav .mobile-back-to-top {
	display: none
}
#left-nav h2 {
	border-bottom: 4px solid #f0f0f0;
	min-height: 30px;
	padding-bottom:.5rem;
	margin-bottom: 2rem;
	font: 18px/1.5rem "Barlow 300", sans-serif;
	text-transform: none
}
#left-nav h2 a {
	color: #007c26
}
#left-nav ul {
	list-style: none;
}
#left-nav ul li {
	color: #716c6b;
}
#left-nav ul ul {
	margin-top: 1.5rem;
	padding-left:.3rem;
	border-left: 4px solid #e4e0ee
}
#left-nav ul ul ul {
	margin-top: 1rem;
	padding-left: 0
}
#left-nav li {
	padding-bottom: 1rem;
	font-size: 18px;
	line-height: 1.4em
}
#left-nav li li {
	margin-left:.5rem;
	padding-bottom: 1rem;
	font-size: 14px;
}
#left-nav li li li {
	margin-left: 1rem;
	font-family: "Barlow Italic", "Arial Black", sans-serif;
	color: #007c26
}
#left-nav li:last-child {
padding-bottom:.3rem
}
#left-nav a {
	color: #716c6b;
	text-decoration: none;
	display: block
}
#left-nav a:hover {
	text-decoration: underline
}
#left-nav a.active {
	color: #007c26
}
@media screen and (max-width: 768px) {
#left-nav {
	display: none
}
#left-nav {
	float: none;
	width: 100%;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2
}
}
#mobile-links, #mobile-nav {
	display: none
}
#mobile-heading {
	display: none
}
@media screen and (max-width: 480px) {
#desktop-heading {
	display: none;
}
#mobile-heading {
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 2em 0 0 0;
	font: 25px "Barlow", "Arial", sans-serif;
	font-weight: 500;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	/*margin: 0 .5em .5em 0;
	padding: .8em 1.5em .7em 1.5em;
	width: auto;
	display: inline-block;*/
}
#home-main-image {
	display: block;
	width: auto;
	height: 400px;
	margin: 0 0 7px 0;
	padding: 0 0 0 0;
	font: "Barlow", "Arial", sans-serif;
	font-size: 25px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	/*margin: 0 .5em .5em 0;
	padding: .8em 1.5em .7em 1.5em;
	width: auto;
	display: inline-block;*/
}
#home-main-image h2 {
	font-size: 36px;
	font-weight: 600;
}
#home-main-image .hero-image {
	display: table-cell;
	width: 100%;
	height: 480px;
	vertical-align: middle;
	position: relative;
	padding-top: 80px;
	margin-bottom: 7px;
	text-align: center;
}

#home-main-image-text {
	width: 90%;
}
}
/*------Added Sep 30, 2021 For the PIEP statement on Dumaguete-------- */
#home-main-image-text {
	display: inline-block;
	position:relative;
	margin: 0 9em 0 0;
	width: 57%;
	height: auto;
	text-align:left;
}
#home-main-image-text h2 {
	font-size: 5.3em;
	font-weight: 600;
	color: #fff;
}
#home-main-image-text p {
	font-size: 2.7em;
}
#home-main-image-textbox {
	display: inline-block;
	position:relative;
	margin: 0;
	padding: 15px 15px 5px 15px;
	width: 30%;
	height: auto;
	background-color:rgba(21, 51, 48, 0.70);
}
#home-main-image-textbox:hover {
	background-color:rgba(21, 51, 48, 1.00);
}
#home-main-image-textbox a{
	text-decoration: none;
}
#dumaguete_statement_pic {
	display: block;
	position:relative;
	margin: 0 auto;
	width:100%;
	height: 210px;
	background: url(../images/homepage/piep_statement_dumaguete.jpg) top center no-repeat;
	background-size: cover;
}
#dumaguete_statement_text {
	display: block;
	position:relative;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	width: 100%;
	height: auto;
}
#dumaguete_statement_text p {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}
#dumaguete_statement_text p:hover {
	color: #33ef40;
}
.statement_text_title {
	font-size: 18px;
	font-weight: 500;
}
/*-----------------------------------------------*/

@media screen and (max-width: 320px) {
/*#home-main-image h2 {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}*/

/*------Added Sep 30, 2021 For the PIEP statement on Dumaguete-------- */

#home-main-image-text {
	display: block;
	position:relative;
	margin: 0 9em 0 0;
	width: 100%;
	height: auto;
	text-align:center;
}
#home-main-image-text h2 {
	font-size: 3.3em;
	font-weight: 600;
	color: #fff;
}
#home-main-image-text p {
	font-size: 2.0em;
}
#home-main-image-textbox {
	display: block;
	position:relative;
	margin: 30px auto 0 auto;
	padding: 15px 15px 5px 15px;
	width: 90%;
	height: auto;
	background-color:rgba(21, 51, 48, 0.80);
}
#home-main-image-textbox:hover {
	background-color:rgba(21, 51, 48, 1.00);
}
#home-main-image-textbox a{
	text-decoration: none;
}
#dumaguete_statement_pic {
	display: block;
	position:relative;
	margin: 0 auto;
	width:100%;
	height: 210px;
	background: url(../images/homepage/piep_statement_dumaguete.jpg) top center no-repeat;
	background-size: cover;
}
#dumaguete_statement_text {
	display: block;
	position:relative;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	width: 100%;
	height: auto;
}
#dumaguete_statement_text p {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}
#dumaguete_statement_text p:hover {
	color: #33ef40;
}
.statement_text_title {
	font-size: 18px;
	font-weight: 500;
}
/*-----------------------------------------------*/


}
@media screen and (max-width: 360px) {
/*#home-main-image h2 {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}*/

/*------Added Sep 30, 2021 For the PIEP statement on Dumaguete-------- */

#home-main-image-text {
	display: block;
	position:relative;
	margin: 0 9em 0 0;
	width: 100%;
	height: auto;
	text-align:center;
}
#home-main-image-text h2 {
	font-size: 3.3em;
	font-weight: 600;
	color: #fff;
}
#home-main-image-text p {
	font-size: 2.0em;
}
#home-main-image-textbox {
	display: block;
	position:relative;
	margin: 30px auto 0 auto;
	padding: 15px 15px 5px 15px;
	width: 90%;
	height: auto;
	background-color:rgba(21, 51, 48, 0.80);
}
#home-main-image-textbox:hover {
	background-color:rgba(21, 51, 48, 1.00);
}
#home-main-image-textbox a{
	text-decoration: none;
}
#dumaguete_statement_pic {
	display: block;
	position:relative;
	margin: 0 auto;
	width:100%;
	height: 210px;
	background: url(../images/homepage/piep_statement_dumaguete.jpg) top center no-repeat;
	background-size: cover;
}
#dumaguete_statement_text {
	display: block;
	position:relative;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	width: 100%;
	height: auto;
}
#dumaguete_statement_text p {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}
#dumaguete_statement_text p:hover {
	color: #33ef40;
}
.statement_text_title {
	font-size: 18px;
	font-weight: 500;
}
/*-----------------------------------------------*/
}
@media screen and (max-width: 414px) {
/*#home-main-image h2 {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}*/

/*------Added Sep 30, 2021 For the PIEP statement on Dumaguete-------- */

#home-main-image-text {
	display: block;
	position:relative;
	margin: 0 9em 0 0;
	width: 100%;
	height: auto;
	text-align:center;
}
#home-main-image-text h2 {
	font-size: 4em;
	font-weight: 600;
	color: #fff;
}
#home-main-image-text p {
	font-size: 2.0em;
}
#home-main-image-textbox {
	display: block;
	position:relative;
	margin: 30px auto 0 auto;
	padding: 15px 15px 5px 15px;
	width: 90%;
	height: auto;
	background-color:rgba(21, 51, 48, 0.80);
}
#home-main-image-textbox:hover {
	background-color:rgba(21, 51, 48, 1.00);
}
#home-main-image-textbox a{
	text-decoration: none;
}
#dumaguete_statement_pic {
	display: block;
	position:relative;
	margin: 0 auto;
	width:100%;
	height: 210px;
	background: url(../images/homepage/piep_statement_dumaguete.jpg) top center no-repeat;
	background-size: cover;
}
#dumaguete_statement_text {
	display: block;
	position:relative;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	width: 100%;
	height: auto;
}
#dumaguete_statement_text p {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}
#dumaguete_statement_text p:hover {
	color: #33ef40;
}
.statement_text_title {
	font-size: 18px;
	font-weight: 500;
}
}
/*-----------------------------------------------*/

	
@media screen and (max-width: 768px) {
#mobile-links {
	display: block;
	float: right;
	height: 55px
}
.mobile-link {
	display: inline-block;
	padding: 1em;
	height: 55px;
	width: 55px;
	cursor: pointer;
	position: relative
}
.mobile-link.mobile-search-link {
	background: url(images/icons/search.svg) no-repeat center/40px 40px
}
.mobile-link.mobile-search-link.open {
	background: #006600 url(images/icons/alert-x-white-home.svg) no-repeat center/20px 20px
}
.mobile-link.mobile-nav-link {
	background: url(images/icons/hamburger.svg) no-repeat center/25px 25px
}
.mobile-link.mobile-nav-link.open {
	background: #fff url(images/icons/close-button-dkgreen.svg) no-repeat center/20px 20px
}
#mini .mobile-link.mobile-search-link.open {
	background-color: #007c26
}
#mobile-nav {
	display: none;
	background: #fff;
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	z-index: 9998
}
#mobile-nav ul {
	background: #fff
}
#mobile-nav ul ul {
	display: none;
	background: #f5f5f5
}
#mobile-nav ul ul ul {
	background-color: transparent  /*#e6e6e6*/
}
#mobile-nav ul ul ul ul {
	background-color: #dcdcdc
}
#mobile-nav ul ul ul ul ul {
	background-color: #d1d1d1
}
#mobile-nav ul ul ul ul ul ul {
	background-color: #c7c7c7
}
#mobile-nav ul ul li ul {
	display: block;
	margin: 0 0 0 1.9em;
}
#mobile-nav ul ul li ul li {
	display: inline;
	font-size: .88rem;
	font-weight: 500;
}
#mobile-nav li {
	position: relative;
	font: 18px "Barlow", "Arial", sans-serif;
	font-weight:600;
}
#mobile-nav li a {
	text-decoration: none;
	color: #007c26;
	display: block;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	padding: .9em 3em .9em .8em
}
#mobile-nav li a.active {
	color: #000;
	font-family: "Barlow", "Arial", sans-serif
}
#mobile-nav li .arrow.open a {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	border: none
}
#mobile-nav li .arrow a {
	width: 50px;
	height: 48px;
	background: url(images/icons/arrow-down-ltpurple.png) no-repeat center/16px 11px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	padding: 0
}
#mobile-nav li li {
	font: 16px/1.2em "Barlow", Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: normal;
}

#mobile-nav li li a {
	padding-left: 1.5em;
}
#mobile-nav li li li a {
	padding-left: 2em;
}
#mobile-nav li li li li a {
	padding-left: 2.5em;
}
#mobile-nav li li li li li a {
	padding-left: 3em
}
#mobile-nav li li li li li li a {
	padding-left: 3.5em
}
#mobile-nav-bottom {
	background: #005f22
}
#mobile-nav-bottom:after {
	content: "";
	display: table;
	clear: both
}
#mobile-nav-bottom ul {
	margin: 0;
	padding: 1rem;
	background: none
}
#mobile-nav-bottom li {
	background: transparent;
	padding: 0;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
	list-style: none
}
#mobile-nav-bottom li:last-child {
	border: none
}
#mobile-nav-bottom li a {
	text-transform: uppercase;
	color: rgba(35,189,112,1);
	font: 13px/2em "Barlow", "Arial", sans-serif;
	border: none;
	padding: inherit
}
#mobile-nav-bottom li a.white-link {
	color: #fff
}
#mobile-nav-bottom #mobile-nav-bottom-left, #mobile-nav-bottom #mobile-nav-bottom-right {
	width: 50%;
	display: inline-block;
	float: left
}
}


footer {
	color: #fff;
	font: 14px/1.3em "Barlow", Arial, sans-serif;
	padding: 3rem 0;
	width: 100%;
	background: url(../images/footer-bg.jpg) #007c26 center no-repeat;
	background-size: cover;
}
footer a {
	font-family: "Barlow", Arial, sans-serif;
	color: #fff;
	text-decoration: underline
}
footer a:hover {
	color: #90f8a6;
	text-decoration: none
}
.footer-content {
	margin-right: 5.15464%;
	display: inline-block;
	position: relative;
	vertical-align: top
}
.footer-content ul {
	list-style-type: none
}
.footer-content ul li {
	padding-bottom:.8rem
}
.footer-content:nth-of-type(1) {
	width: 23.71134%
}
.footer-content:nth-of-type(1) img:not(.png) {
	width: 100%
}
.footer-content:nth-of-type(2) {
	width: 25.7732%
}
.footer-content:nth-of-type(3) {
	width: 18.04124%
}
.footer-content:nth-of-type(4) {
	width: 14.43299%;
	margin-right: 0
}
.footer-content p {
	margin-top: 0
}
.footer-content a {
	color: #79c996;
	text-decoration: none;
}
.footer-content a:hover {
	text-decoration: underline;
}
.footer-content strong {
	font: 18px "Barlow", "Arial", sans-serif;
	font-weight: 600;
}
.footer-content .footer-icon {
	height: 29px;
	width: 18px;
	left: -25px;
	margin-top: .5em
}
.footer-content img {
	margin-bottom: 1rem;
	max-width: 110px
}

.footer-vignette {
	/*To make image responsive-----*/
	display: block;
    height: auto;
	width: 100%;
    max-width: 100%;
	margin: 0 auto;
	background: center no-repeat;
    background-size: cover;
	text-align: center;
/*----------------------------*/
	/*border-radius:100%;
	-webkit-border-radius: 100%;
	 -moz-border-radius: 100%;*/
	background-position: center center;
	transition: transform 0.5s ease;
    transform: scale(0.940);
	opacity: .6;
}

.footer-vignette:hover {
  transform: scale(1);
  /*
  transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  */
  opacity: .8;
}


@media screen and (max-width: 480px) {
.footer-content img {
	margin-bottom: 1rem;
	max-width: 70px
}
}
.footer-content.contact ul {
	margin: 1rem 0 1rem 2rem;
	position: relative
}
.footer-content.contact ul:nth-of-type(3) {
	margin-bottom: 0
}
.footer-content.contact ul li.footer-pin-icon {
	background: url(images/icons/pin-drop.svg) no-repeat;
	position: absolute;
	top: 2px;
	left: -2rem;
	height: 24px;
	width: 18px
}
.footer-content.contact ul li.footer-phone-icon {
	background: url(images/icons/mobile-phone.svg) no-repeat;
	position: absolute;
	top: 2px;
	left: -2rem;
	height: 24px;
	width: 18px
}
.footer-content.contact ul li.footer-email-icon {
	background: url(images/icons/email.svg) no-repeat;
	position: absolute;
	top: 2px;
	left: -2.2rem;
	height: 24px;
	width: 18px
}
.footer-content.contact ul li.footer-email-icon+li {
	font-size: 12px
}
.facebook-hover {
	background: url(../images/social-media-icons.png);
	background-position: 0 0
}
.facebook-hover:hover {
	background-position: 0 39px
}
.twitter-hover {
	background: url(../images/social-media-icons.png);
	background-position: -39px 0
}
.twitter-hover:hover {
	background-position: -39px 39px
}
.instagram-hover {
	background: url(../images/social-media-icons.png);
	background-position: -78px 0
}
.instagram-hover:hover {
	background-position: -78px 39px
}
.rss-hover {
	background: url(../images/social-media-icons.png);
	background-position: -117px 0
}
.rss-hover:hover {
	background-position: -117px 39px
}
.youtube-hover {
	background: url(../images/social-media-icons.png);
	background-position: -156px 0
}
.youtube-hover:hover {
	background-position: -156px 39px
}
.tumblr-hover {
	background: url(../images/social-media-icons.png);
	background-position: -195px 0
}
.tumblr-hover:hover {
	background-position: -195px 39px
}
.wordpress-hover {
	background: url(../images/social-media-icons.png);
	background-position: -234px 0
}
.wordpress-hover:hover {
	background-position: -234px 39px
}
.futurity-hover {
	background: url(../images/social-media-icons.png);
	background-position: -273px 0
}
.futurity-hover:hover {
	background-position: -273px 39px
}
.vimeo-hover {
	background: url(../images/social-media-icons.png);
	background-position: -312px 0
}
.vimeo-hover:hover {
	background-position: -312px 39px
}
.linkedin-hover {
	background: url(../images/social-media-icons.png);
	background-position: -351px 0
}
.linkedin-hover:hover {
	background-position: -351px 39px
}
.social-slide {
	display: inline-block;
	height: 39px;
	width: 39px;
	transition: all 0.3s ease 0s;
	border: 1px solid #fff;
margin:0 .6rem .2rem 0
}
@media screen and (max-width: 1140px) {
footer {
	padding: 3rem 1rem
}
}
@media screen and (max-width: 870px) {
.footer-content {
	margin-bottom: 1.5rem
}
.footer-content:nth-of-type(1), .footer-content:nth-of-type(3) {
	width: 45%;
	margin-right: 5%
}
.footer-content:nth-of-type(2), .footer-content:nth-of-type(4) {
	width: 46%;
	margin-right: 0
}
}
@media screen and (max-width: 550px) {
.footer-content:nth-of-type(1), .footer-content:nth-of-type(2), .footer-content:nth-of-type(3), .footer-content:nth-of-type(4) {
	width: 100%;
	margin-right: 0
}
}
#tabs {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center
}
#tabs li {
	background: none;
	margin:0 .3rem 0 0;
	padding: 0;
	display: inline;
	vertical-align: middle;
}
#tabs li:last-child {
	margin: 0
}
#tabs li a {
	font: 21px "Barlow", Arial, sans-serif;
	color: #007c26;
	background: #daefdf;
padding:.75rem 1.2rem .5rem 1.2rem;
	display: inline-block;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
#tabs li a:hover {
	text-decoration: none;
	background: #007c26;
	color: #fff
}
#tabs li a.active {
	background: #007c26;
	color: #fff
}
#tab-content {
	border-top: 3px solid #007c26;
	margin: 0 0 3rem 0
}
#tab-content .row {
	border-bottom: 3px solid #f0f0f0;
	padding: 2rem 0
}
#tab-content .headings {
	display: table-cell;
	width: 32.14286%;
	padding-right: 1rem
}
#tab-content .headings h3 {
	font: 30px "Barlow", Impact, sans-serif;
	color: #007c26
}
#tab-content .headings h3 span {
	display: block;
	color: #b6acd1
}
#tab-content .contents {
	display: table-cell;
	width: 66.07143%
}
#tab-content .contents .callout {
	background: #836eaa;
	padding:.1rem 1rem;
	margin: 0 0 1rem 2rem;
	width: 266px;
	font: 24px "Campton Book", Tahoma, sans-serif;
	color: #fff;
	float: right
}
#tab-content .contents .callout a {
	text-decoration: underline;
	font-family: "Campton Book", Tahoma, sans-serif;
	color: #fff
}
#tab-content .contents .callout h4 {
	font: 16px "Barlow-Bold", "Arial Black", sans-serif;
	padding-top: 1rem;
	margin-bottom: 0;
	color: #fff
}
#tab-content .contents .callout h4+p {
margin:.5rem 0
}
@media screen and (max-width: 1150px) {
#tabs li a {
	font-size: 18px;
	margin-top: 5px
}
}
@media screen and (max-width: 1000px) {
.tab-left-side .img {
	float: none
}
}
@media screen and (max-width: 850px) {
#tab-content .contents .callout {
	float: none;
	margin: 1em 0 1em 0;
	width: 100%
}
}
@media screen and (max-width: 550px) {
#tabs li a {
	width: 100%;
	font-size: 18px
}
#tab-content .headings, #tab-content .contents {
	width: 100%;
	display: block
}
#tab-content .headings .callout, #tab-content .contents .callout {
	font-size: 18px
}
#tab-content .headings h3, #tab-content .contents h3 {
	font-size: 26px
}
}
#map-feature {
	position: relative;
	margin: 0 0 6rem 0
}
#map-feature:after {
	content: "";
	display: table;
	clear: both
}
#map-feature #map-canvas {
	display: inline-block;
	float: left;
	width: 63.05556%;
	height: 566px;
	background: #444;
	z-index: 100
}
#map-feature #info-canvas {
	display: inline-block;
	float: left;
	width: 36.94444%;
	height: 566px;
	background: #444 url("") no-repeat;
	padding: 50px 30px;
	background-size: cover;
	z-index: 100
}
#map-feature #info-canvas h2 {
	color: #fff
}
#map-feature #info-canvas h2 span {
	display: block;
	font-family: "Barlow", Impact, sans-serif;
	margin-top: 0
}
#map-feature #info-canvas p {
	color: #fff;
	margin-bottom: 1.5em
}
#map-feature #info-canvas p.directions {
	text-transform: uppercase;
	margin: -1rem 0 1em
}
#map-feature #info-canvas p.directions:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 0.8em 0.3em/5px 8px;
	padding-right: 3rem;
	content: " "
}
#map-feature #info-canvas p.directions a {
	color: #fff;
	margin-bottom: 1rem;
	text-transform: uppercase
}
#map-feature #info-canvas-chicago, #map-feature #info-canvas-evanston {
	display: none
}
#map-feature #btn-campus {
	position: absolute;
	left: 50px;
	bottom: 50px;
padding:.5rem 1rem;
	font: 21px "Barlow-Bold", "Arial Black", sans-serif;
	color: #fff;
	background: #836eaa;
	cursor: pointer;
	z-index: 120
}
#map-feature #btn-campus:after {
	position: absolute;
	left: 50%;
	background: none;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border: solid transparent;
border-width:.8rem;
margin-left:-.8rem
}
#map-feature #btn-campus.chicago:after {
	top: 100%;
	border-top-color: #836eaa
}
#map-feature #btn-campus.evanston:after {
	bottom: 100%;
	border-bottom-color: #836eaa
}
.gm-style-cc:last-child, .gm-style-cc {
	display: none !important
}
#movie-canvas {
	position: relative;
	padding-bottom: 54.5%;
	padding-top: 25px;
	height: 0;
	display: none;
	z-index: 100
}
#movie-canvas iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 110
}
#movie-canvas #btn-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: -40px;
	right: 0;
	z-index: 120;
	background: #444
}
#movie-canvas #btn-close:hover {
	cursor: pointer
}
#movie-canvas #btn-close img {
	padding: 10px;
	width: 40px;
	height: 40px;
	max-width: inherit
}
@-moz-document url-prefix() {
#movie-canvas img {
margin:-1px 0 0 -3px
}
}
@media screen and (max-width: 1120px) {
#map-feature #map-canvas, #map-feature #info-canvas {
	width: 50%
}
}
@media screen and (max-width: 768px) {
#map-feature #map-canvas, #map-feature #info-canvas {
	width: 100%;
	float: none;
	display: block;
	height: inherit;
	min-height: 300px
}
#map-feature #btn-campus {
	left: 10px;
	top: 15px;
	bottom: inherit;
	font-size: 14px
}
#map-feature h2 {
	font-size: 36px
}
#map-feature .arrow-box {
	left: 15px;
	top: 15px;
	bottom: inherit
}
}
@media screen and (max-width: 480px) {
#map-feature h2 {
	font-size: 26px
}
}
.news-event {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 6rem
}
.news-event:after {
	content: "";
	display: table;
	clear: both
}
.news, .events, .tl-events {
	border-bottom: 4px solid #ccc;
	position: relative
}
.news h3, .events h3, .tl-events h3 {
	font: 30px "Barlow", Arial, sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #ccc;
padding-bottom:.5rem;
	margin-bottom: 1.5rem
}
.news h4, .events h4, .tl-events h4 {
	font: 18px "Barlow", Arial, sans-serif;
	color: #007c26;
	margin-bottom: 1rem
}
.news p.link, .events p.link, .tl-events p.link {
	font: 16px "Barlow Bold", "Arial Black", sans-serif;
	position: absolute;
	bottom: -4rem;
	text-transform: uppercase
}
.news p.link:after, .events p.link:after, .tl-events p.link:after {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat top 35% right 50%/6px 10px;
	padding-right: 1.5em;
	content: " "
}
.news {
	float: left;
	width: 66.07143%
}
.news-box {
	float: left;
	width: 48.64865%;
	margin-right: 2.7027%;
	margin-bottom: 1rem
}
.news-box:after {
	content: "";
	display: table;
	clear: both
}
.news-box:nth-of-type(2n) {
	margin-right: 0
}
.news-box .news-image {
	width: 47.22222%;
	float: left;
	margin-right: 2.77778%
}
.news-box .news-text {
	float: left;
	width: 50%
}
.news-box h4 {
	font: 18px "Barlow", Arial, sans-serif;
	color: #007c26;
	margin-bottom: 1rem
}
.news-box h4+p {
margin-top:-.5rem
}
.news-full:after {
	content: "";
	display: table;
	clear: both
}
.news-full h1 {
	margin-bottom: 3rem
}
.news-full .news-box h2 {
	font: 18px "Barlow", Arial, sans-serif;
	color: #007c26;
	margin-bottom: 1rem
}
.news-full .news-box {
	float: left;
	width: 32.14286%;
	margin-right: 1.78571%;
	margin-bottom: 1rem
}
.news-full .news-box:after {
	content: "";
	display: table;
	clear: both
}
.news-full .news-box:nth-of-type(3n) {
	margin-right: 0
}
.news-full .news-box a {
	font: "Barlow", Arial, sans-serif !important
}
.news-full .news-box .news-image {
	width: 47.22222%;
	float: left;
	margin-right: 2.77778%
}
.news-full .news-box .news-text {
	float: left;
	width: 50%
}
.showcase .news {
	width: 32.14286%;
	padding-bottom: 1rem
}
.showcase .news img {
margin-bottom:.5rem
}
.showcase .news h4 {
	color: #716c6b
}
.events, .tl-events {
	float: left;
	width: 32.14286%;
	margin-left: 1.78571%
}
.events h4, .tl-events h4 {
margin-bottom:.2rem;
	color: #716c6b
}
.events p, .tl-events p {
	margin-top: 0
}
.tl-events h4 {
	margin-bottom: 1rem
}
@media screen and (max-width: 900px) {
.news {
	width: 60%
}
.news .news-box {
	width: 100%;
	float: none
}
.news .news-box .news-image {
	width: 30.14184%;
	margin-right: 1.77305%
}
.news .news-box .news-text {
	width: 68.08511%
}
.events, .tl-events {
	width: 40%;
	margin-left: 2.22222%
}
}
@media screen and (max-width: 900px) {
.news-full .news-box {
	width: 47.77778%;
	margin-right: 2.22222%
}
.news-full .news-box:nth-of-type(3n) {
	margin-right: 2.22222%
}
.news-full .news-box .news-image {
	width: 39.53488%;
	margin-right: 2.32558%
}
.news-full .news-box .news-text {
	width: 58.13953%
}
}
@media screen and (max-width: 768px) {
.news-event.showcase {
	display: inherit;
	margin-bottom: 3rem
}
.news-event.showcase p.link {
	position: relative;
	bottom: 0;
	margin-top: 2rem
}
.news-event.showcase .news, .news-event.showcase .events, .news-event.showcase .tl-events {
	width: 100%;
	float: none;
	margin-bottom: 3rem;
	margin-left: 0;
	border-bottom: none
}
.news-event.showcase .news:nth-child(3), .news-event.showcase .events:nth-child(3), .news-event.showcase .tl-events:nth-child(3) {
	margin-bottom: 0
}
}
@media screen and (max-width: 550px) {
.news-event {
	display: inherit;
	margin-bottom: 3rem
}
.news, .events, .tl-events {
	width: 100%;
	float: none;
	margin-bottom: 3rem;
	margin-left: 0;
	border-bottom: none
}
.news p.link, .events p.link, .tl-events p.link {
	position: relative;
	bottom: 0;
	margin-top: 2rem
}
.news-full .news-box {
	width: 100%;
	margin-right: 0
}
.news-full .news-box .news-image {
	width: 30.90909%;
	margin-right: 1.81818%
}
.news-full .news-box .news-text {
	width: 67.27273%
}
}
@media screen and (max-width: 550px) {
.news h4, .events h4, .tl-events h4 {
	font-size: 18px
}
}
@media screen and (max-width: 480px) {
.news h3, .events h3, .tl-events h3 {
	font-size: 24px
}
.piep-home-membership {
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 5em 0;
	background-color: rgba(221,221,218,.3);
	text-align: center;
	margin-bottom: -8em;
}
.piep-home-membership .section-top {
	padding: 0 0 0 0;
	margin-top: -2em;
	/*background-color:rgba(255,0,0,1);*/
}
.piep-home-membership .section-top>h1 {
	color: #000;
}
.piep-home-membership .photo-feature h2 {
	font: 30px "Barlow", Arial, sans-serif !important;
}

.piep-home-membership .text-over-image {
	position: absolute;
	height: 130px;
}

.piep-home-membership .text-over-image .button {
	margin-top: 20px;
}
}

.piep-home-membership {
	width: 100%;
	height: auto;
	display: table;
	padding: 5em 0 9em 0;
	background-color: rgba(221,221,218,.3);
}
.piep-home-membership .photo-feature h2{
	font: 30px "Barlow", Arial, sans-serif !important;
	font-weight:  bold;
}


/*-----HOMPAGE PIEP ABOUT-------------------------------------*/
.piep-home-about {
	width: 100%;
	display: table;
	padding: 0;
}
.piep-home-about p {
	font: 30px "Barlow", Arial, sans-serif;
	color: #fff;
	position: relative;
	line-height: normal;
}
.landing-page .piep-home-about .piep-home-about-image {
	text-align: center;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 0 1rem;
	background: url(../images/homepage/PIEP_2018-homepage-about.jpg) no-repeat fixed center / cover;
}
.landing-page .piep-home-about .piep-home-about-image {
	padding-top: 5rem;
	padding-bottom: 4rem;
}
@media screen and (max-width: 480px) {
.piep-home-about {
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.piep-home-about-image {
	width: 100%;
	position: relative;
	padding: 0 1rem;
	background: url(../images/homepage/PIEP_2018-homepage-about.jpg) no-repeat fixed center;
}
.piep-home-about p {
	font: 20px "Barlow", Arial, sans-serif;
	color: #fff;
	position: relative;
	line-height: normal;
}
.landing-page .piep-home-about .piep-home-about-image {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
}
/*-----------------------------------------------*/

.hero-image-convention {
	/*text-align: inherit;*/
	display: inline-block;
	width: 100%;
	height: 500px;
	/*vertical-align: middle;*/
	position: relative;
	/*padding: 0 1rem*/
	margin-top: -7px;
	background: url(../images/homepage/PIEP_convention_2018.jpg) no-repeat center;
	background-size: cover;
}
.hero-image-convention-mobile {
	display:none;
}
.contain-convention {
	margin: 25% auto 0 19%;
	max-width: 700px;
	box-sizing: content-box;
	text-align: center
}
.contain-convention span {
	color: rgba(80,240,193,1);
}
@media screen and (max-width: 480px) {
.hero-image-convention {
	display:none;
}
.hero-image-convention-mobile {
	display: block;
	width: 100%;
	height: 1000px;
	margin: -40px 0 50px 0;
	position: relative;
	padding:0;
	background:url(../images/homepage/PIEP_convention_2018-mobile.jpg) no-repeat center;
	background-size: cover;
}
.contain-convention {
	margin: 0;
	max-width: 100%;
	box-sizing: content-box;
	text-align: center;
	padding-top: 560px;
}
.hero-image-convention-mobile .contain-convention p{
	font-size: 16px;
	line-height: 24px;
	color: rgba(80,240,193,1);
}
}
@media screen and (max-width: 320px) {
.hero-image-convention {
	display:none;
}
.hero-image-convention-mobile {
	display: block;
	width: 100%;
	height: 1000px;
	margin: -40px 0 50px 0;
	position: relative;
	padding:0;
	background:url(../images/homepage/PIEP_convention_2018-mobile.jpg) no-repeat center;
	background-size: cover;
}
.contain-convention {
	margin: 0;
	max-width: 100%;
	box-sizing: content-box;
	text-align: center;
	padding-top: 560px;
}
.hero-image-convention-mobile .contain-convention p{
	font-size: 16px;
	line-height: 24px;
	color: rgba(80,240,193,1);
}
}
/*-----------------------------------------------*/
.hero {
	width: 100%;
	display: table;
}
.hero .hero-image {
	text-align: center;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 20px 0px 20px 0px;
/*	background-image: url(../images/homepage/homepage_main-image-2021.jpg);*/	
	background-image: url(../images/homepage/homepage_main-image-2021-vnatcon.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
/*.hero .hero-image {
	height: auto;
	padding: 20px 0px 20px 0px;
}*/

.hero .hero-image:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	
/*	background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.55) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.55)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.55) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0,0,0,0.55) 100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0,0,0,0.55) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.55) 100%)*/
}
.hero:hover .hero-image:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
/*	background: -moz-linear-gradient(top, transparent 0%, rgba(0,25,7,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,25,7,1)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0,25,7,1) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0,25,7,1) 100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0,25,7,1) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0,25,7,1) 100%)*/
}
.hero h1 {
	font: 24px "Barlow", sans-serif;
	color: #fff;
	text-shadow: none;
	margin-bottom: 1.5em;
	position: relative
}
.hero h1:before {
	background: url(images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px;
	padding: 0 1.5rem;
	content: " "
}
.hero h1:after {
	background: url(images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px;
	padding: 0 1.5rem;
	content: " "
}
.hero h2 {
	font: 70px/1.2em "Barlow", Arial, sans-serif;
	font-weight: 600;
	color: #fff;
	/*text-shadow: none;*/
	margin-bottom: 1rem;
	position: relative
}
.hero p {
	font: 21px "Barlow", Arial, sans-serif;
	color: #fff;
	/*text-shadow: 1px 1px 0px #000;*/
	position: relative;
margin:.5rem 0 1.5rem 0
}
.landing-page .hero .hero-image-convention {
	height: 500px
}
.landing-page .hero .hero-image.in-page {
	height: 340px
}
.standard-page .hero .hero-image.in-page {
	height: 340px
}
@media screen and (max-width:320px) {
.hero {
	display: block;
	height: 1050px;
	width: 100%;
	/*background-image: url(../images/homepage/homepage_main-image-2021.jpg);*/
	background-image: url(../images/homepage/homepage_main-image-2021-vnatcon.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

.hero .hero-image {
	text-align: center;
	display: table-cell;
	width: 100%;
/*	vertical-align: middle;*/
	position: relative;
	padding: 20px 10px 20px 10px;
}
.hero .hero-image:before {
	content: " ";
	width: 100%;
    height: 860px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hero:hover .hero-image:before {
	content: " ";
	width: 100%;
    height: 860px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: none;
}
#home-main-image-text {
	margin: 0 0 3rem 0;
}
.landing-page .hero .hero-image {
	height: 420px;
	padding-top: 70px;
}
.landing-page .hero h1, .standard-page .hero h1 {
	font-size: 20px;
	margin-bottom: 1rem
}
.landing-page .hero h2, .standard-page .hero h2 {
	font-size: 22px
}
.landing-page .hero .hero-image.in-page {
	height: 140px
}
.landing-page .hero .hero-image.in-page h2 {
	display: block;
}
.standard-page .hero .hero-image.in-page {
	height: 140px
}
/*.standard-page .hero .hero-image.in-page h2 {
	display: none;
}
.hero h2 {
	display: none;
}*/

}

@media screen and (max-width:360px) {
.hero {
	display: block;
	height: 1050px;
	width: 100%;
	background-image: url(../images/homepage/homepage_main-image-2021-vnatcon.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
#home-main-image-text {
	margin: 0 0 3rem 0;
}
.hero .hero-image {
	text-align: center;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 20px 10px 20px 10px;
}
.hero .hero-image:before {
	content: " ";
	width: 100%;
	height: 860px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hero:hover .hero-image:before {
	content: " ";
	width: 100%;
	height: 860px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: none;
}
}

@media screen and (max-width:414px) {
.hero {
	display: block;
	height: 1050px;
	width: 100%;
	background-image: url(../images/homepage/homepage_main-image-2021-vnatcon.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
#home-main-image-text {
	margin: 0 0 3rem 0;
}
.hero .hero-image {
	text-align: center;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 20px 10px 20px 10px;
}
.hero .hero-image:before {
	content: " ";
	width: 100%;
	height: 860px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hero:hover .hero-image:before {
	content: " ";
	width: 100%;
	height: 860px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: none;
}
}


.landing-page .hero .hero-image h1 {
	color: #fff
}
.landing-page .hero .hero-image h1:before {
	background: url(images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px
}
.landing-page .hero .hero-image h1:after {
	background: url(images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px
}
.landing-page .hero.news-hero .hero-image {
	vertical-align: bottom !important;
	padding-bottom: 2.5rem
}
.landing-page .hero.news-hero .hero-image p {
	font-size: 24px
}
.landing-page .small-hero .hero-image {
	height: 420px
}
.landing-page .small-hero p {
	font-size: 16px
}
.standard-page .hero .hero-image {
	height: 340px;
}
.standard-page .hero .hero-image h2 {
	padding-top: 6.2rem;
}
.standard-page .hero .hero-image.tiny-hero-image {
	height: 190px
}
.standard-page .hero .hero-image.tiny-hero-image h1 {
	margin-bottom: 0
}
.standard-page .hero p {
	font-size: 16px;
	line-height: 1.6em
}
@media screen and (max-width: 1000px) {
.hero h2 {
	font-size: 48px
}
}
@media screen and (max-width: 768px) {
.standard-page .hero .hero-image.big-hero-image {
	height: 350px
}
.standard-page .hero.m-hide-hero {
	display: none
}
}
@media screen and (max-width: 480px) {
/*.hero {
	display: block;
	height: 420px;
	width: 100%;
}*/
.hero .hero-image {
	display: block;
	height: 420px;
	width: 100%;
	padding-top: 100px;
}
.landing-page .hero .hero-image {
	height: 420px
}
.landing-page .hero .hero-image.in-page {
	height: 140px
}
.hero-image.in-page {
	display: block;
	height: 200px;
	padding-top: 0px;
}
/*.landing-page .hero .hero-image.in-page h2 {
	display: none;
}*/
.standard-page .hero .hero-image.in-page {
	height: 140px
}
/*.standard-page .hero .hero-image.in-page h2 {
	display: none;
}*/
/*.hero h2 {
	display: none;
}*/

/*.landing-page .hero .hero-image, .standard-page .hero .hero-image {
	height: 400px
}*/
/*.landing-page .hero .hero-image.in-page {
	height: 340px
}*/
.landing-page .hero .hero-image.big-hero-image, .standard-page .hero .hero-image.big-hero-image {
	display: none
}
.landing-page .hero h1, .standard-page .hero h1 {
	font-size: 20px;
	margin-bottom: 1rem
}
.landing-page .hero h1:before, .standard-page .hero h1:before {
	background: none;
	padding: 0
}
.landing-page .hero h1:after, .standard-page .hero h1:after {
	background: none;
	padding: 0
}
.landing-page .hero h2, .standard-page .hero h2 {
	font-size: 32px
}
.landing-page .hero p, .standard-page .hero p {
	font-size: 18px
}
.standard-page .hero.smaller-hero .hero-image {
	height: 190px
}
}
.standard-page h2.emergency {
	color: #b2292e !important;
	font-family: "Barlow", Impact, sans-serif
}
.standard-page .content {
	width: 74.64286%;
	float: right
}
.standard-page .content h1 {
	font: 2.5em "Barlow", Arial, sans-serif;
	color: #007c26;
}

.standard-page .content-full span {
	font-weight: 600;
}

/*-----Objectives page-------------------*/
.bottom-box-2:after {
	content: "";
	display: table;
	clear: both;
}
.bottom-box-2 {
	margin: 0 auto;
	width: 100%;
}
.bottom-box-2 .photo-2-across {
	margin-bottom: 0;
}
.bottom-box-2 .photo-2-across .photo-feature {
	width: 50%;
	float: left;
	position: relative;
	max-height: 288px;
}
.bottom-box-2 .photo-2-across .photo-feature img {
	display: block;
}
.bottom-box-2 .photo-2-across .photo-feature .back {
	display: none;
	background-color: #498352;
	width: 100%
}
.bottom-box-2 .photo-2-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	bottom: 1rem;
	z-index: 31
}
.bottom-box-2 .photo-2-across .photo-feature h2 {
	font: 35px "Barlow", "Arial", sans-serif;
	font-weight:600;
	color: #fff;
    margin-bottom:-.5rem;
	text-shadow: none
}
.bottom-box-2 .photo-2-across .photo-feature p {
	font: 18px "Barlow", Arial, sans-serif;
	text-shadow: none
}
.bottom-box-2 .photo-2-across .photo-feature p.link {
	font-family: "Barlow", "Arial Black", sans-serif;
	text-transform: uppercase
}
.bottom-box-2 .photo-2-across .photo-feature p.link:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}

@media screen and (max-width: 480px) {
.bottom-box-2:after {
	content: "";
	display: table;
	clear: both;
}
.bottom-box-2 {
	margin: 0 auto;
	width: 100%;
}
.bottom-box-2 .photo-2-across {
	margin-bottom: 0;
}
.bottom-box-2 .photo-2-across .photo-feature {
	width: 100%;
	position: relative;
	max-height: 137px;
}
.bottom-box-2 .photo-2-across .photo-feature img {
	display: block;
	position: relative;
}
.bottom-box-2 .photo-2-across .photo-feature h2 {
	font: 20px "Barlow", "Arial", sans-serif;
	font-weight:600;
	color: #fff;
	text-shadow: none;
}
.bottom-box-2 .photo-2-across .photo-feature p {
	font: 12px/18px "Barlow", Arial, sans-serif;
	text-shadow: none
}
.bottom-box-2 .photo-2-across .photo-feature p.link {
	font-family: "Barlow", "Arial Black", sans-serif;
	text-transform: uppercase
}
.bottom-box-2 .photo-2-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	bottom: -.3rem;
	z-index: 31;
}
}

/*--------------------------------------*/

.standard-page .content-full {
	width: 100%
}
.standard-page .content-region {
	margin-bottom: 4rem
}
.standard-page p+h3 {
	margin-top: 2rem
}
.standard-page #no-hero {
	margin: 2rem auto;
	max-width: 1120px
}
.standard-page #no-hero h1 {
	font: 30px "Barlow", Impact, sans-serif;
	color: #716c6b
}
.standard-page #page {
	margin: 2rem auto 0 auto;
	max-width: 1120px
}
.standard-page .wrapper {
	margin: 3rem 0
}
.standard-page .plus-section {
	margin: 2rem 0;
	padding-bottom: 1rem;
	border-bottom: 4px solid #f0f0f0
}
.standard-page .plus-section:last-of-type {
	border-bottom: none
}
.standard-page .plus-section .left-side {
	float: left;
	width: 50%
}
.standard-page .plus-section .right-side {
	float: right;
	width: 43.66029%
}
.standard-page .twitter-section {
	margin: 2rem 0;
	padding-bottom: 1rem
}
.standard-page .twitter-section:last-of-type {
	border-bottom: none
}
.standard-page .twitter-section .left-side {
	float: left;
	width: 50%
}
.standard-page .twitter-section .right-side {
	float: right;
	width: 43.66029%
}
.standard-page .link-boxes {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 2rem 0
}
.standard-page .link-boxes .link-box {
	float: left;
	width: 47.84689%;
	margin-bottom: 2rem
}
.standard-page .link-boxes .link-box:nth-child(even) {
	margin-left: 4.30622%
}
.standard-page .link-boxes .link-box h4 {
padding-bottom:.5rem;
	border-bottom: 4px solid #ccc
}
.standard-page .link-boxes .link-box ul {
	margin: 0;
	padding: 0
}
.standard-page .link-boxes .link-box li {
	background: none;
	padding-left: 0
}
.standard-page .link-boxes .link-box .outline {
	border: 1px solid #ccc
}

.standard-page .photo-feature-2-across {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.standard-page .photo-feature-2-across .photo-feature {
	display: inline-block;
	
	margin: 0 0 -.5rem 0;
	width: 50%;
	float: left;
	position: relative;
	height: auto;
	overflow: hidden;
}
.standard-page .photo-feature-2-across .photo-feature img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.standard-page .photo-feature-2-across .photo-feature .back {
	display: none;
	background-color: #75619e;
	width: 100%;
	overflow: hidden;
}
.standard-page .photo-feature-2-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 0 0 2em;
	position: absolute;
	bottom: 3rem;
	z-index: 31
}

.standard-page .photo-feature-2-across .photo-feature h2 {
	font: 30px "Barlow", "Arial", sans-serif;
	color: #184d26;
	/*margin-bottom:-3.5rem;*/
	text-shadow: none
}
.standard-page .photo-feature-2-across .photo-feature:hover h2 {
	color: #3bf908;
}
.standard-page .photo-feature-2-across .photo-feature p {
	font: 16px "Barlow", Arial, sans-serif;
	text-shadow: none
}
.standard-page .photo-feature-2-across .photo-feature p.link {
	font-family: "Barlow-Bold", "Arial Black", sans-serif;
	text-transform: uppercase
}
.standard-page .photo-feature-2-across .photo-feature p.link:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}
.standard-page .photo-feature-2-across .photo-feature .back-text {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	z-index: 31;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center
}
.standard-page .photo-feature-2-across .photo-feature .back-text h2 {
	font: 18px "Barlow", "Arial Black", sans-serif;
	color: #fff;
	margin-bottom: 1.5em;
	text-shadow: none
}
.standard-page .photo-feature-2-across .photo-feature .back-text p {
	text-shadow: none
}
.standard-page .photo-feature-2-across .photo-feature .back-text p.link {
	margin-top: 1em
}

.standard-page .stats-callout {
	border-top: 4px solid #f0f0f0;
	border-bottom: 4px solid #f0f0f0;
	text-align: center;
	color: #007c26;
	padding: 2rem 0;
	margin: 4rem 0
}
.standard-page .stats-callout p {
	margin: 0 auto;
	display: table
}
.standard-page .stats-callout span {
	display: table-cell;
	vertical-align: middle
}
.standard-page .stats-callout span.big {
	font: 72px "Barlow", Impact, sans-serif
}
.standard-page .stats-callout span.small {
	font: 24px "Barlow Extra Light", sans-serif;
	padding-left: 1rem;
}
.standard-page .stats-callout2 {
	border-top: 4px solid #f0f0f0;
	border-bottom: 4px solid #f0f0f0;
	text-align: center;
	padding: 2rem 0;
	margin: 2rem 0
}
.standard-page .stats-callout2 div {
	width: 33%;
	float: left;
	padding: 1rem
}
.standard-page .stats-callout2 ul {
	list-style: none
}
.standard-page .stats-callout2 ul li {
	text-align: left;
	padding-bottom: 0
}
.standard-page .stats-callout2 p {
	margin: 0 auto;
	display: table
}
.standard-page .stats-callout2 span {
	display: table-cell;
	vertical-align: middle
}
.standard-page .stats-callout2 span.big {
	font: 72px "Barlow", Impact, sans-serif;
	color: #007c26;
	display: block
}
.standard-page .stats-callout2 span.small {
	font: 24px "Campton Extra Light", "Courier New", sans-serif;
	color: #007c26;
	display: block
}
.standard-page .showcase {
	margin: 2rem 0 4rem 0
}
.standard-page .showcase .left-content .swiper-container {
	max-width: 550px;
	margin: 0
}
.standard-page .showcase .caption {
	font: 14px "Barlow", Arial, sans-serif;
	font-style:italic;
	margin-bottom:.5rem;
	position: absolute;
	bottom: 0;
	padding:.5rem;
	background: rgba(0,0,0,0.5);
	color: #fff;
	width: 100%
}
.standard-page .showcase .caption strong {
	font-family: "Barlow Bold Italic", "Arial Black", sans-serif
}
.standard-page .showcase .swiper-button-next, .standard-page .showcase .swiper-button-prev {
	width: 30px;
	height: 30px;
	-moz-background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	margin-top: 0;
	top: 45%
}
.standard-page .showcase .swiper-button-prev {
	background: url(images/icons/arrow-right-purple-white.svg) no-repeat;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	left: 10px;
	right: auto
}
.standard-page .showcase .swiper-button-next {
	background: url(images/icons/arrow-right-purple-white.svg) no-repeat;
	right: 10px;
	left: auto
}
.standard-page .showcase p+h4 {
margin:1.5rem 0 .5rem 0
}
/*---------------------------------------------------------------------------------------*/
.standard-page .left-content {
	display: inline-block;
	width: 65.78947%;
	float: left;
	/*border-right: 1px solid #ddd;
	padding-right: 1em;*/
}
.standard-page .right-content {
	display: inline-block;
	width: 29.90431%;
	margin-left: 3.1866%;
	border-left: 1px solid #ddd;
}
.standard-page .right-content p {
	padding-left: 25px;
}
.standard-page .right-content span {
	display: block;
	padding-left: 25px;
}
@media screen and (max-width: 480px) {
.standard-page .left-content {
	display: inline-block;
	width: 100%;
}
.standard-page .right-content {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	border-left: none;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
.standard-page .right-content span {
	display: block;
	padding-left: 0px;
}
.standard-page .right-content p {
	padding-left: 0px;
}
}
/*---------------------------------------------------------------------------------------*/
.standard-page .showcase .left-content {
	width: 65.78947%;
	float: left
}
.standard-page .showcase .right-content {
	width: 29.90431%;
	float: left;
	margin-left: 4.1866%
}
.standard-page .showcase .quote {
	float: left;
	width: 265px;
	margin: 0 2rem 1rem 0;
	line-height: 1.4em
}
.standard-page .showcase .stat-list {
	font: 24px "Campton Extra Light", "Courier New", sans-serif;
	color: #007c26
}
.standard-page .showcase .stat-list strong {
	font: 72px/1em "Barlow", Impact, sans-serif;
	color: #007c26;
	display: block
}
.standard-page .showcase .stat-list ul {
	margin: 0 0 2rem 0;
	padding: 1.5rem 0 0 0;
	border-top: 4px solid #f0f0f0;
	color: #716c6b
}
.standard-page .showcase .stat-list ul.no-border {
	border-top: none;
	padding-top: 0
}
.standard-page .showcase .stat-list ul li {
	background: none;
	padding: 0
}
.standard-page .showcase .stat-list ul li:first-child {
	font: 30px/1.2em "Barlow", Impact, sans-serif;
	color: #007c26;
margin-bottom:.5rem
}
.standard-page .showcase .stat-list ul.bullet {
	margin: 0 0 -2rem 0;
	padding: inherit
}
.standard-page .showcase .stat-list ul.bullet li {
	background: url(images/icons/bullet.png) top left no-repeat;
background-position:0 .5rem;
padding:0 0 .5rem 1em;
	font-size: 20px
}
.standard-page .showcase .stat-list ul.bullet li:first-child {
	font: 26px/1.2em "Barlow", Impact, sans-serif;
	color: #007c26;
margin-bottom:.5rem;
	background: none;
	padding: 1rem 0 1rem 0
}
.standard-page .showcase .links p {
	font: 18px "Barlow Bold", "Arial Black", sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #f0f0f0;
padding-bottom:.5rem
}
.standard-page .showcase .links p.no-line {
	border-bottom: none
}
.standard-page .showcase .links ul {
	padding: 0;
	margin: 0
}
.standard-page .showcase .links ul li {
	font: 16px "Barlow Bold", "Arial Black", sans-serif;
	background: none;
	padding: 0;
	margin-bottom: 1rem
}
.standard-page .showcase .links ul li:after {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}
.standard-page .alternate-photo-float {
	margin-bottom: 5rem
}
.standard-page .alternate-photo-float h2 {
	font: 30px "Barlow", Arial, sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #ccc;
	text-transform: none;
padding-bottom:.5rem
}
.standard-page .alternate-photo-float .image-left, .standard-page .alternate-photo-float .image-right, .standard-page .alternate-photo-float .text {
	width: 43.0622%;
	max-width: 360px;
	margin-right: 2.39234%;
	float: left;
	position: relative;
	max-height: 360px
}
.standard-page .alternate-photo-float .image-left:last-child, .standard-page .alternate-photo-float .image-right:last-child, .standard-page .alternate-photo-float .text:last-child {
	margin-right: 0
}
.standard-page .alternate-photo-float .text {
	width: 54.42584%;
	max-width: 455px;
	margin-right: 2.39234%;
	max-height: none
}
.standard-page .alternate-photo-float .text:last-child {
	margin-right: 0
}
.standard-page .alternate-photo-float .text img {
	z-index: 30
}
/*-----------------------------------------------------------------------------*/
.standard-page .feature-one-col {
	display: inline-block;
}
.standard-page .feature-one-col .feature-box {
	width: 100%;
	background: #f5fcf3;
	margin-bottom: 6.39234%;
	position: relative;
	border-bottom: 1px solid #cbd8c6;
}
.standard-page .feature-one-col .feature-box .feature-copy {
	padding: 1rem 1.5rem 2.2rem 1.5rem
}
.standard-page .feature-one-col .feature-box .feature-copy h2 {
	font: 21px "Barlow", Arial, sans-serif;
	text-transform: uppercase
}
/*-----------------------------------------------------------------------------*/

.standard-page .feature-two-col {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2.39234%
}
.standard-page .feature-two-col .feature-box-piep-officers {
	width: 47%;
	float: left;
	margin: 0 2rem .2rem 0;
	padding: .5rem 0rem 0rem 1.2rem;
	position: relative;
	font: 1.3em "Barlow", Arial, sans-serif;
	font-weight:300;
	/*line-height: 15px;*/
	clear: both;
}
.standard-page .feature-two-col .piep-officers-position {
	width: 23.5%;
	border-right: 1px solid #ddd;
}
.standard-page .feature-two-col .feature-box-piep-officers p {
	margin: 0 0 1rem 0;
	font-weight:500;
}
.standard-page .feature-two-col .feature-box-piep-officers p a {
	color:rgba(0,153,0,1);
	text-decoration: underline;
}
.standard-page .feature-two-col .feature-box-piep-officers p a:hover {
	text-decoration: none;
}
.standard-page .feature-two-col .feature-box {
	width: 48.68421%;
	float: left;
	background: #f0f0f0;
	margin-left: 2.39234%;
	position: relative
}
.standard-page .feature-two-col .feature-box:first-child {
	margin-left: 0
}
.standard-page .feature-two-col .feature-box .feature-copy {
	padding: 1rem 1.5rem 4rem 1.5rem
}
.standard-page .feature-two-col .feature-box .feature-copy h2 {
	font: 21px "Barlow", Arial, sans-serif;
	text-transform: uppercase
}
.standard-page .feature-two-col .feature-box .feature-copy ul {
	margin-left: 0;
	padding-left: 0
}
.standard-page .feature-two-col .feature-box.no-button .feature-copy {
	padding-bottom: 1rem
}
.standard-page .quote {
	font: 24px/1.2em "Barlow", Tahoma, sans-serif;
	color: #333;
	margin-bottom: .5em
}
.standard-page .quote span {
	background: url(images/icons/quote.png) no-repeat;
	width: 35px;
	height: 24px;
	display: inline-block;
	margin-right:.5rem
}
.standard-page .quote p {
	margin-top: 0
}
.standard-page .quote figcaption {
	font: 16px/1.0em "Barlow", Arial, sans-serif;
	color: #716c6b
}
.standard-page .background-select {
	width: 100%;
	display: table;
	min-height: 300px;
	color: #fff;
	margin-bottom: 3rem
}
.standard-page .background-select .background-select-image {
	text-align: center;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 2rem 1em
}
.standard-page .background-select h4 {
	font: 42px "Barlow", Tahoma, sans-serif;
	color: #fff;
	margin-bottom: 1rem
}
.standard-page .background-select p {
	font-size: 18px;
	margin-bottom: 3rem
}
.standard-page .background-select .select-date {
	font: 18px "Barlow", Impact, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0
}
@media screen and (max-width: 1145px) {
.standard-page h1.no-hero {
	margin-left: 1.5rem
}
.standard-page #page, .standard-page #no-hero {
	margin-left: 1rem;
	margin-right: 1rem
}
.standard-page .quote {
	font-size: 20px
}
.standard-page .showcase .stat-list strong {
	font-size: 54px
}
}
@media screen and (max-width: 1000px) {
.standard-page .photo-feature-2-across .photo-feature {
	width: inherit;
	max-width: 418px;
	float: none;
	margin: 0
}
.standard-page .showcase .left-content {
	float: none;
	width: 100%
}
.standard-page .showcase .quote {
	display: none
}
.standard-page .showcase .right-content {
	float: none;
	width: 100%;
	margin: 1rem 0 2rem 0
}
.standard-page .showcase ul.three-columns {
	display: none
}
}
@media screen and (max-width: 970px) {
.standard-page #page-narrow, .standard-page #no-hero-narrow {
	margin-left: 1rem;
	margin-right: 1rem
}
}
@media screen and (max-width: 875px) {
.standard-page .alternate-photo-float {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}
.standard-page .alternate-photo-float h2 {
	margin-top: 1rem
}
.standard-page .alternate-photo-float .image-left, .standard-page .alternate-photo-float .image-right, .standard-page .alternate-photo-float .text {
	width: 100%;
	float: none;
	position: relative;
	margin: 0 auto
}
.standard-page .alternate-photo-float .image-left:last-child, .standard-page .alternate-photo-float .image-right:last-child, .standard-page .alternate-photo-float .text:last-child {
	margin-right: auto
}
.standard-page .alternate-photo-float .image-left .quote p, .standard-page .alternate-photo-float .image-right .quote p, .standard-page .alternate-photo-float .text .quote p {
	margin-top: 1em
}
.standard-page .alternate-photo-float .text {
	max-width: 360px
}
.standard-page .alternate-photo-float .image-right {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1
}
}
@media screen and (max-width: 900px) {
.standard-page .quote {
	font-size: 18px
}
}
@media screen and (max-width: 768px) {
.standard-page .content, .standard-page .content-full {
	float: none;
	width: 100%
}
.standard-page h2 {
	font-size: 36px
}
}
@media screen and (max-width: 600px) {
.standard-page .plus-section .left-side, .standard-page .plus-section .right-side, .standard-page .twitter-section .left-side, .standard-page .twitter-section .right-side {
	width: 100%;
	float: none
}
}
@media screen and (max-width: 520px) {
.standard-page .showcase .caption {
	position: relative;
	color: #716c6b;
	background: none
}
.standard-page .showcase .swiper-button-next {
	top: 0;
	right: 0
}
.standard-page .showcase .swiper-button-prev {
	top: 0;
	left: 0
}
}
@media screen and (max-width: 480px) {
.standard-page h2 {
	font-size: 32px
}
.standard-page h3 {
	font-size: 24px
}
.standard-page .alternate-photo-float .text .column {
	width: 100%
}
.standard-page .photo-feature-2-across .photo-feature .back-text {
padding:0 .5rem
}
.standard-page .photo-feature-2-across .photo-feature .back-text h2 {
margin-bottom:.5rem
}
.standard-page .photo-feature-2-across .photo-feature .back-text p {
	font-size: 14px
}
.standard-page .link-boxes .link-box {
	float: none;
	width: 100%
}
.standard-page .link-boxes .link-box:nth-child(even) {
	margin-left: 0
}
.standard-page .stats-callout span {
	display: block
}
.standard-page .stats-callout span.big {
	font: 48px "Barlow", Impact, sans-serif
}
.standard-page .feature-two-col {
	display: inherit;
	margin-bottom: 0
}
.standard-page .feature-two-col .feature-box {
	width: inherit;
	max-width: 407px;
	float: none;
	background: #f0f0f0;
	margin-left: 0;
	margin-bottom: 2rem
}
.standard-page .background-select h4 {
	font-size: 28px
}
}
@media screen and (max-width: 420px) {
.standard-page .landing-page .alternate-photo-float .text ul.two-columns {
	-moz-column-count: inherit;
	-moz-column-gap: inherit;
	-webkit-column-count: inherit;
	-webkit-column-gap: inherit;
	column-count: inherit;
	column-gap: inherit
}
.standard-page .photo-feature-2-across .photo-feature .text-over-image {
	padding: 0 1em;
	bottom: 0
}
.standard-page .photo-feature-2-across .photo-feature h2 {
	font-size: 20px
}
.site-label {
	display:none;
	visibility:hidden;
	overflow: hidden;
}
}
.narrow-page #no-hero {
	margin: 2rem auto;
	max-width: 930px
}
.narrow-page #no-hero h1 {
	font: 30px "Barlow", Impact, sans-serif;
	color: #716c6b
}
.narrow-page #page {
	margin: 2rem auto 0 auto;
	max-width: 930px
}
.narrow-page .quote {
	width: 28.49462%;
	margin-right: 2.15054%;
	float: left
}
.narrow-page .narrow-content {
	width: 69.35484%;
	float: right
}
.narrow-page .narrow-content.full {
	width: 100%;
	float: none
}
.narrow-page .narrow-content .intro {
	font: 20px "Campton Extra Light", "Courier New", sans-serif
}
.narrow-page .narrow-content .slashes {
	font: 20px "Campton Extra Light", "Courier New", sans-serif
}
.narrow-page .narrow-content .slashes ul {
	padding: 0;
	margin: 2rem 0 2rem 0
}
.narrow-page .narrow-content .slashes ul li {
	background: url(images/icons/dkpurple-slash.svg) no-repeat 0 2px/18px 18px;
	display: inline;
padding:0 .25rem 0 1.5rem
}
.narrow-page .narrow-content .slashes ul li:first-child {
	background: none;
	padding-left: 0
}
.narrow-page .narrow-content .credit {
	font: 16px "Barlow", Impact, sans-serif;
	margin: 2rem 0;
	width: 50%
}
.narrow-page .narrow-content .credit .byline {
	text-transform: uppercase
}
.narrow-page .narrow-content .image-full-width .caption {
	font: 14px/1.3em "Akkurat Pro Italic", Arial, sans-serif;
	color: #716c6b
}
.narrow-page .narrow-content .story-image-left {
	width: 55.81395%;
	float: left;
	margin: 0 1rem 1.5rem 0
}
.narrow-page .narrow-content .story-image-left {
	width: 55.81395%;
	float: left;
	margin: 0 1rem 1.5rem 0
}
.narrow-page .narrow-content .story-image-right {
	width: 55.81395%;
	float: right;
	margin: 0 0 1.5rem 1rem
}
.narrow-page .narrow-content .story-caption {
	font: 14px/1.3em "Akkurat Pro Italic", Arial, sans-serif;
	color: #716c6b
}
.narrow-page .narrow-content #story-floater {
	float: right;
	width: 28.49462%;
	margin-left: 2.15054%;
	margin-bottom: 2.15054%
}
.narrow-page .narrow-content #story-floater .quote {
	width: 100%;
	margin-right: 0;
	float: none;
	border-bottom: 4px solid #f0f0f0
}
.narrow-page .narrow-content #story-floater figure+.news-tidbit {
	margin-top: 2rem
}
.narrow-page .narrow-content #story-floater .story-tidbit {
	border-bottom: 4px solid #f0f0f0;
	padding: 1.5rem 0;
	font: 20px "Campton Book", Tahoma, sans-serif;
	color: #007c26
}
.narrow-page .narrow-content .share {
	margin-bottom: 1rem;
	padding-top: 1rem;
	float: right;
	width: 28.49462%
}
@media screen and (max-width: 970px) {
.narrow-page #page, .narrow-page #no-hero {
	margin-left: 1rem;
	margin-right: 1rem
}
}
@media screen and (max-width: 768px) {
.narrow-page .narrow-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}
.narrow-page .quote {
	float: none;
	width: 100%;
	font-size: 18px
}
.narrow-page #left-side {
	float: none;
	width: 100%
}
.narrow-page .narrow-content {
	float: none;
	width: 100%;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	margin-bottom: 2rem
}
.narrow-page .narrow-content #story-floater {
	float: none;
	width: 100%;
	padding-top: 1.5rem;
	margin-left: 0;
	margin-bottom: 0;
	border-top: 4px solid #f0f0f0
}
.narrow-page .narrow-content #story-floater .story-tidbit {
	display: none
}
}
@media screen and (max-width: 700px) {
.narrow-page .narrow-content .share {
	float: none;
	width: 100%
}
}
@media screen and (max-width: 500px) {
.narrow-page .narrow-content .story-image-left, .narrow-page .narrow-content .story-image-right {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
.narrow-page .narrow-content .story-caption {
	max-width: 360px
}
}
.landing-page #back-to-top {
	margin-bottom: 2rem
}
.landing-page .content {
	font-size: 16px;
	line-height: 1.7em;
	width: 100%
}
.landing-page .content h2 {
	font-size: 40px;
	line-height: normal;
}

.landing-page .content h1 {
	font-size: 24px; 
	font: "Barlow", Arial, sans-serif;
	font-weight: 700;
	color: #6a946c;
	text-align: center;
	margin-bottom: 0rem;
}
.landing-page .content h1:before {
	background: url(images/icons/grey-slash.svg) no-repeat 50%/17px 21px;
	padding: 0 20px;
	content: " "
}
.landing-page .content h1:after {
	background: url(images/icons/grey-slash.svg) no-repeat 50%/17px 21px;
	padding: 0 25px;
	content: " "
}
.landing-page .content .section-top {
	margin-bottom: 3rem;
	text-align: center
}
.landing-page .content .piepnews {
	border-bottom: 3px solid #a5c5b1;
}

.landing-page .content .section-top .piepnews h1 {
	margin-bottom: 4rem
}
.landing-page .content .piepnews h2 {
	font-size: 2em;
	font-weight: 300;
}

.landing-page .content .section-top h1 {
	margin-bottom: 4rem
}
.piepnews h2 {
	margin-bottom: 3rem
}
@media screen and (max-width: 480px) {
.landing-page .section-top h1 {
	font: 30px/1.7rem "Barlow", Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 2em;
}
.landing-page .section-top h4 {
	font: 20px/1.7rem "Barlow", Arial, sans-serif;
	margin-top: 2em;
}
.section-top .piepnews-mobile  {
	display: block;
	font: 20px/1.7rem "Barlow", Arial, sans-serif;
	/*line-height: 17px;*/
	margin-bottom: -1em;
}
}
.landing-page .content .section-top h1+p, .landing-page .content .section-top h1+h2 {
	margin-top: -2rem
}
.landing-page .large-feature-wrap {
	padding: 4rem;
	background: url(images/slashes-grey-bg.gif) repeat
}
.landing-page .large-feature {
	margin-top: 3rem
}
.landing-page .news-features .content-side-piepnews {
	width: 100%;
	float: left;
	/*border-right: 1px solid #ccc;
	padding-right: 3.57143%*/
}
@media screen and (max-width: 480px) {
.landing-page .news-features .content-side-piepnews article img {
	width: 100%;
}
}
@media screen and (max-width: 320px) {
.landing-page .news-features .content-side-piepnews article img {
	width: 100%;
}
}
.landing-page .news-features .content-side-piepnews h2 {
	font: 48px/1.1em "Barlow", Impact, sans-serif;
	margin-bottom: 1.7rem
}
.landing-page .news-features .content-side-piepnews .area-label {
	font: 24px/1.1em "Barlow", Arial, sans-serif;
	color: #999;
	font-weight: 200;
	margin-bottom: .5rem
}

.landing-page .news-features .content-side-piepnews img {
	display: block;
	width: 490px;
	height: 285px;
	margin: 0 1.3rem 0 0;
	float: left;
}
.landing-page .area-label {
	font: 24px/1.1em "Barlow", Arial, sans-serif;
	color: #999;
	font-weight: 200;
	margin-bottom: 1.5rem
}
.landing-page .news-features .content-side-piepnews .author-box {
	display: block;
	width: inherit;
	height: auto;
	padding: 0 0 0 0;
	font: 14px/1.1em "Barlow", Arial, sans-serif;
	color: #5e7962;
	margin-bottom: 2em;
}
.landing-page .news-features .content-side-piepnews .author-box span {
	border-right: solid 1px #CCCCCC;
	padding: .2em 1em .2em 0;
	margin: 0 1em 0 0;
}
.landing-page .news-features .content-side-piepnews .author-date {
	display: block;
	float: left;
	margin: .6em 2em 2em 0;
}
.landing-page .news-features .content-side-piepnews .sharethis-inline-share-buttons {
	display: inline-block;
	margin: 0 0 0 0;
}
.divider-gray-horizontal-line {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	border-top: 1px solid #ddd;
	height: 0px;
}
@media screen and (max-width: 480px) {
.landing-page .news-features .content-side-piepnews img {
	margin: 0 0 1rem 0
}
.landing-page .news-features .content-side-piepnews h2 {
	font: 35px/1.1em "Barlow", Impact, sans-serif;
	margin-bottom: 1.7rem
}
.landing-page .content-side-piepnews p {
	font: 14px/1.8em "Barlow", Arial, sans-serif;
}
.landing-page .content-side-piepnews p.second-par-mobile {
	display:none;
}
}
.landing-page .large-feature .content-side {
	width: 78.57143%;
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 3.57143%
}
.landing-page .large-feature .content-side img {
	float: left;
	margin: 0 2rem 2rem 0
}
.landing-page .large-feature .content-side h2 {
	font: 48px/1.1em "Barlow", Impact, sans-serif;
	margin-bottom: 3rem
}
.landing-page .large-feature ul {
	width: 21.42857%;
	float: left;
	padding-left: 0;
	margin-left: 0
}
.landing-page .large-feature ul li {
	background: none;
	line-height: 1.2rem;
	margin-bottom: 1rem
}
.landing-page .large-feature ul li:after {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 50%/6px;
	padding-right: 2rem;
	content: " "
}
.landing-page .large-feature ul li a {
	font-family: "Barlow-Bold", "Arial Black", sans-serif
}
.landing-page .three-column-links h2 {
	font: 30px "Barlow", Arial, sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #ccc;
	text-transform: none;
padding-bottom:.5rem
}
.landing-page .three-column-links article {
	float: left;
	width: 32.14286%;
	margin-right: 1.78571%
}
.landing-page .three-column-links article h3, .landing-page .three-column-links article h4 {
	color: #716c6b;
	font: 26px "Barlow", Arial, sans-serif;
	margin-bottom: 1rem
}
.landing-page .three-column-links article:last-child {
	margin-right: 0
}
.landing-page .three-column-links article img {
	margin-bottom: 1rem
}
.landing-page .three-column-links article p {
	margin-top: 0
}
.landing-page .three-column-links ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.landing-page .three-column-links ul li {
	background: none;
	padding: 0 0 .8em 0;
	line-height: 1.5rem
}
.landing-page .three-column-list h1 {
	margin-bottom: 2rem
}
.landing-page .three-column-list h2 {
	font: 30px "Barlow", Arial, sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #ccc;
	text-transform: none;
padding-bottom:.5rem
}
.landing-page .three-column-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 2em;
	margin: 0;
	padding: 0
}
.landing-page .three-column-list ul li {
	background: none;
	padding: 0 0 .8em 0;
	line-height: 1.5em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}
.landing-page .alternate-photo-float {
	margin-bottom: 5rem
}
.landing-page .alternate-photo-float h2 {
	font: 30px "Barlow", Arial, sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #ccc;
	text-transform: none;
padding-bottom:.5rem
}
.landing-page .alternate-photo-float .image-left, .landing-page .alternate-photo-float .image-right, .landing-page .alternate-photo-float .text {
	width: 49.10714%;
	max-width: 550px;
	margin-right: 3.57143%;
	float: left;
	position: relative;
	max-height: 310px
}
.landing-page .alternate-photo-float .image-left:last-child, .landing-page .alternate-photo-float .image-right:last-child, .landing-page .alternate-photo-float .text:last-child {
	margin-right: 0
}
.landing-page .alternate-photo-float .text {
	width: 47.32143%;
	max-width: 530px;
	margin-right: 3.57143%;
	max-height: none
}
.landing-page .alternate-photo-float .text:last-child {
	margin-right: 0
}
.landing-page .alternate-photo-float .text.tl-text {
	color: #007c26;
	font: 24px/1.2em "Campton Book", Tahoma, sans-serif;
	margin-bottom: 1em
}
.landing-page .alternate-photo-float .text ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 3em;
	column-gap: 2em;
	margin: 0;
	padding: 0
}
.landing-page .alternate-photo-float .text ul li {
	background: none;
	padding: 0 0 .5em 0;
	line-height: 1.5em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}
.landing-page .alternate-photo-float .text .column {
	width: 45%;
	margin-right: 5%;
	float: left
}
.landing-page .alternate-photo-float .text .column:last-child {
	margin-right: 0
}
.landing-page .alternate-photo-float .text .column ul {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-webkit-column-gap: normal;
	-moz-column-gap: normal;
	column-gap: normal
}
.landing-page .alternate-photo-float .text img {
	z-index: 30
}
.landing-page .alternate-photo-float .text-over-image {
	position: absolute;
	top: 20%;
	color: #fff;
	text-align: center;
	z-index: 31;
	padding: 0 1em;
	font: 24px "Barlow", Impact, sans-serif
}
.landing-page .alternate-photo-float .text-over-image p {
	margin: 0
}
.landing-page .alternate-photo-float .text-over-image .big {
	font: 72px/1em "Barlow", Impact, sans-serif
}
.landing-page .feature-two-col {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.landing-page .feature-two-col .feature-box {
	width: 49.10714%;
	float: left;
	background: #f0f0f0;
	margin-left: 1.78571%;
	position: relative
}
.landing-page .feature-two-col .feature-box:first-child {
	margin-left: 0
}
.landing-page .feature-two-col .feature-box .feature-copy {
	padding: 1rem 1.5rem 4rem 1.5rem
}
.landing-page .feature-two-col .feature-box .feature-copy h2 {
	font: 21px "Barlow", Arial, sans-serif;
	text-transform: uppercase
}
.landing-page .feature-two-col .feature-box .feature-copy ul {
	margin-left: 0;
	padding-left: .5em
}
.landing-page .feature-two-col .feature-box-white {
	width: 49.10714%;
	float: left;
	margin-left: 1.78571%;
	position: relative
}
.landing-page .feature-two-col .feature-box-white img {
	margin-bottom: 1rem
}
.landing-page .feature-two-col .feature-box-white:first-child {
	margin-left: 0
}
.landing-page .feature-two-col .feature-box-white h3 {
	line-height: 1.1em;
margin-bottom:.7rem
}
.landing-page .feature-two-col .feature-box-white h3 a {
	font-family: "Barlow", Impact, sans-serif
}
.landing-page .feature-three-col {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.landing-page .feature-three-col .feature-box {
	width: 32.14286%;
	float: left;
	background: #f0f0f0;
	margin-left: 1.78571%;
	position: relative
}
.landing-page .feature-three-col .feature-box:first-child {
	margin-left: 0
}
.landing-page .feature-three-col .feature-box .feature-copy {
	padding: 1rem 1.5rem 4rem 1.5rem
}
.landing-page .feature-three-col .feature-box .feature-copy h2 {
	font: 21px "Barlow", Arial, sans-serif;
	text-transform: uppercase;
	color: #716c6b
}
.landing-page .feature-three-col .feature-box .feature-copy ul {
	margin-left: 0;
	padding-left: .5em
}
.landing-page .background-select {
	width: 100%;
	display: table;
	min-height: 400px
}
.landing-page .background-select .background-select-image {
	text-align: center;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 5rem 1em 3rem 1em
}
.landing-page .background-select h1 {
	margin-bottom: 2rem
}
.landing-page .background-select p {
	margin-bottom: 3rem
}
.landing-page .background-select a.button {
	margin-bottom: 2rem
}
.landing-page .purple-slashes p {
	color: #fff
}
.landing-page .purple-slashes h2 {
	color: #fff
}
.landing-page .number-boxes {
	background: #007c26 url(images/slashes-grey-bg.gif) repeat;
	padding: 2em 1em;
	text-align: center
}
.landing-page .number-boxes .half {
	width: 50%;
	float: left;
	border-right: 1px solid #836eaa;
	padding: 2rem 7rem
}
.landing-page .number-boxes .half:last-child {
	border-right: none
}
.landing-page .number-boxes .half p {
	font: 24px "Campton Extra Bold", Impact, sans-serif;
	color: #b6acd1
}
.landing-page .number-boxes .half p span {
	font: 96px "Barlow", Impact, sans-serif;
	color: #fff
}
.landing-page .photo-feature-2-across .photo-feature {
	width: 50%;
	float: left;
	position: relative;
	max-height: 350px
}
.landing-page .photo-feature-2-across .photo-feature img {
	display: block
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	bottom: 1rem;
	z-index: 31;
	width: 80%
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2 {
	font: 30px "Barlow", "Arial", sans-serif;
	color: #fff;
	margin-bottom:-.5rem;
	text-shadow: none
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image p {
	font: 18px "Barlow", "Arial", sans-serif;
	text-shadow: none
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image p.link {
	text-transform: uppercase
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image p.link:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}

/*-------------------------------------------------------------------------------*/
.standard-page .photo-feature-3-across {
	margin-top: 3rem;
}
.standard-page .photo-feature-3-across .photo-feature {
	width: 33.333333%;
	float: left;
	position: relative;
	max-height: 350px
}
.standard-page .photo-feature-3-across .photo-feature img {
	display: block
}
.standard-page .photo-feature-3-across .photo-feature .back {
	display: none;
	background-color: #498352;
	width: 100%
}
.standard-page .photo-feature-3-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	bottom: 1rem;
	z-index: 31;
	width: 90%
}
.standard-page .photo-feature-3-across .photo-feature h2 {
	font: 30px "Barlow", "Arial", sans-serif;
	color: #fff;
	margin-bottom:-.5rem;
	text-shadow: none
}
.standard-page .photo-feature-3-across .photo-feature:hover h2 {
	color: #3bf908;
}
.standard-page .photo-feature-3-across .photo-feature p {
	font: 16px "Barlow", Arial, sans-serif;
	text-shadow: none
}
.standard-page .photo-feature-3-across .photo-feature p.link {
	font-family: "Barlow", "Arial Black", sans-serif;
	text-transform: uppercase
}
.standard-page .photo-feature-3-across .photo-feature p.link:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}
.standard-page .photo-feature-3-across .photo-feature .back-text {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	z-index: 31;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center
}
.standard-page .photo-feature-3-across .photo-feature .back-text h2 {
	font: 18px "Barlow", "Arial Black", sans-serif;
	color: #fff;
	margin-bottom: 1.5em;
	text-shadow: none
}
.standard-page .photo-feature-3-across .photo-feature .back-text p {
	text-shadow: none
}
.standard-page .photo-feature-3-across .photo-feature .back-text p.link {
	margin-top: 1em
}

/*-------------------------------------------------------------------------------*/



.landing-page .photo-feature-3-across {
	margin-top: 3rem;
}
.landing-page .photo-feature-3-across .photo-feature {
	width: 33.333333%;
	float: left;
	position: relative;
	max-height: 350px
}
.landing-page .photo-feature-3-across .photo-feature img {
	display: block
}
.landing-page .photo-feature-3-across .photo-feature .back {
	display: none;
	background-color: #498352;
	width: 100%
}
.landing-page .photo-feature-3-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	bottom: 1rem;
	z-index: 31;
	width: 90%
}
.landing-page .photo-feature-3-across .photo-feature h2 {
	font: 30px "Barlow", "Arial", sans-serif;
	color: #fff;
	margin-bottom:-.5rem;
	text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature:hover h2 {
	color: #3bf908;
}

.landing-page .photo-feature-3-across .photo-feature h2.titleonly {
	font: 30px "Barlow", "Arial", sans-serif;
	color: #fff;
	margin-bottom: 1.8rem;
	text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature:hover h2.titleonly {
	color: #3bf908;
}


.landing-page .photo-feature-3-across .photo-feature p {
	font: 16px "Barlow", Arial, sans-serif;
	text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature p.link {
	font-family: "Barlow", "Arial Black", sans-serif;
	text-transform: uppercase
}
.landing-page .photo-feature-3-across .photo-feature p.link:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}
.landing-page .photo-feature-3-across .photo-feature .back-text {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	z-index: 31;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center
}
.landing-page .photo-feature-3-across .photo-feature .back-text h2 {
	font: 18px "Barlow", "Arial Black", sans-serif;
	color: #fff;
	margin-bottom: 1.5em;
	text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature .back-text p {
	text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature .back-text p.link {
	margin-top: 1em
}
.landing-page .center-list {
	list-style: none;
	margin: 2rem 0 0 0;
	padding: 0;
	text-align: center
}
.landing-page .center-list li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0
}
.landing-page .quote {
	font: 24px/1.3em "Barlow", Tahoma, sans-serif;
	color: #23552e;
	margin-bottom: 0;
}

.landing-page .testimonial-quote {
	display:block;
	margin: -1em 0 0 0;
}
.landing-page .quote span {
	background: url(images/icons/quote.png) no-repeat;
	width: 35px;
	height: 24px;
	display: inline-block;
	margin-right:.5rem
}
.landing-page .quote figcaption {
	font: 17px "Barlow", Arial, sans-serif;
	font-weight: 300;
	color: #716c6b;
	line-height: 9px;
}
.landing-page .quote .caption-names {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 19px;
	font-weight: 500;
	margin-top: 12px;
}
.landing-page .quote figcaption span {
	font: 18px "Barlow-Bold", "Arial Black", sans-serif;
	background: none;
	height: inherit;
	width: inherit;
	display: inherit;
	margin-right: inherit
}
.landing-page .stats-callout {
	border-top: 4px solid #f0f0f0;
	border-bottom: 4px solid #f0f0f0;
	text-align: center;
	padding: 2rem 0;
	margin: 2rem 0
}
.landing-page .stats-callout div {
	width: 33%;
	float: left;
	padding: 1rem
}
.landing-page .stats-callout ul {
	list-style: none
}
.landing-page .stats-callout ul li {
	text-align: left;
	padding-bottom: 0
}
.landing-page .stats-callout p {
	margin: 0 auto;
	display: table
}
.landing-page .stats-callout span {
	display: table-cell;
	vertical-align: middle
}
.landing-page .stats-callout span.big {
	font: 72px/1.1em "Barlow", sans-serif;
	font-weight:bold;
	color: #007c26;
	display: block
}
.landing-page .stats-callout span.small {
	font: 24px "Barlow", sans-serif;
	color: #007c26;
	display: block
}
@media screen and (max-width: 480px) {
.landing-page .stats-callout div {
	width: 100%;
	float: left;
	padding: 1rem
}
}
.landing-page .athletic-wrap {
	margin-bottom: 2rem
}
.landing-page .athletic-wrap h2 {
	font: 30px "Barlow", Arial, sans-serif;
	color: #716c6b;
	border-bottom: 4px solid #ccc;
	text-transform: none;
padding-bottom:.5rem
}
.landing-page .athletic-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.landing-page .athletic-wrap ul li {
	background: none;
	padding: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	line-height: 1.5em
}
.landing-page .athletic-wrap .left-side {
	width: 49.10714%;
	float: left
}
.landing-page .athletic-wrap .left-side img {
	margin-bottom: 1rem
}
.landing-page .athletic-wrap .left-side .column {
	width: 45%;
	margin-right: 5%;
	float: left
}
.landing-page .athletic-wrap .left-side .column:last-child {
	margin-right: 0
}
.landing-page .athletic-wrap .right-side {
	width: 46.42857%;
	float: right
}
@media screen and (max-width: 1150px) {
.landing-page .alternate-photo-float .quote {
	font-size: 20px
}
.landing-page .photo-feature-2-across .photo-feature {
	width: 50%;
	max-height: 350px
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image {
	width: 100%
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2 {
	font-size: 26px
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2.Barlow {
	font-size: 30px
}
.landing-page .photo-feature-3-across .photo-feature .text-over-image {
	padding: 0 1em
}
.landing-page .photo-feature-3-across .photo-feature .text-over-image h2 {
	font-size: 26px
}
.landing-page .photo-feature-3-across .photo-feature .back-text {
	padding: 0 1em
}
}
@media screen and (max-width: 960px) {
.landing-page .photo-feature-3-across .photo-feature {
	width: 50%
}
.landing-page .purple-slashes .purple-half {
	padding: 2rem
}
}
@media screen and (max-width: 900px) {
.landing-page .alternate-photo-float .quote {
	font-size: 18px
}
.landing-page .alternate-photo-float .text-over-image {
	top: 5%;
	font-size: 24px
}
.landing-page .alternate-photo-float .text-over-image .big {
	font-size: 60px;
	line-height: 1em
}
}
@media screen and (max-width: 875px) {
.landing-page .alternate-photo-float {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-bottom: 3rem
}
.landing-page .alternate-photo-float h2 {
	font-size: 24px;
	margin-top: 1rem
}
.landing-page .alternate-photo-float .image-left, .landing-page .alternate-photo-float .image-right, .landing-page .alternate-photo-float .text {
	width: 100%;
	float: none;
	position: relative;
	margin: 0 auto
}
.landing-page .alternate-photo-float .image-left:last-child, .landing-page .alternate-photo-float .image-right:last-child, .landing-page .alternate-photo-float .text:last-child {
	margin-right: auto
}
.landing-page .alternate-photo-float .image-right {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1
}
.landing-page .alternate-photo-float .text-over-image {
	top: 20%
}
.landing-page .background-select h2 {
	font-size: 36px
}
.landing-page .photo-feature-2-across .photo-feature {
	width: inherit;
	max-width: 720px;
	float: none;
	margin: 0 auto 0 auto
}
.landing-page .feature-three-col {
	display: inherit
}
.landing-page .feature-three-col .feature-box {
	width: inherit;
	max-width: 360px;
	float: none;
	background: #f0f0f0;
	margin: 0 auto 2rem auto
}
.landing-page .feature-three-col .feature-box:first-child {
	margin-left: auto
}
.landing-page .three-column-links h2 {
	font-size: 26px
}
.landing-page .athletic-wrap {
	margin-bottom: 0
}
.landing-page .athletic-wrap .left-side, .landing-page .athletic-wrap .right-side {
	width: 100%;
	float: none;
	margin-bottom: 1rem
}
.landing-page .athletic-wrap .left-side .column, .landing-page .athletic-wrap .right-side .column {
	width: inherit;
	max-width: 550px;
	float: none;
	margin-bottom: 1.5rem
}
.landing-page .athletic-wrap h2 {
	font-size: 26px
}
}
@media screen and (max-width: 850px) {
.landing-page .large-feature-wrap {
	padding: 2rem
}
.landing-page .large-feature .content-side img {
	float: none;
	margin-bottom: 1rem
}
.landing-page .large-feature .content-side h2 {
	font-size: 36px
}
}
@media screen and (max-width: 800px) {
.landing-page .photo-feature-3-across .photo-feature {
	width: inherit;
	max-width: 480px;
	float: none;
	margin: 0 auto 0 auto
}
.landing-page .stats-callout span.big {
	font: 48px "Barlow", Impact, sans-serif
}
.landing-page .stats-callout span.small {
	font: 20px "Campton Extra Light", "Courier New", sans-serif
}
}
@media screen and (max-width: 768px) {
.landing-page .alternate-photo-float .text.tl-text {
	font-size: 22px
}
.landing-page .number-boxes .half {
	padding: 2rem
}
.landing-page .number-boxes .half p {
	font-size: 18px
}
.landing-page .number-boxes .half p span {
	font-size: 60px
}
.landing-page .feature-two-col {
	display: inherit
}
.landing-page .feature-two-col .feature-box {
	width: inherit;
	max-width: 550px;
	float: none;
	background: #f0f0f0;
	margin-left: 0;
	margin-bottom: 1rem
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image, .landing-page .photo-feature-3-across .photo-feature .text-over-image {
	width: 100%
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2, .landing-page .photo-feature-3-across .photo-feature .text-over-image h2 {
	font-size: 24px
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2.Campton, .landing-page .photo-feature-3-across .photo-feature .text-over-image h2.Barlow {
	font-size: 30px
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image p, .landing-page .photo-feature-3-across .photo-feature .text-over-image p {
	display: none
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image p.link, .landing-page .photo-feature-3-across .photo-feature .text-over-image p.link {
	display: block
}
.landing-page .feature-two-col .feature-box-white {
	width: 100%;
	float: none;
	margin: 0
}
.landing-page .photo-feature-3-across .photo-feature {
	width: inherit;
	max-width: 480px;
	margin: 0 auto;
	float: none
}
.landing-page .three-column-links h2 {
	font-size: 24px
}
.landing-page .large-feature .content-side, .landing-page .large-feature ul {
	float: none;
	width: 100%;
	border: none
}
.landing-page .large-feature .content-side li, .landing-page .large-feature ul li {
	padding-left: 0
}
}
@media screen and (max-width: 750px) {
.landing-page .three-column-links h2 {
	font: 30px "Barlow", Arial, sans-serif
}
.landing-page .three-column-links article {
	float: none;
	width: inherit;
	max-width: 360px;
	margin: 0 auto 2rem auto
}
.landing-page .three-column-links article:last-child {
	margin-right: auto
}
}
@media screen and (max-width: 550px) {
.landing-page .stats-callout span.big {
	font: 24px "Barlow", Impact, sans-serif
}
.landing-page .stats-callout span.small {
	font: 15px "Barlow", "Courier New", sans-serif
}
}
@media screen and (max-width: 480px) {
.landing-page .stats-callout span.big {
	font: 45px "Barlow", Arail, sans-serif;
	font-weight: 600;
}
.landing-page .stats-callout span.small {
	font: 15px "Barlow", Arail, sans-serif
}
}
@media screen and (max-width: 480px) {
.landing-page .content .section-top h1, .landing-page .content .background-select h1, .landing-page .content .large-feature-wrap h1, .landing-page .content .in-page h1 {
	font: 20px "Barlow", Impact, sans-serif;
	font-weight: 500;
	margin-bottom: 2rem
}
.landing-page .content .section-top h4 {
	display: block;
	width: 80%;
	margin:0 auto;
}
.landing-page .content .section-top h1+p, .landing-page .content .section-top h1+h2, .landing-page .content .background-select h1+p, .landing-page .content .background-select h1+h2, .landing-page .content .large-feature-wrap h1+p, .landing-page .content .large-feature-wrap h1+h2, .landing-page .content .in-page h1+p, .landing-page .content .in-page h1+h2 {
	margin-top: 0
}
.landing-page .content .section-top h1:before, .landing-page .content .background-select h1:before, .landing-page .content .large-feature-wrap h1:before, .landing-page .content .in-page h1:before {
	background: none;
	padding: 0
}
.landing-page .content .section-top h1:after, .landing-page .content .background-select h1:after, .landing-page .content .large-feature-wrap h1:after, .landing-page .content .in-page h1:after {
	background: none;
	padding: 0
}
.landing-page .content .section-top h2, .landing-page .content .background-select h2, .landing-page .content .large-feature-wrap h2, .landing-page .content .in-page h2 {
	font-size: 28px
}
.landing-page .three-column-links h2 {
	font-size: 24px
}
.landing-page .three-column-list h2 {
	font-size: 24px
}
.landing-page .three-column-list ul {
	-moz-column-count: inherit;
	-moz-column-gap: inherit;
	-webkit-column-count: inherit;
	-webkit-column-gap: inherit;
	column-count: inherit
}
.landing-page .alternate-photo-float .text.tl-text {
	font-size: 18px
}
.landing-page .alternate-photo-float .text-over-image {
	top: 1em;
	font-size: 20px
}
.landing-page .alternate-photo-float .text-over-image .big {
	font-size: 42px
}
.landing-page .alternate-photo-float .text .column {
	width: 100%
}
.landing-page .feature-two-col .feature-box-white h3 {
	font-size: 26px
}
.landing-page .purple-slashes h2, .landing-page .background-select h2 {
	font-size: 28px
}
.landing-page .photo-feature-2-across h2.Campton {
	font-size: 30px
}
.landing-page .number-boxes .half {
	width: 100%;
	float: none;
	padding: 2rem;
	border-right: none;
	border-bottom: 1px solid #836eaa
}
.landing-page .number-boxes .half:last-child {
	border-bottom: none
}
.landing-page .large-feature-wrap {
	padding: 1rem
}
.landing-page .large-feature .content-side h2 {
	font-size: 28px
}
.landing-page .feature-two-col.contain-1120 {
	margin: 0 !important
}
}
@media screen and (max-width: 420px) {
.landing-page .alternate-photo-float .text ul {
	-moz-column-count: inherit;
	-moz-column-gap: inherit;
	-webkit-column-count: inherit;
	-webkit-column-gap: inherit;
	column-count: inherit;
	column-gap: inherit
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image {
	padding: 0 1em;
	bottom: 0
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2 {
	font-size: 20px
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h2.Campton {
	font-size: 24px
}
.landing-page .photo-feature-3-across .photo-feature .back-text {
padding:0 .5rem
}
.landing-page .photo-feature-3-across .photo-feature .back-text h2 {
	font-size: 16px;
margin-bottom:.5rem
}
.landing-page .photo-feature-3-across .photo-feature .back-text p {
	font-size: 14px
}
}
@media screen and (max-width: 380px) {
.landing-page .alternate-photo-float .text-over-image {
	font-size: 18px;
	line-height: 1em
}
.landing-page .alternate-photo-float .text-over-image .big {
	font-size: 36px
}
}
.top-level .photo-feature-3-across {
	margin-top: 0
}
.top-level .photo-feature.tl-home h2 {
	font: 40px/1.1em "Barlow", Impact, sans-serif !important
}
.top-level .tl-tabs {
	background: url(images/slashes-grey-bg.gif) repeat;
	padding: 3.5rem 0
}
.top-level .tl-tabs #tab-content {
	padding-top: 3rem !important;
	margin-bottom: 0
}
.top-level .large-feature {
	margin-top: 0
}
@media screen and (max-width: 1150px) {
.top-level .photo-feature-3-across .photo-feature.tl-home h2 {
	font: 36px/1.1em "Barlow", Impact, sans-serif !important
}
.top-level .photo-feature-3-across .photo-feature .text-over-image {
	width: 100%
}
}
@media screen and (max-width: 960px) {
.top-level .photo-feature-3-across .photo-feature.tl-home {
	width: inherit;
	max-width: 480px;
	float: none;
	text-align:center;
	margin: 0 auto
}
}
@media screen and (max-width: 480px) {
.top-level .photo-feature-3-across .photo-feature.tl-home h2 {
	font: 30px/1.1em "Barlow", Impact, sans-serif !important
}
.top-level .photo-feature-3-across .photo-feature.tl-home p.link {
	font: 15px/1.1em "Barlow", Impact, sans-serif !important
}
}
.top-level.home .hero {
	margin-bottom: 10px;
}
.top-level.home .news-home {
	/*border-bottom: 4px solid #ccc;*/
	padding-bottom: 2rem;
}
.top-level.home .news-home .news-features {
	width: 70.80357%;
	margin-right: 3.75%;
	float: left;
}
.news-home .news-features .piep-related-news h2 {
	font: 1.8em/1.3em "Barlow", sans-serif;
	margin: 0 0 10px 0;
}
.piep-related-news {
	/*display: block;
	margin: 0 0 50px 0;
	clear:both;
	overflow: hidden;
	float: left;*/
}
#piep-related-news-img {
	display: table;
	width: 300px;
	height: 185px;
	margin: 0 1.3rem 0 0;
	float: left;
	text-align:left;
	clear:both;
	overflow: hidden;
}
/*----NEWS CONTENT PAGE--------------------------------------------------------------------------*/
.news-content  {
	width: auto;
}
.news-content-header-block  {
	width: 100%;
	/*margin-right: 3.75%;
	float: left*/
}
.news-content-page  {
	width: 70.80357%;
	margin-right: 3.75%;
	float: left
}
.news-content .news-content-header-block h2 {
	font: 48px/1.1em "Barlow", Impact, sans-serif;
	margin-bottom: 1.7rem
}
.news-content .news-content-header-block .area-label {
	font: 24px/1.1em "Barlow", Arial, sans-serif;
	color: #999;
	font-weight: 200;
	margin-bottom: .5rem
}
.news-content-page .news-content-page-main-image {
	width: 100%;
}
.news-content-page .news-content-page-main-image .main-image-photo-credits {
	display: table;
	width: auto;
	height: auto;
	padding: 5px 15px 7px 10px;
	margin: -7px 0px 20px 0px;
	font: 12px "Barlow", Arial, sans-serif;
	color: #333;
	font-weight: 100;
	background-color: #f4f4f4;
}
.main-image-photo-credits img {
	padding: 0px;
	vertical-align: middle;
	margin: -3px 6px 0px 0px;
}
.news-content-page img {
	/*display: block;*/
	/*width: 490px;
	height: 285px;*/
	/*margin: 0 1.3rem 0 0;*/
	width: auto;
}


.news-content .news-content-header-block .author-box {
	display: block;
	width: inherit;
	height: auto;
	padding: 0 0 0 0;
	font: 14px/1.1em "Barlow", Arial, sans-serif;
	color: #5e7962;
	margin-bottom: 2em;
}
.news-content .news-content-header-block .author-box span {
	border-right: solid 1px #CCCCCC;
	padding: .2em 1em .2em 0;
	margin: 0 1em 0 0;
}
.news-content .news-content-header-block .author-date {
	display: block;
	float: left;
	margin: .6em 2em 2em 0;
}
.news-content .news-content-header-block .sharethis-inline-share-buttons {
	display: inline-block;
	margin: 0 0 0 0;
}
.divider-gray-horizontal-line {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	border-top: 1px solid #ddd;
	height: 0px;
}


.news-content h3 {
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: none
}
.news-content .news-list {
	width: 25.44643%;
	float: left
}
.news-content .news-list h3 {
	font-size: 18px;
	margin-bottom: 1.5rem;
	line-height: 1.2em
}
.news-content .news-list h3 span {
	background: url(images/icons/arrow-right-green.svg) no-repeat 40%/18px;
	padding-right: 2rem;
	padding-bottom: .2rem;
	content: " "
}
.news-content .news-list h3:hover span {
	background: url(images/icons/arrow-right-orange.svg) no-repeat 40%/18px;
	padding-right: 2rem;
	padding-bottom: .2rem;
	content: " "
}
.news-content-page article {
	width: 32.15637%;
	margin-right: 1.64141%;
	float: left
}
.news-content-page article:last-of-type {
	margin-right: 0
}
/*----------------------------------------------------------------------------------------------*/

.top-level.home .news-home article {
	width: 32.15637%;
	margin-right: 1.64141%;
	float: left
}
.top-level.home .news-home article:last-of-type {
	margin-right: 0
}
.top-level.home .news-home h3 {
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: none
}
.top-level.home .news-home .news-list {
	width: 25.44643%;
	float: left
}
.top-level.home .news-home .news-list h3 {
	font-size: 18px;
	margin-bottom: 1.5rem;
	line-height: 1.2em
}
.top-level.home .news-home .news-list h3 span {
	background: url(images/icons/arrow-right-green.svg) no-repeat 40%/18px;
	padding-right: 2rem;
	padding-bottom: .2rem;
	content: " "
}
.top-level.home .news-home .news-list h3:hover span {
	background: url(images/icons/arrow-right-orange.svg) no-repeat 40%/18px;
	padding-right: 2rem;
	padding-bottom: .2rem;
	content: " "
}
@media screen and (max-width: 768px) {
.top-level.home .news-home .news-features {
	float: none;
	width: 100%;
	display: block;
	margin-right: 0
}
.top-level.home .news-home article {
	float: none;
	width: 100%
}
.top-level.home .news-home article:after {
	content: "";
	display: table;
	clear: both
}
.top-level.home .news-home article img {
	float: left;
	margin: 0 1.5rem 3rem 0
}
.top-level.home .news-home .news-list {
	float: none;
	width: 100%;
	display: block
}
}
@media screen and (max-width: 500px) {
.top-level.home .news-home article {
	float: none;
	margin-bottom: 1rem
}
.top-level.home .news-home article img {
	float: none;
	margin: 0
}
.top-level.home .news-home .news-features {
	margin-bottom: 1.5rem
}
}
.uga-home .marquee {
	border-bottom: 4px solid #f0f0f0;
	border-top: 4px solid #f0f0f0;
	margin: 2rem auto 4rem auto;
	padding: 2rem 0;
	text-align: center;
	color: #007c26;
	max-width: 1120px
}
.uga-home .marquee h2 {
	font: 60px/1em "Barlow", Impact, sans-serif;
	text-transform: uppercase;
	margin: 0
}
.uga-home .marquee h2 span {
	font-size: 48px
}
.uga-home .marquee .moving {
	font: 24px "Campton Extra Light", "Courier New", sans-serif
}
.uga-home .marquee .moving span {
	font: 36px "Barlow", Impact, sans-serif;
	text-transform: uppercase;
margin:0 .5rem
}
.uga-home .major-minor p {
	font-size: 21px !important
}
.uga-home .major-minor p.link {
	text-transform: uppercase;
	margin-top: 3rem
}
.uga-home .major-minor p.link:after {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 0.5rem 0.2rem/10px 13px;
	padding-right: 3rem;
	content: " "
}
.uga-home .major-minor select {
	font: 24px/1.5em "Barlow-Bold", "Arial Black", sans-serif;
	background: #007c26 url(../images/homepage/arrow-down-white.png) no-repeat top 50% right 1rem/20px 13px;
	color: #fff !important;
	border: none;
	display: inline-block;
	margin: 0 auto;
	padding: .5em;
	border-radius: 0;
	width: 50%;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0
}
.uga-home .major-minor select::-ms-expand {
display:none
}
.uga-home .major-minor select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.uga-home .major-minor .alternate-photo-float .text ul {
	-moz-column-count: inherit;
	-webkit-column-count: inherit;
	column-count: inherit;
	-webkit-column-gap: inherit;
	-moz-column-gap: inherit;
	column-gap: inherit
}
.uga-home .three-column-links {
	margin-bottom: 3rem
}
@media screen and (max-width: 768px) {
.uga-home .major-minor select {
	width: 75%
}
}
@media screen and (max-width: 480px) {
.uga-home .marquee {
	display: none
}
.uga-home .major-minor select {
	font-size: 22px;
	width: 100%
}
}
.faq h3 {
	color: #007c26;
	background: #f0f0f0;
padding:.5rem;
	margin-bottom: 0
}
.faq .feature-two-col {
	margin-bottom: 1.78571%
}
.faq .faq-search {
	width: 300px;
	margin-left: auto;
	margin-right: auto
}
.faq .faq-search2 {
	width: 300px;
	margin-bottom: 3rem
}
.faq #faq-search {
	position: relative
}
.faq #faq-search input {
	border: 1px solid #ccc;
	font: 18px/1.5em "Barlow", Arial, sans-serif;
padding:0.3rem 3rem .3rem .5rem;
	width: 300px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0
}
.faq #faq-search button {
	cursor: pointer;
	height: 38px;
	width: 40px;
	background: url(images/icons/search-green.svg) no-repeat 50%/20px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	position: absolute;
	right: 5px
}
.faq ul.expander {
	margin-bottom: 2em;
	padding: 0;
	list-style: none;
	margin: 0 0 3rem 0
}
.faq ul.expander>li {
	margin: 0;
	padding: .5em 0;
	border-top: 1px solid #f0f0f0;
	background: none
}
.faq ul.expander>li:last-child {
	border-bottom: 1px solid #f0f0f0
}
.faq ul.expander>li span.plus, .faq ul.expander>li span.minus {
	padding-left: 2.5rem;
	color: #007c26;
	font-weight: normal;
	cursor: pointer;
	display: inline-block;
	font-family: "Barlow-Bold", "Arial Black", sans-serif
}
.faq ul.expander>li span.plus:hover, .faq ul.expander>li span.minus:hover {
	text-decoration: underline
}
.faq ul.expander>li span.plus {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 8px 4px/8px 16px
}
.faq ul.expander>li span.minus {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 4px 6px/16px 8px
}
.faq ul.expander>li div {
	margin: 0 2.5rem
}
.faq ul.expander>li div.showme {
	max-height: 2000px;
	overflow: hidden
}
.faq ul.expander>li div.hideme {
	max-height: 0;
	overflow: hidden;
	border: none;
	margin: 0
}
@media screen and (max-width: 768px) {
.faq .feature-two-col {
	margin-bottom: 0
}
}
.landing-page .feature-four-col {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.landing-page .feature-four-col:after {
	content: "";
	display: table;
	clear: both
}
.landing-page .feature-four-col .feature-box {
	width: 23.95833%;
	float: left;
	background: #f0f0f0;
	margin-right: 1.38889%;
	position: relative
}
.landing-page .feature-four-col .feature-box:last-child {
	margin-right: 0
}
.landing-page .feature-four-col .feature-box .feature-copy {
	padding: 1rem 1.5rem 4rem 1.5rem
}
.landing-page .feature-four-col .feature-box .feature-copy h2 {
	font: 21px "Barlow", Arial, sans-serif;
	text-transform: uppercase;
	color: #716c6b
}
.landing-page .feature-four-col .feature-box .feature-copy ul {
	margin-left: 0;
	padding-left: .5em
}
@media screen and (max-width: 920px) {
.landing-page .feature-four-col {
	flex-wrap: wrap;
	max-width: 920px
}
.landing-page .feature-four-col .feature-box {
	max-width: inherit;
	width: 48.91304%;
	margin-bottom: 20px;
	margin-right: 2.17391%
}
.landing-page .feature-four-col .feature-box:nth-child(2n) {
	margin-right: 0
}
.landing-page .feature-four-col .feature-box img {
	width: 100%
}
}
@media screen and (max-width: 590px) {
.landing-page .feature-four-col {
	display: inherit;
	width: 100%
}
.landing-page .feature-four-col .feature-box {
	width: inherit;
	float: none
}
}
.landing-page .photo-feature-4-across {
	top-bottom: 3rem
}
.landing-page .photo-feature-4-across .photo-feature {
	width: 25%;
	float: left;
	position: relative;
	max-height: 360px
}
.landing-page .photo-feature-4-across .photo-feature img {
	display: block
}
.landing-page .photo-feature-4-across .photo-feature .back {
	display: none;
	background-color: #836eaa;
	width: 100%
}
.landing-page .photo-feature-4-across .photo-feature .text-over-image {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	bottom: 1rem;
	z-index: 31;
	width: 90%
}
.landing-page .photo-feature-4-across .photo-feature h3 {
	font: 30px "Barlow-Bold", "Arial Black", sans-serif;
	color: #fff;
margin-bottom:-.5rem;
	text-shadow: none
}
.landing-page .photo-feature-4-across .photo-feature p {
	font: 16px "Barlow", Arial, sans-serif;
	text-shadow: none
}
.landing-page .photo-feature-4-across .photo-feature p.link {
	font-family: "Barlow-Bold", "Arial Black", sans-serif;
	text-transform: uppercase
}
.landing-page .photo-feature-4-across .photo-feature p.link:after {
	background: url(images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
	padding-right: 2rem;
	content: " "
}
.landing-page .photo-feature-4-across .photo-feature .back-text {
	color: #fff;
	padding: 0 2em;
	position: absolute;
	z-index: 31;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center
}
.landing-page .photo-feature-4-across .photo-feature .back-text h3 {
	font: 18px "Barlow-Bold", "Arial Black", sans-serif;
	color: #fff;
	margin-bottom: 1.5em;
	text-shadow: none
}
.landing-page .photo-feature-4-across .photo-feature .back-text p {
	text-shadow: none
}
.landing-page .photo-feature-4-across .photo-feature .back-text p.link {
	margin-top: 1em
}
@media screen and (max-width: 1150px) {
.landing-page .photo-feature-4-across .photo-feature .text-over-image {
	padding: 0 1em
}
.landing-page .photo-feature-4-across .photo-feature .text-over-image h3 {
	font-size: 26px
}
.landing-page .photo-feature-4-across .photo-feature .back-text {
	padding: 0 1em
}
}
@media screen and (max-width: 960px) {
.landing-page .photo-feature-4-across {
	max-width: 720px;
	margin: 0 auto
}
.landing-page .photo-feature-4-across .photo-feature {
	width: 50%
}
}
@media screen and (max-width: 530px) {
.landing-page .photo-feature-4-across {
	max-width: 360px
}
.landing-page .photo-feature-4-across .photo-feature {
	width: 100%
}
}
@media screen and (max-width: 420px) {
.landing-page .photo-feature-4-across .photo-feature .back-text {
padding:0 .5rem
}
.landing-page .photo-feature-4-across .photo-feature .back-text h3 {
	font-size: 16px;
margin-bottom:.5rem
}
.landing-page .photo-feature-4-across .photo-feature .back-text p {
	font-size: 14px
}
}
.new-expander h3, .new-expander h4 {
	margin: 0;
	font-size: 18px;
	line-height: inherit;
	border-top: 1px solid #f0f0f0
}
.new-expander h3:first-of-type, .new-expander h4:first-of-type {
	border-top: none
}
.new-expander h3>a, .new-expander h4>a {
	display: block;
	margin: 0
}
.new-expander>div {
	margin: 1rem
}
.new-expander>div h4 {
	color: #716c6b;
	font: 26px/1.2em "Barlow", Arial, sans-serif;
	margin-bottom: 1rem;
	background: none
}
.new-expander>div .callout {
	background: #836eaa;
padding:.5rem 1rem;
	margin: 0 0 1rem 0;
	font: 16px "Campton Book", Tahoma, sans-serif;
	color: #fff
}
.new-expander>div .callout a {
	text-decoration: underline;
	font-family: "Campton Book", Tahoma, sans-serif;
	color: #fff
}
.new-expander>div .callout h5 {
	font: 20px/1.2em "Barlow-Bold", "Arial Black", sans-serif;
	margin-bottom: 0;
	color: #fff
}
.new-expander>div .callout h5+p {
margin:.5rem 0
}
.expander3 {
	margin: 2rem 0
}
.expander3 h3, .expander3 h4 {
	background: #007c26
}
.expander3 h3>a, .expander3 h4>a {
	background: url(images/icons/arrow-right-white.svg) no-repeat 1rem center/10px 18px;
padding:.5em 3rem .5rem 2.75rem;
	color: #fff
}
.expander3 h3.open a, .expander3 h4.open a {
	background: url(images/icons/arrow-down-white.svg) no-repeat 1rem center/18px 10px
}
@media screen and (max-width: 480px) {
.content .new-expander h3, .content .expander3 h3 {
	font-size: 18px
}
}
#ie8 {
	background: #fcf3c5;
	font: 1.5em/1em Arial, sans-serif;
	text-align: center;
	padding: .5em;
	border-bottom: 1px solid #000
}
#ie8 a {
	font-weight: bold
}
#ie8 p {
	margin: 0
}
#emergency, #breaking_news {
	background: #b2292e;
	padding: 1rem 5rem 1.5rem 5rem;
	font: 16px "Barlow", Arial, sans-serif;
	color: #fff;
	text-align: center
}
#emergency a, #breaking_news a {
	color: #fff;
	text-decoration: underline;
	font-family: "Barlow-Bold", "Arial Black", sans-serif
}
#emergency a:hover, #breaking_news a:hover {
	text-decoration: none
}
#emergency h1, #emergency h2, #emergency h4, #emergency h4, #emergency h5, #breaking_news h1, #breaking_news h2, #breaking_news h4, #breaking_news h4, #breaking_news h5 {
	color: #fff
}
#emergency h2, #breaking_news h2 {
	font: 26px "Barlow", Impact, sans-serif
}
#emergency h3, #breaking_news h3 {
	font: 26px "Barlow", Impact, sans-serif
}
#emergency h4, #breaking_news h4 {
	font: 24px "Barlow", Impact, sans-serif
}
@media screen and (max-width: 768px) {
#emergency, #breaking_news {
	padding: 1rem 1rem 1.5rem 1rem;
	text-align: left
}
}
.content a.button, .content-full a.button, .content p.button, .hero a.button, #top-nav ul li a.button, .tl-slideshow a.button, input[type="submit"] {
	font: 18px "Barlow", "Arial", sans-serif;
	font-weight: 600;
	color: #fff;
	background: #00a90c;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 .5em .5em 0;
	padding: .8em 1em .7em 1em;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	min-width: 165px;
	/*border: none;*/
	border-radius: 6px;
}
.content a.button:before, .content-full a.button:before, .content p.button:before, .hero a.button:before, #top-nav ul li a.button:before, .tl-slideshow a.button:before, input[type="submit"]:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #007c26;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 6px;
}
.content a.button:hover, .content a.button:focus, .content a.button:active, .content-full a.button:hover, .content-full a.button:focus, .content-full a.button:active, .content p.button:hover, .content p.button:focus, .content p.button:active, .hero a.button:hover, .hero a.button:focus, .hero a.button:active, #top-nav ul li a.button:hover, #top-nav ul li a.button:focus, #top-nav ul li a.button:active, .tl-slideshow a.button:hover, .tl-slideshow a.button:focus, .tl-slideshow a.button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
	color: #fff;
	text-decoration: none;
}
.content a.button:hover:before, .content a.button:focus:before, .content a.button:active:before, .content-full a.button:hover:before, .content-full a.button:focus:before, .content-full a.button:active:before, .content p.button:hover:before, .content p.button:focus:before, .content p.button:active:before, .hero a.button:hover:before, .hero a.button:focus:before, .hero a.button:active:before, #top-nav ul li a.button:hover:before, #top-nav ul li a.button:focus:before, #top-nav ul li a.button:active:before, .tl-slideshow a.button:hover:before, .tl-slideshow a.button:focus:before, .tl-slideshow a.button:active:before, input[type="submit"]:hover:before, input[type="submit"]:focus:before, input[type="submit"]:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.content a.button.normal-case, .content-full a.button.normal-case, .content p.button.normal-case, .hero a.button.normal-case, #top-nav ul li a.button.normal-case, .tl-slideshow a.button.normal-case, input[type="submit"].normal-case {
	text-transform: none
}
@media screen and (max-width: 420px) { /*---MOBILE BUTTONS---------------------------*/
.content a.button, .content-full a.button, .content p.button, .hero a.button, #top-nav ul li a.button, .tl-slideshow a.button, input[type="submit"] {
	font: 15px "Barlow", "Arial", sans-serif;
	font-weight: 500;
	color: #fff;
	background: #00a90c;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 .5em .5em 0;
	padding: .8em 1.5em .7em 1.5em;
	width: auto;
	display: inline-block;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	/*box-shadow: 0 0 1px transparent;*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	min-width: inherit;
	border-radius: 4px;
}
.content a.button:before, .content-full a.button:before, .content p.button:before, .hero a.button:before, #top-nav ul li a.button:before, .tl-slideshow a.button:before, input[type="submit"]:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #007c26;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 4px;
}
.content a.button:hover, .content a.button:focus, .content a.button:active, .content-full a.button:hover, .content-full a.button:focus, .content-full a.button:active, .content p.button:hover, .content p.button:focus, .content p.button:active, .hero a.button:hover, .hero a.button:focus, .hero a.button:active, #top-nav ul li a.button:hover, #top-nav ul li a.button:focus, #top-nav ul li a.button:active, .tl-slideshow a.button:hover, .tl-slideshow a.button:focus, .tl-slideshow a.button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
	color: #fff;
	text-decoration: none;
}
.content a.button:hover:before, .content a.button:focus:before, .content a.button:active:before, .content-full a.button:hover:before, .content-full a.button:focus:before, .content-full a.button:active:before, .content p.button:hover:before, .content p.button:focus:before, .content p.button:active:before, .hero a.button:hover:before, .hero a.button:focus:before, .hero a.button:active:before, #top-nav ul li a.button:hover:before, #top-nav ul li a.button:focus:before, #top-nav ul li a.button:active:before, .tl-slideshow a.button:hover:before, .tl-slideshow a.button:focus:before, .tl-slideshow a.button:active:before, input[type="submit"]:hover:before, input[type="submit"]:focus:before, input[type="submit"]:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

}

.feature-box a.button {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	border-radius: 0px;
}
.purple-slashes a.button, #map-feature a.button, .standard-page .background-select a.button {
	background: #6eaa7e
}
.standard-plus a.button {
	margin: 1.5rem 0
}
@media screen and (max-width: 768px) {
.caption a.button {
	background: #b6acd1;
	margin: 0
}
}
.sorting-row {
	margin-bottom: 2rem
}
.sorting-row div {
	float: left;
	width: 23.66071%;
	margin-right: 1.78571%;
	margin-top: 0
}
.sorting-row div:last-child {
	margin-right: 0
}
.sorting-row div label {
	font: 16px "Barlow", Arial, sans-serif;
	padding: 0;
	display: block
}
.sorting-row div select {
	padding: 0.3em 1.5em 0.2em .5em;
margin-top:.5rem
}
.sorting-row select {
	font: 21px/1.5em "Barlow", "Arial Black", sans-serif;
	color: #716c6b;
	background-color: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	margin: 0;
	padding: 0.3em 1.5em 0.3em .5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #fff url(images/icons/arrow-down-dkgrey.svg) no-repeat top 50% right 0.5rem/17px 10px;
	width: 100%
}
.sorting-row select::-ms-expand {
display:none
}
.sorting-row select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.sorting-row select option {
	font-family: "Barlow", Arial, sans-serif
}
.load-more {
	position: relative;
	border-bottom: 4px solid #f0f0f0;
	text-align: center;
	margin: 1rem 0 6rem 0
}
.load-more a {
	top: 1.2rem;
	font: 24px "Barlow", Impact, sans-serif;
	position: relative;
	background: #fff;
	padding: 0 1.5rem 0 2rem
}
.load-more a:after {
	background: url(images/icons/reload.svg) no-repeat 0.5em 0.3em/23px 20px;
	padding-right: 2.5rem;
	content: " "
}
.content-full .a-to-z {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	width: 48.92857%;
	padding-bottom: 8px;
	float: left;
	margin-right: 1.78571%
}
.content-full .a-to-z:after {
	content: "";
	display: table;
	clear: both
}
.content-full .a-to-z li {
	background: none;
	padding: 0;
	margin:0 .2rem 0 0;
	float: left;
	text-transform: uppercase;
	font: 21px "Barlow", Arial, sans-serif;
	color: #ccc
}
.content-full .a-to-z li:first-child {
	display: block;
	font: 16px "Barlow", Arial, sans-serif;
	text-transform: none;
	margin-bottom: 1rem;
	color: #716c6b;
	float: none
}
.content-full .a-to-z li:last-child {
	margin:0 0 0 .5rem;
	margin-top: 2px;
	text-transform: none;
	font-size: 18px;
	float: right
}
.content-full .a-to-z li a:hover {
	text-decoration: none;
	color: #836eaa
}
.photo-boxes {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: none !important;
	margin-top: 1.5rem
}
.photo-boxes:after {
	content: "";
	display: table;
	clear: both
}
.photo-boxes .photo-box {
	width: 31.48071%;
	margin-right: 1.78571%;
	margin-bottom: 20px;
	float: left;
	line-height: 1.5rem;
}
.photo-boxes .photo-box.chapter-logo {
	/*background-color: #f5fcee;*/
}
.photo-boxes .photo-box.chapter-logo:hover {
	background-color: #fff;
	border: 1px solid #d5eac4;
	-webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
.photo-boxes .photo-box:nth-of-type(3n+3) {
	margin-right: 0
}
.photo-boxes .photo-box h5 {
	font-weight: 600;
	text-align: center;
}
.photo-boxes .photo-box p.link {
	font-family: "Barlow", Arial, sans-serif;
	text-transform: uppercase
}
.photo-boxes .photo-box p.link:after {
	background: url(images/icons/arrow-right-dkpurple.svg) no-repeat 0.8em 3px/5px 8px;
	padding-right: 3rem;
	content: " "
}
.sort {
	min-height: 500px
}
.sort #tabs {
	text-align: left
}
.sort .row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: none !important
}
.sort .row:after {
	content: "";
	display: table;
	clear: both
}
.sort .row a {
	width: 23.66071%;
	margin-right: 1.78571%;
	margin-bottom: 20px;
	background: #f0f0f0;
	min-height: 160px;
	font: 24px/1.2em "Barlow", Impact, sans-serif;
	display: block;
	color: #007c26;
	padding: 1rem;
	float: left;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
.sort .row a:nth-of-type(3n+3) {
	margin-right: 0
}
.sort .row a span {
	font: 16px "Barlow-Bold", "Arial Black", sans-serif;
	color: #716c6b;
	display: block;
margin-top:.5rem;
	background: transparent
}
.sort .row a:hover, .sort .row a:hover span {
	text-decoration: none;
	background: #836eaa;
	color: #fff
}
.sort .row a:hover span {
	background: none
}
@media screen and (max-width: 1140px) {
.content-full .a-to-z li:last-child {
	display: inline;
margin-left:.5rem;
	float: none
}
}
@media screen and (max-width: 930px) {
.content-full .a-to-z {
	width: 100%;
	margin-bottom: 1.5rem
}
.sorting-row div {
	margin-right: 0;
	width: 45%
}
.sorting-row div:last-child {
	margin-left: 20px
}
.sorting-row div:only-child {
	margin-left: 0
}
.sorting-row div:only-child select {
	background-position: 95% 50%
}
.sort .row a {
	font-size: 20px
}
.sort .row a span {
	font-size: 14px
}
}
@media screen and (max-width: 768px) {
.sort .row a {
	font-size: 20px;
	width: 48.5%;
	margin-right: 3%
}
.sort .row a:nth-of-type(2n+2) {
	margin-right: 0
}
.sort .row a span {
	font-size: 14px
}
.photo-boxes .photo-box {
	width: 48.5%;
	margin-right: 3%
}
.photo-boxes .photo-box:nth-of-type(2n+2) {
	margin-right: 0
}
}
@media screen and (max-width: 530px) {
.sorting-row div {
	margin-bottom: 1.5rem;
	width: 90%;
	float: none
}
.sorting-row div:last-child {
	margin-left: 0
}
}
@media screen and (max-width: 480px) {
.sort {
	min-height: inherit
}
.sort .row a {
	font-size: 18px;
	width: 100%;
	min-height: inherit;
	margin-right: 0
}
}
@media screen and (max-width: 475px) {
.sorting-row div:only-child {
	width: 97%
}
.photo-boxes .photo-box {
	width: 100%
}
}










/*----------------------------------------------------------------------------------------------------*/s

/*input[type="text"], input[type="password"] {
	border: 1px solid #ccc;
	font: 18px "Akkurat Pro Regular", Arial, sans-serif;
	color: #342f2e;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	width: 220px;
	background: #fff;
	padding: .5em;
	font-size: 100%;
	margin-bottom: 1em
}
input[type="password"] {
	margin-left: .6rem
}
@media screen and (max-width: 380px) {
	input[type="text"] {
		display: block;
	}
	input[type="password"] {
		margin-left: 0;
		display: block;
	}
}
input[type="text"]:focus, input[type="password"]:focus {
	border-color: #4e2a84;
	outline: 0 none;
}*/
/*input.button {
	background: #4e2a84;
	color: #fff;
	border: none;
	font: 16px "Barlow-Bold","Arial Black",sans-serif;
	margin: 0 .5em .5em 0;
	padding: .8em 1em .7em;
	min-width: 165px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
}*/
/*input.button:active {
	top: 2px;	
}
input[type="radio"] {
	padding: 0;
	height: 15px;
	width: 15px;
	margin-right: 1em;
	display: inline-block;
}
.row label { /* for multi-factor authentication page */
/*	font-family: "Akkurat Pro Regular", Arial, sans-serif;
	margin-right: 1em;
}
.row .radios label {
	margin-right: 0;
}
.row label b, .row label strong {
	font-family: "Barlow-Bold", "Arial Black", sans-serif;
	font-weight: normal;
}*/

.standard-page .people-big,
.standard-page .people-medium,
.standard-page .people-small {
    margin: 1rem 0 2rem
}

.standard-page .people-big>p:first-of-type,
.standard-page .people-medium>p:first-of-type,
.standard-page .people-small>p:first-of-type {
    margin-top: 0
}

.standard-page .people-big .people-wrap.no-image .people-image,
.standard-page .people-medium .people-wrap.no-image .people-image,
.standard-page .people-small .people-wrap.no-image .people-image {
    display: none
}

.standard-page .people-big .people-wrap.no-image .people-content,
.standard-page .people-medium .people-wrap.no-image .people-content,
.standard-page .people-small .people-wrap.no-image .people-content {
    width: 100%
}

.standard-page .people-big .people-image,
.standard-page .people-medium .people-image,
.standard-page .people-small .people-image {
    float: left;
    margin-right: 2.39234%;
    margin-bottom: .5rem;
}

.standard-page .people-big .people-content,
.standard-page .people-medium .people-content,
.standard-page .people-small .people-content {
    float: right
}

.standard-page .people-big .people-content h3,
.standard-page .people-big .people-content h4,
.standard-page .people-medium .people-content h3,
.standard-page .people-medium .people-content h4,
.standard-page .people-small .people-content h3,
.standard-page .people-small .people-content h4 {
    font: 26px/1.2em "Barlow", Arial, sans-serif;
	font-weight: 600;
    color: #333;
    margin-bottom: 0
}

.standard-page .people-big .people-content .title,
.standard-page .people-medium .people-content .title,
.standard-page .people-small .people-content .title {
    font: 19px/1.2em "Barlow", "Arial", sans-serif;
	font-weight: 600;
	text-transform:uppercase;
    margin-top: 7px;
}
/*styles of the Chapter Directory Details*/
.designation {
	font-size: 18px;
	font-weight: 400;
}
.contact-info {
	display:block;
	position: relative;
	width: 98%;
	font-size: 16px;
	font-weight: 500;
}
.contact-info-subhead {
	width: 98%;
	font-size: 13px;
	text-transform:uppercase;
	text-decoration: underline;
}
.contact-info-icon-facebook {
	display: inline-block;
	position: relative;
	margin: 0px 0px 0px 15px;
	width: auto;
	vertical-align: text-top;
}


.standard-page .people-big .people-image {
    width: 43.0622%
}

.standard-page .people-big .people-content {
    width: 54.54545%
}

.standard-page .people-medium .people-image {
    width: 31.69856%
}

.standard-page .people-medium .people-content {
    width: 65.90909%
}

.standard-page .people-small .people-image {
    width: 20.33493%
}

.standard-page .people-small .people-content {
    width: 77.27273%
}

@media screen and (max-width:600px) {
    .standard-page .people-big .people-content,
    .standard-page .people-big .people-image {
        float: none;
        width: 100%
    }
}

@media screen and (max-width:540px) {
    .standard-page .people-medium .people-content,
    .standard-page .people-medium .people-image,
    .standard-page .people-small .people-content,
    .standard-page .people-small .people-image {
        float: none;
        width: 100%
    }
}


/* Create possibility of no photo in bios */
.standard-page .people-small .people-wrap-nophoto  .people-content,
.standard-page .people-big .people-wrap-nophoto  .people-content
 {
  width: 100%;
  float: none;
}
#ContentMiddle figure.people-image, .content figure.people-image {
  margin-bottom: 0.5rem;
}


.standard-page .people-big .people-wrap:after,
.standard-page .people-medium .people-wrap:after,
.standard-page .people-small .people-wrap:after, {
    content: "";
    display: table;
    clear: both
}

.piep-officers {
/*To make image responsive-----*/
	display: block;
    height: auto;
    max-width: 100%;
	background-repeat: no-repeat;
    background-size: cover;
/*----------------------------*/
	border-radius:100%;
	-webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
	background-position: center center;
	transition: transform 0.5s ease;
    transform: scale(0.95);
}
.piep-officers:hover {
  transform: scale(1);
  /*
  transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  */
} 


.chapters .text-over-image {
	visibility: hidden;
}
.chapters:hover .text-over-image {
	visibility:visible;
}

.chapters-details {
	display:block;
	width: 100%; 
	border:1px solid #ddd; 
	margin-bottom: 2em; 
	padding: 2.4em 1em 1em 0px; 
	clear:both; 
	float:left; 
	background-image:url(../images/membership/index-section-bg.jpg);
}
.chapters-details:hover {
	background-image: none;
	border:1px solid #92d19b; 
	border-radius: 12px;
}
/*----CPD LAW PAGE ----------------------------------------*/
.legislative-history {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.legislative-history p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
}
.legislative-history p span {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.legislative-history p span:hover {
	color: #fff;
	background-color: #3a7139;
	font-weight: 500;
	margin: -10px 0px -10px 0px;
	padding: 10px 15px 10px 25px;
}

.legislative-history-2-column-row-wrapper {
   position: relative;
   overflow: hidden;
   margin: 0px 0px 0px 0px;
	padding: 10px 15px 13px 25px;
   width: 100%;
   border-bottom: 1px solid #ddd;
}
.legislative-history-2-column-row-wrapper.first {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin: 10px 0px 0px 0px;
	padding: 10px 15px 13px 25px;
}
.legislative-history-2-column-row-wrapper.first:hover {
   color: #fff;
	background-color: #3a7139;
	font-weight: 500;
	margin: 10px 0px 0px 0px;
	padding: 10px 15px 13px 25px;
}
.legislative-history-2-column-row-wrapper:hover {
   color: #fff;
	background-color: #578c67;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 13px 25px;
}
.columnleft {
   position: relative;
   width: 100%;
   right: auto;
}
.legislative-history-colleft-date {
   position: relative;
   /*overflow: hidden;*/
   float: left;
   width: 12%;
   left: 0;
   margin: 0px;
}
.legislative-history-colright-details {
   position: relative;
   /*overflow: hidden;*/
   float: left;
   width: 88%;
   left: 0;
   margin: 0px;
}
@media screen and (max-width:540px) {
.legislative-history-colleft-date {
   position: relative;
   /*overflow: hidden;*/
   float: left;
   width: 100%;
   left: 0;
   margin: 0px;
}
.legislative-history-colright-details {
   position: relative;
   /*overflow: hidden;*/
   float: left;
   width: 100%;
   left: 0;
   margin: 0px;
}
}


/*-------CONTACTS PAGE-----------------------------------------------*/
.contacts-column {
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	height:auto;
}
.contacts-column .box-left {
	display:block;
	width: 45%;
	/*max-width: 660px;*/
	margin-right: 5%;
	float: left;
	position: relative;
	/*max-height: 360px*/
	/*background: rgba(204,0,0,1);red*/
}
.contacts-column .box-right {
	display:block;
	width: 45%;
	/*max-width: 660px;*/
	/*margin-right: 2.39234%;*/
	float: left;
	position: relative;
	padding-left: 35px;
	/*max-height: 360px*/
	/*background: rgba(51,204,51,1);*/
	border-left: 1px solid #ccc;
}
.contacts-content {
	margin-top: 5px;
}
.contacts-content ul {
	width: 90%;
	margin-left: 50px;
	padding: 0;
	position: relative;
}
.contacts-content li {
	margin-left: -5px;
	font-size: 20px;
	font-weight: 500;
}
.contacts-content ul li {
	background: none;
	list-style:none;
}
.contacts-phone-icon {
	background: url(images/icons/piep-icons-phone.png) no-repeat;
	position: relative;
	top: 0rem;
	left: 0rem;
	height: 43px;
	width: 40px;
	float: left;
}
.contacts-email-icon {
	background: url(images/icons/piep-icons-mail.png) no-repeat;
	position: relative;
	top: .18rem;
	left: 0rem;
	height: 43px;
	width: 40px;
	float: left;
}
.contacts-pin-icon {
	background: url(images/icons/piep-icons-pin.png) no-repeat;
	position: relative;
	top: -.2rem;
	left: 0rem;
	height: 43px;
	width: 40px;
	float: left;
}
@media screen and (max-width:320px) {
.contacts-column {
	padding: 0;
	margin: 0 0 60px 0;
	height:auto;
}
.contacts-column .box-left {
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
}
.contacts-column .box-right {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0;
	position: relative;
}
.contacts-content ul {
	width: 70%;
	margin: 0px;
	padding: 0;
	position: relative;
}
.contacts-content li {
	margin: 0;
}
/*---Inquiry form------------------------------*/
.home-member-form input, .home-member-form input[type="text"], .home-member-form textarea {
	display: inline-block;
	padding:.25rem .5rem;
	margin:0 0 0 0;
	height: 2.688rem;
	width: 100%;
	background: #fff;
	line-height: 33px;
	border-radius: 0;
	border: 1px solid #999;
	font: "Barlow", "Arial", sans-serif;
	font-size:18px;
	font-weight: 500;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.home-member-form textarea {
	min-height: 7rem;
	border: 1px solid #999;
	font: "Barlow", "Arial", sans-serif;
	font-size:18px;
}

/*---Inquiry form------------------------------*/

}
@media screen and (max-width:480px) {
.contacts-column {
	padding: 0;
	margin: 0 0 60px 0;
	height:auto;
}
.contacts-column .box-left {
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
	border: none;
	padding: 0;
}
.contacts-column .box-right {
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
	border: none;
	padding: 0;
}
.contacts-content ul {
	width: 90%;
	margin: 0px;
	padding: 0;
	position: relative;
}
.contacts-content li {
	margin: 0;
}
/*---Inquiry form------------------------------*/
.home-member-form input, .home-member-form input[type="text"], .home-member-form textarea {
	display: inline-block;
	padding:.25rem .5rem;
	margin:0 0 0 0;
	height: 2.688rem;
	width: 100%;
	background: #fff;
	line-height: 33px;
	border-radius: 0;
	border: 1px solid #999;
	font: "Barlow", "Arial", sans-serif;
	font-size:18px;
	font-weight: 500;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	
	-webkit-transition: .3s linear border;
	-moz-transition: .3s linear border;
	-ms-transition: .3s linear border;
	-o-transition: .3s linear border;
	transition: .3s linear border
}
.home-member-form textarea {
	min-height: 7rem;
	border: 1px solid #999;
	font: "Barlow", "Arial", sans-serif;
	font-size:18px;
}

/*---Inquiry form------------------------------*/

}
/*-------CONTACTS PAGE-----------------------------------------------*/

/*-------------------------------------------------------------------*/
/*ANTI SPAM ON CONTACT US FORM*/
.goaway {
	display:none;
}
/*------------------------------------------------------------------*/


.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
	background: url(../assets/images/homepage/river-landscape2000x950-1920x730.jpg) center center / cover no-repeat;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.fullscreen-bg-content {
    margin: 0 auto;
    width: 100%;
    /*max-width: 960px;*/
    padding-top: 170px;
    height: 330px;
	text-align: center;
}

@media screen and (max-width:480px) {
.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.fullscreen-bg-content {
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    padding-top: 170px;
    height: 330px;
	text-align: center;
	overflow: hidden;
}
}
@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../img/videoframe.jpg') center center / cover no-repeat;
    }

    /*.fullscreen-bg__video {
        display: none;
    }*/
}


/*-----GALLERY-----------------------------------------------------------------*/
.gallery-header {
	width: 100%;
	border-bottom: 4px solid #f0f0f0;
	min-height: 30px;
	padding-bottom:0rem;
	margin-bottom: 2rem;
	text-align:left;
}
.gallery-title{
	font: 1.7em/1.0em "Barlow", sans-serif;
	color: #007c26;
	margin-bottom: .7rem
}
@media screen and (max-width:480px) {
/*header {
	min-height: 10px;
	background: url(../images/homepage/header.jpg) #007c26;
	border-bottom: 2px solid #fff;
}*/
.gallery-header {
	width: 100%;
	border-bottom: 2px solid #f0f0f0;
	min-height: 10px;
	padding-top:-2rem;
	margin-bottom: 1rem;
	text-align: center;
}
.gallery-title{
	font: 1.5em/1.2em "Barlow", sans-serif;
	color: #007c26;
	margin-bottom: 1rem
}
}


/*-----HOMPAGE PIEP ELECTION 2020-------------------------------------*/
.piep-home-election2020 {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: -.5em 0 .4em 0;
}
.piep-home-election2020 p {
	font: 60px "Barlow", Arial, sans-serif;
	font-weight:500;
	line-height: normal;
	width: 100%;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image {
	text-align: center;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 0 0 2.8rem 0;
	background: #ff7800 url(../images/homepage/PIEP_2020-homepage_election2020.png) no-repeat fixed center / cover;
	color: #fff;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image:hover{
	text-align: left;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 0 0 2.8rem 4rem;
	background: #2f1400 url(../images/homepage/PIEP_2020-homepage_election2020.png) no-repeat fixed center / cover;
	color:#ff7800;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image {
	padding: 0 0 2.8rem  4rem;
}
.landing-pag .piep-home-election2020 .piep-home-election2020-image:hover {
	padding: 0 0 2.8rem  4rem;
}
@media screen and (max-width: 480px) {
.piep-home-election2020 {
	display: block;
	width: 100%;
	padding: 0 0 0 0;
	margin: -.5em 0 .4em 0;
	vertical-align: middle;
	text-align: center;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image {
	width: 100%;
	position: relative;
	padding: 1rem 0 1.2rem 0;
	background: #ff7800 url(../images/homepage/PIEP_2020-homepage_election2020-mobile.png) no-repeat scroll center left / cover;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image:hover {
	width: 100%;
	position: relative;
	padding: 1rem 0 1.2rem 4.063rem;
	background: #2f1400 url(../images/homepage/PIEP_2020-homepage_election2020-mobile.png) no-repeat scroll center left / cover;
	color:#ff7800;
}
.piep-home-election2020 p {
	font: 30px "Barlow", Arial, sans-serif;
	font-weight:500;
	line-height: normal;
	width: 100%;
}
}
@media screen and (max-width: 320px) {
.piep-home-election2020 {
	display: block;
	width: 100%;
	padding: 0 0 0 0;
	margin: -.5em 0 .4em 0;
	vertical-align: middle;
	text-align: center;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image {
	width: 100%;
	position: relative;
	padding: 1rem 0 1rem 0;
	background: #ff7800 url(../images/homepage/PIEP_2020-homepage_election2020-mobile.png) no-repeat scroll center left / cover;
}
.landing-page .piep-home-election2020 .piep-home-election2020-image:hover {
	width: 100%;
	position: relative;
	padding: 1rem 0 1rem 0.91rem;
	background: #2f1400 url(../images/homepage/PIEP_2020-homepage_election2020-mobile.png) no-repeat scroll center left / cover;
	color:#ff7800;
}
.piep-home-election2020 p {
	font: 25px "Barlow", Arial, sans-serif;
	font-weight:500;
	line-height: normal;
	width: 100%;
}
}

/*-----------------------------------------------*/

/*Added 10/19/2020 for Webinar links not showing in mobile*/

@media screen and (min-width: 961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
#webinar-mobile-links {
	display: none;
	visibility:hidden;
}
}
@media screen and (min-width: 1025px) {/* big landscape tablets, laptops, and desktops */
#webinar-mobile-links {
	display: none;
	visibility:hidden;
}
}
@media screen and (min-width: 1281px) {/* hi-res laptops and desktops */
#webinar-mobile-links {
	display: none;
	visibility:hidden;
}
}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


.piep-officers-border {
	border: 1px solid #ccc;
}