@charset "UTF-8";

/* CSS Document */
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, 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,
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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, 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;
}
body 				{	background:#fff;font-family: 'Roboto Slab', serif; font-weight:300;font-style: normal; font-size:16px; color:#646464;}
object 				{	outline:none; }
a:active, a:focus 	{ 	outline: none; border:0px; -moz-outline-style:none; }
a:focus 			{ 	outline: none; }
.clear 				{ 	clear:both; display:block }
a 					{ 	text-decoration:none;}
a:hover 			{ 	text-decoration:underline;}
p					{	line-height:22px}
a.big_button_orange {	color: #fff;font-size: 20px;padding: 12px 20px; display: inline-block; background: #ef7f34;border-radius: 4px;margin-bottom: 20px;}
a.big_button_orange:hover{	text-decoration:none}
sup					{vertical-align: super;font-size: smaller;}


/*********** Header & Navigation ********/

.main_navigation_container				{	width:auto; font-size:0; z-index:100;}

ul.nav_containter > li					{	list-style:none; position:relative; display:inline }
ul.nav_containter > li a				{	display:inline-block;font-family: 'Montserrat', sans-serif; font-weight:300; margin:0;}
ul.nav_containter > li a:hover			{	text-decoration:none;}


ul.nav_containter > li > ul							{	display:none; position:absolute; z-index:100;width:260px}
ul.nav_containter > li > ul > li					{	display:block; width:260px; text-align:center}
ul.nav_containter > li > ul > li a					{	display:block;background:#666; padding: 12px; font-size:16px;color:#fff;}
ul.nav_containter > li > ul > li a:hover			{	color:#9A9A9A;background:#666;}
ul.nav_containter > li > ul > li:nth-child(2) a		{	padding-top:30px}
ul.nav_containter > li > ul > li:nth-last-child(2) a{	padding-bottom:30px}
ul.nav_containter li.subnav_on a										{	font-weight:700}

.fixed									{	position: fixed;top:0; left:0;width: 100%;}
header .more_less						{	display:none}
.main_mobile_icon						{	display:none}

/**** Navigation before scrolling - large *****/
.main_navigation_container_lg						{	background:#dddddd}
.main_navigation_container_lg .main_logo			{	float:left; padding: 23px 0 23px 0;  display:inline-block;background:#346d7d; width:24%}
.main_navigation_container_lg .main_logo a.main_logo_img{	width: 200px; margin:0 auto; display: block;}
.main_navigation_container_lg .main_logo a.main_logo_img img{	width:100%; height:auto; text-align: center}
.main_navigation_container_lg ul > li a				{	padding: 40px 1.6%; color:#346d7d; background:#dddddd;font-size:20px; }
.main_navigation_container_lg ul					{	text-align:right;}
.main_navigation_container_lg ul > li > a:hover		{	background:#ECECEC}
.main_navigation_container_lg ul > li.nav_on > a	{	background:#ECECEC}


/**** Navigation after scrolling - small *****/
.main_navigation_container_sm						{	background:#346d7d}
.main_navigation_container_sm .main_logo			{	float:left; padding: 6px 16px;  display:inline-block;background:#346d7d; width:auto}
.main_navigation_container_sm .main_logo a.main_logo_img{	width: 190px; margin:0 auto; display: block;}
.main_navigation_container_sm .main_logo a.main_logo_img img{	width:100%; height:auto; text-align: center}
.main_navigation_container_sm ul > li a				{	padding: 24px 1.6%; color:#fff; background:#346d7d; font-size:16px}
.main_navigation_container_sm ul					{	text-align:right;}
.main_navigation_container_sm ul > li > a:hover		{	background:#ef7f34}
.main_navigation_container_sm ul > li.nav_on > a	{	background:#ef7f34}


/*********** Home Page **********/

.home_image						{	width:100%; position:relative; max-height: 650px; overflow:hidden}
.home_image	img.home_page_image	{	width:100%; height:auto; z-index:-1}
.home_image	img.home_page_logo	{	width:60%; height:auto; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto}
.home_main_content				{	max-width: 1140px; margin: 120px auto 80px auto; padding: 0 3%}
.home_main_content_lt			{	width: 35%; float:left;}
.home_main_content_lt img		{	width:100%; height:auto}
.home_main_content_rt			{	width: 60%; float:right;}
.home_main_content h1			{	font-family: 'Montserrat', sans-serif; font-weight:400; color:#346d7d; font-size:35px; margin-bottom:25px; line-height:40px}
.home_main_content h1 span		{	font-weight:700; font-size:48px}
.home_main_content p			{	font-size:18px; padding: 16px 0; line-height:24px}
.home_main_content a			{	color:#346d7d;}

.home_hse_content				{	max-width: 1140px; margin: 0 auto; padding: 80px 3%; }
.home_hse_content h2			{	font-family: 'Montserrat', sans-serif; font-weight:400; color:#fff; font-size:44px;padding: 18px 0;}
.home_hse_content h3			{	font-family: 'Montserrat', sans-serif; font-weight:400; color:#fff; font-size:30px;padding: 0 0 18px 0;}
.home_hse_content p				{	color: #fff; font-size:22px; padding: 18px 0; line-height:30px}
.home_hse_content img			{	float:left; padding: 0 20px 20px 0;}
.home_hse_content p a			{	color: #fff; }

.home_spotlight_container		{	max-width: 1140px; margin: 80px auto; padding: 0 3%}
.home_spotlight_container h3	{	font-family: 'Montserrat', sans-serif; font-weight:400; color:#346d7d; font-size:35px; }
.home_spotlight_container h4	{	font-family: 'Montserrat', sans-serif; font-weight:400; color:#346d7d; font-size:18px; padding-bottom:20px}
.home_spotlight_container img	{	width:100%; height:auto}
.home_spotlight_container p		{	padding:14px 0; font-size:18px; line-height:24px}
.home_spotlight_container p a	{	color:#346d7d;}
.home_spotlight_lt				{	width: 45%; float:left;}
.home_spotlight_rt				{	width: 45%; float:right;}

/**************Interior Pages *************/

.section_home					{	max-width: 1140px; margin: 0 auto; padding: 30px 3% 60px 3% }
.item 							{	float: left;width: 21.6%; margin: 0 1.7% 40px 1.7%;text-align: center; opacity:0;}
.item img						{	width:100%; height:auto}
.item a							{	font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight:300; color:#346d7d; padding-top:15px; display:block}

.upper_content					{	max-width: 1140px; margin: 0 auto; padding: 60px 3% }
.upper_content p				{	font-size:18px; line-height:26px; padding:14px 0 }
.upper_content h1,
.main_content h1				{	font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight:300; padding-bottom: 20px; color:#346d7d; display:block}
.main_content h2				{	font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight:300; padding: 20px 0px; color:#346d7d; display:block}
.main_content h3				{	font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight:300; padding: 14px 0px; color:#346d7d; display:block}

.donate_now_content_container	{	max-width: 840px; margin: 0 auto; padding: 50px 3%; text-align:center}
.donate_now_content h2			{	font-family: 'Montserrat', sans-serif; font-size: 46px; font-weight:700; color:#fff; margin-bottom:20px}
.donate_now_content h4			{	font-family: 'Montserrat', sans-serif; font-size: 35px; font-weight:300; line-height:42px; color:#fff}
.donate_now_content a			{	border:1px solid #fff; padding: 18px 30px; display:inline-block;font-family: 'Montserrat', sans-serif; font-size: 25px; color:#fff; margin-top:20px; border-radius:3px; }
.donate_now_content a:hover		{	text-decoration:none}

.main_content					{	max-width: 1140px; margin: 0 auto; padding: 80px 3%  }
.main_content_lt				{	float:left; width:60%;}
.main_content_rt img			{	width:100%; height:auto;border-radius: 50%}
.main_content_rt h6				{	text-align:center; font-style:italic; padding: 20px 10px; font-weight:300; font-size:13px; line-height:18px}
.main_content_rt				{	float:right; width: 35%;}
.main_content p					{	padding: 10px 0}
.main_content a					{	color:#346d7d}
.main_content ul,
.main_content ol				{	margin: 10px 10px 10px 35px;}
.main_content li				{	padding: 8px 0; line-height:20px}
.table_header td				{	padding:10px; border:1px solid #CCC}
.table_header th				{	padding:14px; color:#fff; background:#346d7d;border:1px solid #346d7d}

.table_no_format td			{	padding:10px;}

.cta_content					{	background:url(../images/footer_hero.jpg); background-repeat: no-repeat; background-size:50%; background-color:#346d7d;  color:#fff;}
.cta_content_lt					{	width: 50%; color:#fff; float:left; height: auto;}
.cta_content_lt	img				{	width:100%; height:auto; overflow:hidden}
.cta_content_rt					{	width: 50%; color:#fff; float:right; padding: 20px 0}
.cta_content_rt h4				{	font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight:700; padding-bottom:30px; line-height:34px;padding: 10px 40px}
.cta_content_rt p				{	font-size:17px; line-height:22px; padding: 10px 40px}

table.table_pad td					{	padding:8px; line-height:24px}

/************** Footer ************/
footer							{	background:#666; color:#fff; width:100%}
.footer							{	max-width: 1140px; margin: 0 auto; padding: 40px 3%; text-align:center}
.footer p						{	padding: 4px 0}
.footer span					{	padding: 0 10px}
.footer	a						{	color:#fff; padding: 0 10px}

.parallax-window 				{	background: transparent;}

.bottomMenu								{	display: none;position: fixed;right: 20px;bottom: 100px;opacity: 0.7;filter: alpha(opacity=60);cursor: pointer;z-index: 1000;}
.bottomMenu:hover						{	opacity: 1;}


.column_twelve 							{	display: inline;float: left;width: 96.66666667%;margin: 0 1.66666667%;}
.column_six 							{	display: inline;float: left;width: 46.66666667%;margin: 0 1.66666667%;*width: 46.61458333%;*margin: 0 1.61458333%;}
.column_four 							{	display: inline;float: left;width: 30%;margin: 0 1.66666667%;*width: 29.94791667%;*margin: 0 1.61458333%;}
.column_three 							{	display: inline;float: left;width: 21.66666667%;margin: 0 1.66666667%;*width: 21.61458333%;*margin: 0 1.61458333%;}
.column_two 							{	display: inline;float: left;width: 13.33333333%;margin: 0 1.66666667%;*width: 13.28125%;*margin: 0 1.61458333%;}


/************ CMS *********************/

.errorbox								{	background:red; color:#fff; padding: 20px 20px; text-align:center; display:block; margin: 20px 0; font-size:20px; line-height:24px}
.errorbox p								{	padding: 4px 0;line-height:24px}
.message_box							{	background:green; color:#fff; padding: 20px 20px; text-align:center; display:block; margin: 20px 0; font-size:20px; line-height:24px}

.cms_loginform							{	padding: 20px;}
.cms_loginform	p						{	padding: 8px 0}
.cms_loginform h6						{	font-family: 'Montserrat', sans-serif;font-size: 18px;font-weight: 300;color:#346d7d; margin-bottom:15px; background:url(../images/new/icon_login_dude.png) no-repeat left center; padding:10px 0 10px0px}
.cms_loginform	input				{	width:100%; padding:5px; font-size:16px;box-sizing: border-box; color:#666; font-family: 'Whitney A', 'Whitney B', sans-serif; border:1px solid #CCC}


/************ Message Center **************/
.message_center_container				{	width: 100%; background:#00A9EE;color:#fff; position:fixed; bottom:0; }
.message_center_container a				{	color:#fff; padding: 0 5px}
.login_info								{	width:30%; float:right; color:#fff; text-align:right;padding: 9px 16px; display:inline-block}
.messages_notification					{	width: 60%; float:left; background-color:green;padding: 14px 16px;}
.main_content_full .notification		{	background-color:green;padding: 14px 16px; color:#fff; text-align:center; margin-bottom:25px}


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

@media only screen and (max-width : 1260px) {

	.main_navigation_container_lg ul > li a				{	padding: 40px 1.3%; }
	
}

@media only screen and (max-width : 1180px) {

	.main_navigation_container_lg ul > li a				{	padding: 41px .9%;    font-size: 18px; }
	.cta_content_rt h4									{	font-size: 24px; line-height:30px;}
	.cta_content_rt p									{	font-size:16px; line-height:20px;}
	
}

@media only screen and (max-width : 980px) {
	
	ul.nav_containter						{	float:none; text-align:left; width:100%; display:none; clear:both}
	ul.nav_containter > li					{	display:block; border-bottom:1px solid #346d7d; float:none;clear:both;width:100% }
	ul.nav_containter > li a				{	width:70%; text-align:left;}
	.main_navigation_container_lg ul > li a	{	padding: 18px 20px;}
	.main_navigation_container_lg ul > li > a:hover		{	background:none}
	.main_navigation_container_lg ul > li.nav_on	{	background:#ECECEC}
	header .more_less						{	display:block; width:10%; text-align:center; float:right; color:#346d7d; padding:16px 24px 0 0; font-size:23px; cursor:pointer}
	
	.main_navigation_container_lg .main_logo,
	.main_navigation_container_sm .main_logo		{	float:none; clear:both; padding: 10px 20px 10px 20px;  display:block; width:auto;}
	.main_navigation_container_lg .main_logo a.main_logo_img,
	.main_navigation_container_sm .main_logo a.main_logo_img{	float:left}
	.main_navigation_container_lg .main_logo a.main_mobile_icon,
	.main_navigation_container_sm .main_logo a.main_mobile_icon {	float:right; display:block}
	
	ul.nav_containter > li > ul				{	position:relative; z-index:100;width:100%;}
	ul.nav_containter > li > ul > li		{	width:auto; display:block; text-align:left; border-bottom: 1px solid #fff}
	ul.nav_containter > li > ul > li a		{	width:auto; display:block; text-align:left; padding: 12px 30px;}
	ul.nav_containter > li > ul > li.menu_arrow_down	{	display:none}
	ul.nav_containter > li > ul > li.menu_arrow_up	{	display:none}
	ul.nav_containter > li > ul > li:nth-child(2) a		{	padding-top:12px}
	ul.nav_containter > li > ul > li:nth-last-child(2)  {	border:none}
	ul.nav_containter > li > ul > li:nth-last-child(2) a{	padding-bottom:12px}
	.home_main_content						{   margin: 40px auto;}
	
	.item 									{	width: 46.2%;}
	.main_content							{	padding: 50px 3% 20px 3%;}
	.cta_content_rt,
	.main_content_rt						{	display:block; width:auto; margin-top:60px; float:none;}
	.main_content_rt img					{	border-radius: 0%}
	.donate_now_content_lt,					
	.donate_now_content_rt					{	display:block; width:auto; text-align:center; padding:0; border:none}
	.donate_now_content_rt p				{	padding: 10px 0}
	.donate_now_content_rt					{	margin-top:25px}
	
	.cta_content							{	background-image:none}
	.cta_content_rt							{	padding: 30px 0; text-align:center}
	
	.home_image	img.home_page_logo			{	width:80%;}
	.main_content_lt						{	display:block; width:auto; float:none;}

}

@media only screen and (max-width : 860px) {
	.home_main_content_lt			{	display:none}
	.home_main_content_rt			{	display:block; width:auto; float:none;}
	.home_spotlight_lt,
	.home_spotlight_rt				{	display:block; width:auto; }
	.home_spotlight_lt				{	margin-bottom:40px}
	.home_main_content h1			{	font-size:25px; margin-bottom:15px; line-height:30px}
	.home_main_content h1 span		{	font-weight:700; font-size:30px}
}

@media only screen and (max-width : 760px) {
	
	
}

@media only screen and (max-width : 640px) {
	footer span				{	display:block}
	.item 					{	width: 96%;}
	.home_hse_content img	{	float:none; padding: 0 0 10px 0; width: 100%; height:auto}
}

/****** Cool Hover Effects *******/

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -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.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #346d7d;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}