/*
Theme Name: PPS
Description: Wordpress Theme Designed for PPS.
Author: PPS
Version: 1.0
*/

/*------------------------------------------------*/
/*-----------------[FONTS]------------------------*/
/*------------------------------------------------*/
@import url(fonts/font-awesome/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i);
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body {
	height: 100%;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
}
ol {
	margin: 0 0 10px 1.5em
}
ul {
	margin: 0 0 10px 1.5em
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body {
	background: none repeat scroll 0 0 #FFFFFF;
}
body, input, textarea {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.35em;
	font-size: 16px;
	color: #474747;
}
a {
	color: #B30937;
	outline: medium none;
	text-decoration: none;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
a:hover {
	color: #000;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
	height: auto
}
iframe {
	max-width: 100%;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.1em;
	padding-bottom: 0.4em;
	font-family: "proxima-nova", sans-serif;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
h4 {
	font-size: 1.12em;
}
h5 {
	font-size: .83em;
}
h6 {
	font-size: .75em;
}
h7 {
	font-size: 4.00em;
}
p {
	margin-bottom: 1.2em;
}
ul {
	margin-bottom: 1.2em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
ins {
	text-decoration: none;
}
pre {
	background-color: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 9.5px;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 0.8em;
}
sub {
	top: 0.3em;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
hr {
	background: none repeat scroll 0 0 #D8D8D8;
	border: medium none;
	clear: both;
	height: 1px;
	margin: 12px 0;
}
blockquote {
	border-left: 5px solid #EEEEEE;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
}
blockquote p {
	display: inline;
	line-height: inherit;
	font-weight: 400;
}
blockquote p:before, blockquote p:after {
	display: inline-block;
	font-family: FontAwesome;
	opacity: 0.5;
	font-size: 13px;
}
blockquote p:before {
	content: '\f10d';
	margin-right: 5px;
	vertical-align: 11px;
}
blockquote p:after {
	content: '\f10e';
	margin-left: 5px;
	vertical-align: 7px;
}
blockquote cite {
	color: #005eb6;
	display: block;
}
input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {
	background-color: #FFFFFF;
	border: none;
	padding: 12px 15px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 1.22em;
	line-height: 1.1835em;
}
select {
	padding-top: 10px;
	padding-bottom: 11px;
}
input[type="submit"], button, .button {
	display: inline-block;
	max-width: 100%;
	padding: 12px 16px;
	text-align: center;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	width: auto;
	cursor: pointer;
	border: none;
	font-weight: bold;
	line-height: 1.051em;
	font-size: 1.11em;
	color: #FFFFFF;
	background-color: #B30937;
}
input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus, .button:hover {
	background: #222;
	color: #fff
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.screen-reader-text {
	text-indent: -9999px;
	display: none
}
table {
	background: none repeat scroll 0 0 #EEEEEE;
	border-collapse: separate;
}
table th {
	background: none repeat scroll 0 0 #F6F6F6;
	font-weight: 700;
	padding: 5px 10px;
	text-align: left;
}
table td {
	background: #fff;
	padding: 5px 10px;
}
/*------------------------------------------------*/
/*----------------------[GRIDS]-------------------*/
/*------------------------------------------------*/
.row {
	margin: 0 -15px;
	position: relative;
}
.row:after, .row:before {
	content: " ";
	display: table;
	clear: both;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.grid12 {
	width: 100%
}
.grid11 {
	width: 91.66666667%
}
.grid10 {
	width: 83.33333333%
}
.grid9 {
	width: 75%
}
.grid8 {
	width: 66.66666667%
}
.grid7 {
	width: 58.33333333%
}
.grid6 {
	width: 50%
}
.grid5 {
	width: 41.66666667%
}
.grid4 {
	width: 33.33333333%
}
.grid3 {
	width: 25%
}
.grid2 {
	width: 16.66666667%
}
.grid1 {
	width: 8.33333333%
}
.row > .grid3:nth-child(4n+1) {
	clear: both
}
.row > .grid6:nth-child(2n+1) {
	clear: both
}
/*------------------------------------------------*/
/*-------------------[TYPOGRAPHY]-----------------*/
/*------------------------------------------------*/
.bannerTab {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}
.bannerCell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.flex.reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.space10 {
	clear: both;
	height: 10px
}
.space20 {
	clear: both;
	height: 20px
}
.space30 {
	clear: both;
	height: 30px
}
.space40 {
	clear: both;
	height: 40px
}
.space50 {
	clear: both;
	height: 50px
}
#searchsubmit {
	font-family: FontAwesome
}
/*------------------------------------------------*/
/*--------------------[IMAGES]--------------------*/
/*------------------------------------------------*/
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 6px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
/*------------------------------------------------*/
/*-------------------[STRUCTURE]------------------*/
/*------------------------------------------------*/
.wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
}
.wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#siteWrapper {
	width: 1440px
}
#pageContainer {
	height: 100%;
	padding-left: 400px;
}
/*------------------------------------------------*/
/*---------------------[HEADER]-------------------*/
/*------------------------------------------------*/
#header {
	height: 100%;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 29.66%;
	z-index: 9;
	color: #fff;
	background: #002E5A;
}
#logo {
	width: 250px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 45px;
}
#logo img {
	display: block
}
#navigation {
	padding-top: 28px;
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	line-height: 1.63em;
	font-size: 1.83em;
}
#navigation ul.desktopMenu {
	margin: 0;
	padding: 0;
	list-style: none
}
#navigation ul.desktopMenu > li {
	display: block
}
#navigation ul.desktopMenu > li > a {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px;
}
#navigation ul.desktopMenu > li:hover > a, #navigation ul.desktopMenu > li.current-menu-item > a {
	background-color: #00203F;
}
#headerFooter {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
#headerFooter a {
	color: #fff
}
.footer {
	font-size: 0.5em;
	line-height: 1.2em;
}
.footer a {
	color: #fff
}
.copyrightMenu {
	position: relative;
	padding-top: 9px;
}
.copyrightMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0.8em
}
.copyrightMenu ul > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-right: solid 1px
}
.copyrightMenu ul > li:last-child {
	border-right: none
}
/*------------------------------------------------*/
/*----------------------[PAGE]--------------------*/
/*------------------------------------------------*/
#pageBanner {
	height: 400px;
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #F0F3F7;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#pageBanner .bannerCell {
	text-align: left;
}
.bannerTxtBx {
	width: 462px;
	max-width: 50%;
}
.bannerTitle {
	font-size: 2.94em;
	padding-bottom: 0;
	font-weight: 800;
	color: #002E5A;
}
.bannerTxt {
	font-size: 1.22em;
	color: #474747;
	padding-top: 0.75em;
	line-height: 1.46em;
}
.section {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	padding-top: 44px;
	padding-bottom: 25px;
	position:relative
}
.sectionTitle {
	font-weight: 800;
	line-height: 1.2em;
	font-size: 1.944em;
	color: #002E5A;
	padding-bottom: 0.46em;
}
#main {
	padding-top: 44px;
	padding-bottom: 40px;
}

/*------------------------------------------------*/
/*--------------------[HOMEPAGE]------------------*/
/*------------------------------------------------*/
#pageBanner.homeBanner {
	height: 920px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pageBanner.homeBanner .bannerTxtBx {
	max-width: 100%;
	padding-left: 12px;
	width: 820px;
}
#pageBanner.homeBanner .bannerTitle {
	font-size: 3.44em;
	line-height: 1.2em;
}
#pageBanner.homeBanner .bannerTitle2 {
	font-size: 2.44em;
	line-height: 1.2em;
}
#pageBanner.homeBanner .bannerTitle span{
	font-weight:400; font-style:italic; color: #686868;
}
#pageBanner.homeBanner .bannerTxt{
	font-size: 1.33em;
}
#pageBanner.homeBanner .bannerTxt a{text-decoration:underline}
#pageBanner.homeBanner .bannerTxt .button {
	padding: 16px 26px; text-decoration:none
}
.companiesTitle {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #686868;
	padding-bottom: 1.5em;
}
#companiesLogos.companyHomeLogos {
	padding-top: 55px;
	padding-bottom: 55px;
}
/*------------------------------------------------*/
/*--------------------[HISTORY]-------------------*/
/*------------------------------------------------*/
.foundationLogo {
	width: 37.4%;
	float: left;
}
.foundationTxtArea {
	width: 62.6%;
	float: right;
	padding-left: 32px;
}
.section.sectionHistoryFoundation {
	padding-bottom: 3px;
	background: #fff;
}
.section.sectionHistoryEfforts {
	padding-top: 40px;
	background: #fff;
}
.effortsTxt {
	width: 50%;
	flex-grow: 1
}
.effortsTxtIn {
	width: 690px;
	max-width: 100%;
	padding-right: 30px;
}
.effortsLogos {
	width: 180px;
	text-align: center
}
.effortsLogos img {
	display: inline-block;
	margin: 0 auto
}
.scndtwNnTxt {
	float: right;
	width: 59%;
}
.section.sectionHistorySecond {
	padding-bottom: 45px;
}
.hstryAprchTxt {
	width: 59%;
}
.section.sectionHistoryApproach {
	padding-top: 48px;
	padding-bottom: 53px;
}
/*------------------------------------------------*/
/*--------------------[WHAT WE DO]----------------*/
/*------------------------------------------------*/
ul.whatWeDoList {
	font-family: "proxima-nova", sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #696969;
	font-weight: 700;
	font-size: 1.22em;
	line-height: 1em;
}
ul.whatWeDoList > li {
	display: block;
	position: relative;
	padding-left: 19px;
	padding-bottom: 0.6em;
}
ul.whatWeDoList > li::before {
	width: 8px;
	height: 8px;
	background: #B30937;
	content: '';
	position: absolute;
	left: 0;
	top: 0.3em;
}
/*------------------------------------------------*/
/*--------------------[MANAGEMENT]----------------*/
/*------------------------------------------------*/
.teamMember {
	position: relative;
	padding-top: 16px;
	padding-bottom: 38px;
}
.teamMemberImgBx {
	width: 176px;
}
.teamMemberImg {
	width: 100%;
	padding-top: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.teamMemberTxtBx {
	width: 50%;
	flex-grow: 1;
	padding-left: 27px;
}
.teamTitle {
	color: #002E5A;
	font-weight: 800;
	line-height: 1em;
	font-size: 2em;
	padding-bottom: 0;
}
.teamDesig {
	line-height: 1.244em;
	font-size: 1.22em;
	padding-top: 0.2em;
	padding-bottom: 1.1em;
}
.teamTxt {
	position: relative;
	font-size: 1.05em;
	line-height: 1.35em;
}
/*------------------------------------------------*/
/*------------------[GRAVITY FORMS]---------------*/
/*------------------------------------------------*/
.gform_wrapper {
	position: relative
}
ul.gform_fields {
	margin: 0 -9px;
	position: relative;
	padding: 0;
	list-style: none;
}
ul.gform_fields:after, ul.gform_fields:before {
	content: " ";
	display: table;
	clear: both;
}
ul.gform_fields > li.gfield {
	min-height: 1px;
	padding-right: 9px;
	padding-left: 9px;
	float: left;
	width: 50%;
	padding-bottom: 20px;
	position: relative;
}
ul.gform_fields > li.gfield.joinFname {
	width: 23.5%;
}
ul.gform_fields > li.gfield.joinLname {
	width: 23.5%;
}
ul.gform_fields > li.gfield.joinEmail {
	width: 38%
}
ul.gform_fields > li.gfield.joinZip {
	width: 15%
}
ul.gform_fields > li.gfield.onethird {
	width: 33.33%
}
ul.gform_fields > li.gfield.fullwidth {
	width: 100%
}
ul.gform_fields > li.gfield input[type="text"], ul.gform_fields > li.gfield select {
	width: 100%
}
ul.gform_fields > li.gfield textarea {
	width: 100%;
	height: 94px;
}
.gform_footer img {
	position: absolute
}
.validation_error {
	display: none;
}
.gfield_description.validation_message {
	color: red;
	font-size: 0.7em;
	line-height: 1em;
	position: absolute;
}
ul.sub-list {
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0 10px;
	width: 50%;
}
ul.sub-list label {
	color: #434343;
	font-size: 0.9em;
}
ul.gform_fields > li.gfield.volunteercheckboxes {
	border: 2px solid #cacaca;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 25px;
	padding: 15px 20px;
}
ul.gform_fields > li.gfield.volunteerphone {
	width: 30%
}
ul.gform_fields > li.gfield.volunteerzip {
	width: 20%
}
ul.gform_fields > li.gfield.volunteercheckboxes {
	border: 2px solid #cacaca;
	border-radius: 4px;
	padding: 15px 20px;
}
.gfield_label {
	color: #7e7e7e;
	display: block;
	font-size: 1em;
	font-weight: 700;
	padding-bottom: 8px;
}
.errorMessages {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rowForm .gform_footer {
	text-align: center
}
.gplaceholder .gfield_label {
	display: none
}
/*------------------------------------------------*/
/*---------------------[CONTACT]------------------*/
/*------------------------------------------------*/
.bannerCell.bannerTxtBx {
	width: 50.5%;
	max-width: inherit;
	padding-right: 20px;
}
#contactWidgetBx {
	background: #fff;
	width: 444px;
	max-width: 100%;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding-left: 35px;
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 30px;
}
#contactWidgetBx .widget-title {
	font-weight: bold;
	line-height: 1.212em;
	font-size: 1.833em;
	color: #7391AE;
	width: 300px;
	max-width: 100%;
}
body.page-template-tpl-contact #main {
	padding-top: 22px;
}
body.page-template-tpl-contact #main .wrapper {
	padding-left: 50px;
	padding-right: 50px;
}
#cntctFrmBx {
	width: 100%;
	background: #002E5A;
	padding: 32px 30px;
}
#cntctFrmBx .gform_footer {
	text-align: center
}
#cntctLeaseTxt {
	text-align: center;
	width: 680px;
	margin: 0 auto;
	max-width: 100%;
	padding-top: 47px;
}
/*------------------------------------------------*/
/*--------------------[COMPANIES]-----------------*/
/*------------------------------------------------*/
body.page-template-tpl-companies {
}
body.page-template-tpl-companies #pageBanner {
	height: 270px;
	padding-top: 20px;
}
body.page-template-tpl-companies .bannerTxtBx {
	margin: 0 auto;
	text-align: center;
	width: 460px;
	max-width: 100%;
}
#companiesLogos {
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
	background: #fff;
}
#companiesLogos .wrapper{padding-left:40px; padding-right:40px}
.catThumb{height:150px}
.catThumb img{display:block; margin:0 auto}
#comapnyDetails {
	background: #F0F3F7;
}

.companyDetailHeader {
	width: 585px;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 27px;
}
.companyDetailHeader .bannerCell{text-align:left}
.companyDetailLogo {
	width: 178px; padding-right:30px;
}
.companyDetailLogo img{display:block}
.companyDetailName h3{
	font-weight: 800;
line-height: 1.2em;
font-size: 2em;
color: #002E5A;
 padding:0;
}
.companyDetailArea {
	padding-top: 40px;
	padding-bottom:40px;
}
.row.companyAddress.flex {
	flex-wrap: wrap;
	margin-left:-10px; margin-right:-10px;
}
.row.companyAddress.flex .grid4 {
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.addressBx {
	width: 100%;
	background: #fff;
	padding: 20px 18px;
	border-radius: 12px;
	-webkit-border-radius: 12px;

	-webkit-border-radius: 12px;
}
.addressName {
	font-weight: 700;
	line-height: 1em;
	font-size: 1.22em;
	color: #002E5A;
	font-family: "proxima-nova", sans-serif;
	padding-bottom: 0.25em;
}
.addressMeta {
	font-size: 0.83em;
	padding-bottom: 1px;
}
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#footer {
	padding: 15px;
	text-align: center;
	color: #fff;
	background: #002E5A;
	display: none
}