/**********  GLOBAL STYLES  **********/

/** SWATCHES **/
/** Place any hex codes for branded colors here for quick reference. **/
/** dk blue: 	#142e47; **/
/** lt blue: 	#006599;  **/
/** gold:		#e8a713; **/

/** TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the template including Body, Container, Aside, or Content. **/
.homepage .rule {
	display: none;
}
#content .container{
	background: none; 
	padding: 40px 0 20px;
}
.homepage #content {
	min-height: 300px;
}
.subpage #content {
	min-height: 650px;
}


/** TYPOGRAPHY **/
/** Place any CSS code in this section that changes or modifies the headlines, paragraphs or links. **/
article h3 {
	color: #e8a713 !important;
}


/** HEADER **/
/** Place any CSS code in this section that changes or modifies the main header in Header or .header **/
header {
	margin: 0px;
	padding: 0;
	height: 180px;
	background: #fff;
	background-image: url(http://static.contentres.com/media/images/e25f5808-55b4-4501-80ec-5615e691e992.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.headerContact {
	float: right;
	width: 300px;
	padding-top: 15px;
}
.headerContact p {
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
	color: #006599;
}
.headerContact h3 {
	font-size: 24px;
	text-align: right;
}
.fauxLogoImageMap {
	float: left;
	width: 400px;
}
.fauxLogoImageMap img {
	width: 380px;
}


/*ARTICLE*/
.homepage #content .container article{
	width: 100%; 
	padding: 0;
}
.homepage #content .container h2 {
	margin: 30px 0 15px 210px;
}
.homepage #content article #suggested,
.homepage #content article #additional,
.homepage #content .rule{
	display: none;
}

#content .container .boxesWrapper{
	margin: 80px auto 0; 
	width: 95%;
	text-align: center;
}
#content .container .boxesWrapper ul{
	list-style-type: 
	none; overflow: 
	hidden; margin: 0; 
	padding: 0;
}
#content .container .boxesWrapper ul li{
	width: 260px; 
	height: 160px; 
	float: left; 
	margin: 0 30px 0 0; 
	padding: 20px 10px;
}
#content .container .boxesWrapper ul li h2{
	margin: 40px 0 5px 0; 
	font-weight: 700; 
	font-size: 22px; 
	color: #fff;
}
#content .container .boxesWrapper ul li p{
	margin: 0 0 20px 0; 
	font-weight: 400; 
	font-size: 14px; 
	color: #fff; 
	line-height: 16px;
}
#content .container .boxesWrapper a{
	border: 1px solid #fff; 
	padding: 5px 10px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline; 
	color: #FFF;
}
#content .container .boxesWrapper a:hover{
	text-decoration: none; 
	background: #FFF; 
	color: #1d3667;
}

/*boxes*/
#content .container .boxesWrapper ul li.ourTeam{
	background: url(http://static.contentres.com/media/images/677739c1-2f13-4605-9917-2322a8071812.jpg) 0 0 no-repeat;
}
#content .container .boxesWrapper ul li.ourMission{
	background: url(http://static.contentres.com/media/images/3271e4d7-3412-4d36-8356-34558825b9cd.jpg) 0 0 no-repeat;
}
#content .container .boxesWrapper ul li.ourProcess{
	background: url(http://static.contentres.com/media/images/be8995ae-33cc-4088-ba4c-547093b2905f.jpg) 0 0 no-repeat; 
	margin-right: 0; 
	position: relative;
}


/*ASIDE*/
.homepage #content .container aside{
	display: none;
}

.page-contact #content iframe{
	display: none;
}
.page-contact #content h1{
	margin-bottom: 0;
}
.contactSidebar a {
	padding: 5px 7px;
	border: 1px solid #142e47;
	color: #142e47;
	margin-bottom: 15px;
}
.contactSidebar a:hover {
	background: #006599;
	color: #FFF;
	text-decoration: none;
}

/** NAVIGATION **/
/** Place any CSS code in this section that changes or modifies the main navigation bar including Nav, or .Nav **/
nav {
	/* background: url(http://static.contentres.com/media/images/1c5ea57e-ca75-4406-bd87-1f09cdeb31e0.jpg); */
	background: #002d43;
	height: 40px;
}
nav .container {
	background: none;
	padding-top: 12px;
}
nav li {
	font-family: 'Quattrocento';
	text-transform: uppercase;
	font-size: 15px;
	margin-left: 20px;
	padding-right: 19px;
}
nav#main li li:hover {
	border-right: 5px solid #c2a74e;
}
nav#main ul ul {
	top: 23px;
}
/** ROTATOR **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero **/
#hero {
	margin-top: 0; 
	height: 410px; 
	background: #fff;
}
#hero .container {
	width: 100%; 
	padding: 0;
}
#hero .hero{
	width: 100%; 
	height: 400px; 
	background-size: cover !important;
}

/**************************************/
/*   Hero Image Override - 07/31/24   */
/*          Updated 07/31/24          */
/**************************************/

/*2nd- family on the beach*/
/*3rd- plant in cup*/
/*4th- path lined with trees*/

#hero1 img{
	background-image: url(http://static.contentres.com/media/images/e07eea9a-e4de-484e-a503-7863705f9555.jpg)!important;
	background-size: cover;
	background-position: bottom center;
}
#hero2 img{
	background-image: url(http://s3.amazonaws.com/static.contentres.com/media/InlineContent/originalSize/1cdea2cf-38ba-4608-8bce-5266d1d030b2.jpg)!important;
	background-size: cover;	
	background-position: bottom center;
}
#hero3 img{
	background-image: url(http://s3.amazonaws.com/static.contentres.com/media/InlineContent/originalSize/18673298-3a03-4eba-aeb6-3c3174d0b31f.jpg)!important;
	background-size: cover;	
	background-position: bottom center;
}
#hero4 img{
	background-image: url(http://s3.amazonaws.com/static.contentres.com/media/InlineContent/originalSize/9a3159e3-ab9c-43e0-8284-37f041d47e6f.jpg)!important;
	background-size: cover;	
	background-position: bottom center;
}
/*#hero2 img{*/
/*	background-image: url(http://static.contentres.com/media/images/3adb1ad5-43e1-4675-8dd5-f523a1c9e06d.jpg)!important;*/
/*	background-size: cover;	*/
/*	background-position: bottom center;*/
/*}*/
/*#hero3 img{*/
/*	background-image: url(http://static.contentres.com/media/images/1ac0a0ad-abe7-4ddc-b502-8a78a6031f9d.jpg)!important;*/
/*	background-size: cover;	*/
/*	background-position: bottom center;*/
/*}*/
/*#hero4 img{*/
/*	background-image: url(http://static.contentres.com/media/images/d6bb062b-25d1-4143-8ab9-470188c3a07f.jpg)!important;*/
/*	background-size: cover;	*/
/*	background-position: bottom center;*/
/*}*/

/*custom back and forward arrows*/
#hero .backArrow, #hero .forwardArrow {
	width: 37px; 
	height: 227px; 
	position:absolute;
}
#hero .backArrow {
	top: 140px; left: 15%; 
	z-index: 9999; 
	background: url(http://static.contentres.com/media/custom/336081-forsyth/setup/images/custom-backArrow.png) 0 0 no-repeat !important;
}
#hero .forwardArrow {
	top: 140px; 
	left: 85%; 
	z-index: 9999; 
	background: url(http://static.contentres.com/media/custom/336081-forsyth/setup/images/custom-frontArrow.png) 0 0 no-repeat !important;
}

#hero .wrapper{
	padding: 10px;
	background: rgba(0,0,0,0.7);
}

/*hero aside*/
#hero aside{
	position: absolute; 
	top: 110px; left: 25%; 
	margin: 0; 
	width: 50%; 
	text-align: center;
}
#hero aside h2{
	color: #FFF; 
	font-size: 30px; 
	margin-bottom: 20px; 
	padding: 0; 
	background: none;
	color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}
#hero aside p{
	color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}
#hero aside p a {
	border: 1px solid #fff; 
	display: inline-block; 
	padding: 10px 15px;
	color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 	
}
#hero aside p a + a{
	display: none;
}
#hero aside p a:hover{
	text-decoration: none; 
	background: #FFF; color: #111;
	text-shadow: none;
}

.arrowLink{
	display: none !important;
}
i.fa.fa-angle-right, i.fa.fa-angle-left {
	display: none;
}


/** FOOTER **/
/** Place any CSS code in this section that changes or modifies the main footer in Footer or .footer **/
footer {
	background: #142e47 none;
	margin-bottom: 100px;
}
footer .container {
	background-image: none;
}
footer .container aside{
	display: none;
}
footer .note {
	width: 960px;
	float: left;
	font-size: 13px;
}
.subFooter {
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 90px;
	width: 100%;
	background: rgba(255,255,255,0.8);
	border-top: 1px solid #999;
	padding-bottom: 10px;
	background-image: url(http://static.contentres.com/media/images/8a3f4bc0-5dbc-48ab-92e0-628822cd093c.png);
	background-position: -3px -3px;
	background-repeat: no-repeat;
	text-align: center;
	box-shadow:-5px 0px 10px 1px rgb(98, 98, 98) inset;
}
.subfooter img {
	display: inline;
}
.subFooterSocial {
	width: 100%;
	margin: 0%;
	text-align: center;
}
.subFooter .whitepaperDownload {
	width: 250px!important;
	position: absolute;
	margin-top: -35px;
	left: 100px!important;
}
.subFooter .whitepaperDownloadSub {
	position: absolute;
	width: 300px;
	left: 300px;
}
.subFooter .whitepaperDownloadSub h4, .subFooter .whitepaperDownloadSub h3 {
	color: #142e47;
	text-decoration: none;
	padding-top: 6px;
}
.subFooter h4, .subFooter a {
	color: #032f60;
}
/** SIDEBAR WIDGET **/
/** Place any CSS code in this section that changes or modifies the Sidebar Widgets, both default and custom **/


/* CLASSES */
/** Place any CSS code in this section that relates to universal CSS classes **/
.cta {
	border: 1px solid #a9790c; 
	display: inline-block; 
	padding: 10px 15px;
	margin-bottom: 20px;
	color: #FFF;
	background: #e8a713;
	min-width: 150px;
	text-align: center;
}
.cta:hover {
	border: 1px solid #142e47; 
	display: inline-block; 
	padding: 10px 15px;
	margin-bottom: 20px;
	color: #FFF;
	background: #006599;
	text-decoration: none;	
}