/*
 Table Of Contents 
 1.) Default Styles

 2.)  Home page
 2.1) Header
 2.2) Banner Main
 2.3) Content 
 2.4) Footer
 2.5) Interior-news 
 2.6) Interior-issues 
 2.7) Interior-meet 
 2.8) Interior-Events 
 2.9) Interior-Volunteer 

===============================================*/

/*
 1.) Default Styles
 ----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

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%;
	font: inherit;
	vertical-align: baseline
}

ul, li, ol {list-style:none}

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size:20px;
}

sub {
	bottom: -0.25em
}

img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height:.5em;
}

/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}

}


/* #Basic Styles
================================================== */

body {
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:20px;
	color:#22285b;
	background:#fafafa;
}


/* #Links
================================================== */

a {
	color:#22285b;
	outline:0;
	cursor:pointer;
	text-decoration:none
}

a, a:visited {
	text-decoration:none;
	outline:0
}

a:hover {
	color:#22285b;
	text-decoration:underline;
	outline:0
}

a:hover {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

a:focus, a:active, a:visited {
	text-decoration:none;
	outline:0
}

/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
	color:#22285b;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	line-height:1.1em;
	padding:0 0 20px 0; 
	text-transform:uppercase;
	font-weight:normal;
}

h1 {font-size:42px;}

h2 {font-size:36px;}

h3 {font-size:25px;}

h4 {font-size:16px;}

h5 {font-size:14px;}

h6 {font-size:12px;}

p {
	padding:0 0 18px 0
}

em {
	font-style:normal; 
	font-family:"GothamMediumItalic", Arial, Helvetica, sans-serif;
}

strong {
	font-weight:bold;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
}

b {
	font-weight:bold;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
}

.bold {
	font-weight:normal;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
}

.upper {text-transform:uppercase}


/* #Video
================================================== */

.video-container {
	width:100%; 
	float:left;
	position: relative;
	padding-bottom:63.7%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* #Input Styles
================================================= */

input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline:0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus, textarea:focus {
	border-color: rgba(240, 81, 53, 0.1);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:0 0 8px rgba(82, 168, 236, 0.6)
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.input {color:#333333;}

.textarea {color:#333333;}

:placeholder {
	color:#a4a4a4;
	letter-spacing:normal;
}

.placeholder {
	color:#a4a4a4;
	letter-spacing:normal;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #a4a4a4;
	letter-spacing:normal;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #a4a4a4;
	letter-spacing:normal;
}


.input, .textarea {
	width:100%;
	height:52px;
	float:left;
	background:#ffffff;
	border:none; 
	border-radius:5px;
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:8px 18px;
	behavior: url(PIE.htc); 
	position:relative;

}

.textarea {height:210px}

label {
	width:100%;
	float:left;
	font-size:14px;
	color:#515a62;
	line-height:normal;
	font-weight:normal; 
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	text-transform:none;
	padding:0 0 3px 0;
	margin:0;
}

.btn {
	height:52px;
	float:none; 
	display:inline-block;
	font-size:18px;
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center; 
	text-transform:uppercase;
	line-height:52px; 
	background:#c12227;
	border:none;
	border-radius:5px;  
	behavior: url(PIE.htc); 
	position:relative;
	cursor:pointer; 
	padding:0 68px;
}

.btn:hover { 
	color:#ffffff;
	text-decoration:none; 
	-webkit-box-shadow:inset #444 0 0 15px;
	-moz-box-shadow:inset #444 0 0 15px;
	box-shadow:inset #444 0 0 15px;
}

.btn-secondary { 
	width:100%;
	height:45px;
	float:left;
	background:#22285b;
	border:none;
	font-size:16px;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	color:#ffffff;
	border-radius:5px;  
	text-align:center; 
	text-transform:uppercase;
	line-height:45px; 
	behavior: url(PIE.htc); 
	position:relative;
	cursor:pointer; 
	padding:0 10px; 
	margin:0 0 10px 0
}

.btn-secondary:hover {
	color:#ffffff;
	text-decoration:none; 
	-webkit-box-shadow:inset #444 0 0 15px;
	-moz-box-shadow:inset #444 0 0 15px;
	box-shadow:inset #444 0 0 15px;
	background:#c02227;	
}



/* #Show-Hide Responsive Options
================================================== */

.show_mobile1 {display:none}

.hide_mobile1 {display:block}

.show_mobile2 {display:none}

.hide_mobile2 {display:block}

.show_mobile3 {display:none}

.hide_mobile3 {display:block}

.show_ipad1 {display:none}

.hide_ipad1 {display:block}

.show_ipad2 {display:none}

.hide_ipad2 {display:block}


/*= Grow & flip
=======================================================*/

.grow {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover, .grow:focus, .grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.flip {
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-ms-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
	cursor:pointer
}

.flip:hover {
	-webkit-transform: rotateY(360deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(360deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(360deg);
	-o-box-sizing: border-box;
	transform: rotateY(360deg);
	box-sizing: border-box;
	cursor:pointer
}


/*= #Flexslider
=======================================================*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width:100%;
	float:left;
	margin: 0;
	padding: 0;
}

.flexslider .slides {
	width:100%;
	float:left;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides li {position:relative;}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-direction-nav {display:none;}

.flex-direction-nav .flex-disabled {
	opacity:0!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width:100%;
	float:left;
	text-align: center;
	display:block;
	z-index:100;
	padding:0;
	margin:0;
}

.flex-control-nav li {
	width:20px;
	height:20px;
	float:none;
	display:inline-block;
	overflow:hidden;
	padding:0;
	margin:0 4px;
	background:#3f7369;
	border-radius:100px;
}

.flex-control-paging li a {
	width:20px;
	height:20px;
	display:block;
	color:#dcdbdd;
	line-height:normal;
	overflow:hidden;
	background:#3f7369;
	border-radius:100px;
	position:relative;
	text-indent:-99999px;
	margin:0;
}

.flex-control-paging li a.flex-active {background:#33adf1;}

.flex-control-thumbs {display:none;}

/* #Owl-carousel
=======================================================*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin:0;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	width:100%;
	float:left;
	text-align:center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin:0;
}

.owl-theme .owl-controls .owl-buttons div {display:none;}

.owl-theme .owl-controls .owl-page{
	width: auto;
	float:none;
	display:block;
	margin:0;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span{
	display:none;
	width: 14px;
	height: 14px;
	background:#FFFFFF;
	border:2px solid #0e76bc;
	margin: 0 4px;
	padding:0;
	opacity: 1;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-indent:-9999px
}

.owl-theme .owl-controls .owl-page:hover span{
	background:#FFFFFF;
	color:#FFFFFF;
}

.owl-theme .owl-controls .owl-page.active span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#0e76bc;
	box-shadow:none;
	color:#FFFFFF;
}

.navigation {
	width:100%;
	float:left;
}

.navigation a {
	width:58px;
	height:87px;
	float:left;
	cursor:pointer;
	opacity:1;
	text-indent:-9999px;
	position:relative;
	margin-top:-12px;
	position:absolute;
	top:30%;
}

.navigation a:hover {opacity:1;}

.navigation .previous {
	left:0;
	background:url(/images/arrow-prev01.png) no-repeat;
}	

.navigation .next {
	right:0;
	background:url(/images/arrow-next01.png) no-repeat;
}



/*
 2.) Home page
 ----------------------------------------*/

.container-main {
	width:100%;
	float:left;
}

.container {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}

.outer-bg {
	width:100%;
	height:100%;
	float:none;
	display:table;
	margin:0 auto
}

.inner-bg {
	width:100%;
	height:100%;
	float:none;
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

.menu-btn {
	width:34px;
	height:34px;
	float:left;
	background:#22285b;
	font-size:24px;
	text-align:center;
	line-height:32px;
	color:#FFFFFF;
	border-radius:2px;
	display:none;
	position:relative;
	position:absolute;
	right:4%;
	top:18px;
	z-index:100;
	margin:0;
	padding:0;
}

.menu-btn:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.menu-btn.active {
	background:#c12227;
	color:#FFFFFF;
}

.social-links {
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 20px 0;
}

.social-links ul {
	width:100%;
	float:left
}

.social-links ul li {
	width:32px;
	float:none;
	display:inline-block;
	margin:0 3px;
}

.social-links ul li a {
	width:100%;
	float:none;
	display:inline-block;
	height:32px;
	color:#FFFFFF;
	font-size:20px;
	background:#3a5897;
	line-height:32px;
}

.social-links ul li a:hover {
	box-shadow:inset #0e3070 0 0 15px;
}

.social-links ul li a.active {
	box-shadow:inset #0e3070 0 0 15px;
}

.social-links ul li .twitter {background:#49c9f2;}

.social-links ul li .twitter:hover {
	box-shadow:inset #057da4 0 0 15px;
}

.social-links ul li .twitter.active {
	box-shadow:inset #057da4 0 0 15px;
}

.social-links ul li .pinterest {background:#C92228;}

.social-links ul li .pinterest:hover {
	box-shadow:inset #057da4 0 0 15px;
}

.social-links ul li .pinterest.active {
	box-shadow:inset #057da4 0 0 15px;
}

.social-links ul li .instagram {background:#3b749f;}

.social-links ul li .instagram:hover {
	box-shadow:inset #023e6a 0 0 15px;
}

.social-links ul li .instagram.active {
	box-shadow:inset #023e6a 0 0 15px;
}

.social-links ul li .linked-in {background:#0775b7;}

.social-links ul li .linked-in:hover {
	box-shadow:inset #04507d 0 0 15px;
}

.social-links ul li .linked-in.active {
	box-shadow:inset #04507d 0 0 15px;
}

.social-links ul li .youtube {background:#ce332c;}

.social-links ul li .youtube:hover {
	box-shadow:inset #841611 0 0 15px;
}

.social-links ul li .youtube.active {
	box-shadow:inset #841611 0 0 15px;
}

.form-block {
	width:100%;
	float:left;
	background:url(/images/trans02.png) repeat top left;
	padding:25px 20px 20px 20px;
}

.form-block ul {
	width:100%;
	float:left;
}

.form-block ul li {
	width:100%;
	float:left;
	margin-bottom:4px;
}

.form-block ul li .input {
	border-radius:5px;
	behavior: url(PIE.htc);
	position:relative;
}

.form-block ul li .btn {
	width:100%;
	float:left;
}


.heading-text {
	width:100%;
	float:left;
	background:#fff;
	border-bottom:28px solid #22285b;
	padding:8px 0
}

.heading-text h2 {
	text-align:center;
	padding-bottom:0
}

.heading-text h2 span {
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif
}


/*
  2.1) Header	
 ----------------------------------------*/
header {
	width:100%;
	height:85px;
	float:left;
	background:#fafafa;
	box-shadow:inset #e6e6e6 0 0 20px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	behavior: url(PIE.htc);
	position:relative;
	z-index:500
}

header .logo {
	width:325px;
	float:left;
	margin:0 0 -56px 0;
	position:relative;
	z-index:100;
	height: 135px;
}

header .logo2 {width:196px;}

header .logo img {
	width:100%;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

header nav {
	float:right;
	padding:21px 0;
}

header nav ul {float:left;}

header nav ul li {
	float:left;
	height:42px;
	font-size:11px;
	color:#2b3060;
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 20px;
}

header nav ul li a {
	float:left;
	height:42px;
	color:#2b3060;
	line-height:42px;
}

header nav ul li a:hover {color:#c12227;}

header nav ul li a.active {color:#c12227;}

header .btn {
	height:43px;
	float:right;
	font-size:10px;
	letter-spacing:2px;
	line-height:43px;
	margin:20px 0;
	padding:0 24px;
}

.fixed {
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	float:left;
	z-index:500
}

.fixed header {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	padding:0;
}

.fixed header .logo {
	width:196px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

.fixed header .logo img {
	width:196px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

/*
  2.2) banner-main	
 ----------------------------------------*/
.banner-main {
	width:100%;
	float:left;
	background:#738724 url(/images/Banner_2.png) no-repeat top center fixed;
	position:relative;
	-webkit-font-smoothing: antialiased;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.banner-main figure {
	width:100%;
	float:left;
	text-align:center;
	display:none;
}

.banner-main figure img {width:100%}

.banner-main .slider-top {
	width:41.66%;
	float:left;
	padding:105px 0 80px 0;
	position:relative;
  min-height: 500px;
}

.banner-main .slider-top h1 {
	color:#FFFFFF;
	padding-bottom:0;
}

.banner-main .slider-top h1 span {
	width:100%;
	float:left;
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif;
}

.banner-main .slider-top p {
	font-size:17px;
	color:#FFFFFF;
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:29px;
}

.banner-main .form-block-bg {
	width:100%;
	float:left;
	padding:0 50px;
}

.banner-main .form-block .btn-right {
	width:32.14%;
	float:left;
}

.banner-main .form-block .input-bg {
	width:42.45%;
	float:left;
	margin:0 10px 0 0;
}

.banner-main .form-block .input-midd {
	width:23.48%;
	float:left;
	margin:0 10px 0 0;
}

/*
 2.3.1) section-1 
 ----------------------------------------*/
.section-1 {
	width:100%;
	float:left;
	background:#FFFFFF;
	border-bottom:1px solid #cfd0ce;
	box-shadow:#404040 0 -15px 30px;
	position:relative;
	behavior: url(PIE.htc);
	overflow-x:hidden;
}

.section-1 p {
	font-size:18px;
	color:#787878;
	text-transform:uppercase;
	padding-bottom:0;
}

.section-1 article {
	width:33.33%;
	float:left;
}

.section-1 article a {
	width:100%;
	height:110px;
	float:left;
	text-decoration:none;
	padding:23px 30px;
}

.section-1 figure {
	width:94px;
	float:none;
	display:inline-block;
	margin-right:-94px;
}

.section-1 aside {
	width:100%;
	float:none;
	display:inline-block;
	margin:0 -3px;
	padding:0 0 0 115px;
}

.section-1 article:hover {
	box-shadow:inset #ececec 0 0 70px;
}

.section-1 article.active {
	box-shadow:inset #ececec 0 0 70px;
}

.section-1 .article-bg {
	width:100%;
	float:left;
}

.section-1 .article-right {
	width:333.33%;
	height:100%;
	float:left;
	background:#c12227;
	margin:0 -300% 0 0;
	padding:0 300% 0 0;
}

.section-1 .article-right p {color:#FFFFFF;}

.section-1 .article-right:hover {
	box-shadow:inset #91191d 0 0 60px;
}

.section-1 .article-left {
	width:333.33%;
	height:100%;
	float:left;
	margin:0 0 0 -300%;
	padding:0 0 0 300%;
}

/*
 2.3.2) section-2 
 ----------------------------------------*/
.section-2 {
	width:100%;
	float:left;
	text-align:center;
	padding:40px 0 75px 0
}

.section-2 h3 {
	color:#bdbdbd;
	padding-bottom:50px
}

.section-2 h3 span {
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif
}

.section-2 p {
	font-size:18px;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-bottom:0
}

.section-2 p span {
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif
}

.section-2 figure {
	width:100%;
	float:left
}

.section-2 figure img {width:100%}

.section-2 aside {
	width:100%;
	float:left;
	position:relative
}

.section-2 .article {
	width:100%;
	float:left;
	text-align:center;
	border-bottom:18px solid #c12227;
	position:relative;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.section-2 .article a {text-decoration:none;}

.section-2 .txt {
	width:100%;
	height:100%;
	float:left;
	background:url(/images/trans01.png) repeat;
	position:absolute;
	top:0;
	left:0;
	padding:0 15px;
}

.section-2 .item {
	width:100%;
	float:left;
	padding:0 13px
}

.section-2 .slide-bg {
	width:100%;
	float:left;
	position:relative;
	padding:0 89px
}

.section-2 .article img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(1);
}

/*.section-2 .article:hover img {*/
/*	filter: none!important;*/
/*	-webkit-filter: grayscale(0)!important;*/
/*}*/

/*.section-2 .article:hover .txt {background:none;}*/

/*
 2.3.3) section-3 
 ----------------------------------------*/
.section-3 {
	width:100%;
	float:left;
	text-align:center;
	background:#22285b;
	padding:33px 0 43px 0;
}

.section-3 h3 {
	color:#FFFFFF;
	letter-spacing:2px;
	padding-bottom:35px;
}

.section-3 h3 span {
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
}

.section-3 h4 {
	font-size:10px;
	color:#385696;
	letter-spacing:2px;
	padding-bottom:15px;
}

.section-3 p {
	font-size:10px;
	color:#385696;
	font-family:"gothammediumregular", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:12px;
}

.section-3 article {
	width:18.35%;
	float:none;
	display:inline-block;
	vertical-align:top;
	background:#ffffff;
	margin:0 1.25% 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.section-3 article:hover {
	margin-top:-8px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.section-3 .article-bg {
	width:101.25%;
	float:left;
	margin-right:-1.25%;
}

.section-3 .icon-bg {
	float: none;
	display:inline-block;
	font-size:25px;
	color:#3a5897;
	margin-bottom:13px;
}

.section-3 .read-more {
	width:100%;
	float:left;
	background:#c12227;
}

.section-3 .read-more a {
	width:100%;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-decoration:none;
	padding:7px 0
}

.section-3 .read-more:hover a {background:#33adf1;}

.section-3 aside {
	width:100%;
	float:left;
	padding:20px 15px 0 15px;
	 min-height: 160px;
}

/*
 2.3.4) section-4
 ----------------------------------------*/
.section-4 {
	width:100%;
	float:left;
	background:url(/images/img-banner02.jpg) no-repeat top center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position:relative;
	padding:110px 0;
}

.section-4 h2 {
	font-size:67px;
	color:#FFFFFF;
	padding-bottom:0;
}

.section-4 h3 {color:#FFFFFF;}

.section-4 h3 span {
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif;
}

.section-4 .form-block-bg {
	width:495px;
	float:none;
	margin:0 auto;
}

.section-4 .form-block {
	width:100%;
	float:left;
	text-align:center;
}

/*
 2.4) Footer
 ----------------------------------------*/
footer {
	width:100%;
	float:left;
}

.footer-links {
	width:100%;
	float:left;
	background:#bf2227;
	box-shadow:inset #961215 0 0 40px;
	position:relative;
	behavior: url(PIE.htc);
	padding:10px 0;
	overflow:hidden;
}

.footer-links ul {
	width:100%;
	float:left;
	text-align:center;
}

.footer-links ul li {
	width:14.8%;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0;
}

.footer-links ul li a {color:#FFFFFF;}

.footer-links ul li a:hover {color:#FFFFFF;}

.footer-links ul li a.active {color:#FFFFFF;}

.footer-links ul li:last-child {
	width:13%;
}

.footer-links ul li:first-child {
	width:20%;
}

.footer-info {
	width:100%;
	float:left;
	text-align:center;
	box-shadow:inset #bab8b8 0 0 40px;
	position:relative;
	behavior: url(PIE.htc);
	padding:10px 0 14px 0;
}

.footer-info p {
	font-size:14px;
	color:#626262;
	font-family:"gothambookregular", Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-bottom:0;
}

.footer-info p a {
	color:#626262;
	text-decoration:underline;
}

.footer-info p a:hover {text-decoration:none;}

.footer-info .address {
	width:300px;
	float:left;
	text-align:left;
	padding:12px 0 0 0;
}

.footer-info aside {
	text-align:center;
	display:inline-block;
	padding:20px 0 0 0;
}

.footer-info aside p {
	font-size:10px;
	text-transform:uppercase;
}

.footer-info aside p.box {
	float:none;
	display:inline-block;
	min-height:20px;
	border:1px solid #b1b1b1;
	line-height:20px;
	margin-bottom:5px;
	padding:0 35px;
}

.footer-info .footer-logo {
	float:right;
	text-align:right;
	max-width: 230px;
}




/*
  Interior-pages
 ----------------------------------------*/
 
.content-inner {
	width:100%;
	float:left;
	background:#FFFFFF;
}

.middle-bg {
	width:100%;
	float:left;
	position:relative;
}

.divide-bg {
	width:385px;
	height:100%;
	float:left;
	position:absolute;
	top:0;
	right:0;
	background:url(/images/bg01.png) repeat-y top left;
}

.left-panel {
	width:100%;
	float:left;
	padding:0 385px 20px 0;
}



.right-panel {
	width:385px;
	float:right;
	margin:0 0 0 -400px;
	position:relative;
	z-index:10;
}

#sidebar.sticky {
	width:385px;
	float: right;
	position: fixed;
	top: 90px;
	z-index: 6;
	left: auto;
	margin:0;
}

.side-bar {
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0 0 12px;
}

.side-bar h2 {
	font-size:79px;
	line-height:72px;
	padding-bottom:0
}

.side-bar p {
	font-size:29px;
	line-height:28px;
	padding-bottom:0
}

.side-bar p span {
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif
}

.side-bar aside {
	width:100%;
	float:left;
	padding-bottom:20px
}

.side-bar .social-links {
	padding:0 0 15px 0
}

.side-bar .form-block {
	background:none;
	padding:0 0 11px 0
}

.side-bar .input {
	height:45px;
	font-size:15px;
	text-transform:uppercase;
	border:1px solid #dadada;
	box-shadow:inset #dadada 0 0 7px;
	position:relative;
	behavior:url(PIE.htc)
}

.side-bar .btn {
	height:45px;
	font-size:15px;
	line-height:45px;
	padding:0 10px
}

/*
 2.5) Interior-news 
 ----------------------------------------*/
.news-block {
	width:100%;
	float:left;
	padding:25px 15px 0 15px
}

.news-block h3 {
	font-size:24px;
	padding-bottom:5px
}

.news-block p {
	width:100%;
	float:left;
	padding-bottom:15px
}

.news-block p span {
	font-size:12px;
	text-transform:uppercase
}

.news-block p a {
	text-decoration:none;
	border-bottom:1px solid #c8c9d6
}

.news-block p a:hover {
	text-decoration:none;
	border-color:#22285b;
}

.news-block article {
	width:100%;
	float:left;
	background:url(/images/divider01.png) no-repeat bottom center;
	margin-bottom:25px;
	padding:0 15px 0 0;
}

.news-block .link-readmore {
	float:right;
	font-size:12px;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c8c9d6;
	line-height:normal;
	padding:0;
	margin-bottom:12px
}

.news-block .link-readmore:hover {
	border-color:#22285b;
	text-decoration:none;
}

/*
 2.6) Interior-issues 
 ----------------------------------------*/
.issues-block {
	width:100%;
	float:left;
min-height: 700px;
}

.issues-block h4 {
  padding-bottom: 18px;
  padding-top: 12px;
  margin-top: 12px;
  float: left;
  width: 100%;
}

.issues-block ul {
	width:100%;
	float:left
}

.issues-block ul li {
	width:100%;
	float:left;
	padding-bottom:18px
}

.issues-block ul li span {
	background:url(/images/bullet01.png) no-repeat 0 6px;
	padding:0 0 0 12px
}

.issues-block figure {
	width:100%;
	float:left;
	padding-bottom:15px
}

.issues-block figure img {width:100%}

.issues-block aside {
	width:100%;
	float:left;
	padding:0 25px 0 15px
}

.issues-block article {
	width:100%;
	float:left
}

/*
 2.7) Interior-meet 
 ----------------------------------------*/
.meet-block {
	width:100%;
	float:left
}

.meet-block h2 {
}

.meet-block h2 span {
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif
}

.meet-block p {
	font-size:18px;
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif;
	line-height:22px
}

.meet-block ul {
	width:100%;
	float:left;
	font-size:18px;
	font-family:"gothamlightregular", Arial, Helvetica, sans-serif;
	line-height:22px;
}

.meet-block ul li {
	width:100%;
	float:left;
	background:url(/images/bullet01.png) no-repeat 0 8px;
	padding:0 0 0px 12px
}

.meet-block figure {
	width:100%;
	float:left
}

.meet-block figure img {width:100%}

.meet-block aside {
	width:100%;
	float:left;
	background: #f9f8f8;
	background: -moz-linear-gradient(top, #f9f8f8 0%, #f8f7f7 100%, #f9f8f8 100%, #f8f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f8f8), color-stop(100%, #f8f7f7), color-stop(100%, #f9f8f8), color-stop(100%, #f8f7f7));
	background: -webkit-linear-gradient(top, #f9f8f8 0%, #207cca 100%, #f9f8f8 100%, #f8f7f7 100%);
	background: -o-linear-gradient(top, #f9f8f8 0%, #f8f7f7 100%, #f9f8f8 100%, #f8f7f7 100%);
	background: -ms-linear-gradient(top, #f9f8f8 0%, #f8f7f7 100%, #f9f8f8 100%, #f8f7f7 100%);
	background: linear-gradient(to bottom, #f9f8f8 0%, #f8f7f7 100%, #f9f8f8 100%, #f8f7f7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f8', endColorstr='#f8f7f7', GradientType=0 ); /* IE6-9 */
	padding:22px 40px 5px 40px;
	margin-bottom:15px
}

.meet-block aside p {
	font-size:20px;
	font-family:"GothamMediumItalic", Arial, Helvetica, sans-serif;
	line-height:24px
}

.meet-block article {
	width:100%;
	float:left
}

.meet-block .article-in {
	width:100%;
	float:left;
	padding:0 25px 0 15px
}

.meet-block .education {
	width:100%;
	float:left;
	padding:30px 0
}

.meet-block .education p {padding-bottom:0}

/*
 2.8) Interior-Events 
 ----------------------------------------*/
.events-block {
	width:100%;
	float:left;
	padding:20px 15px 20px 15px
}

.events-block h3 {
	padding-bottom:22px;
	text-transform:none
}

.events-block h4 {
	font-size:18px;
	padding-bottom:10px;
	text-transform:none
}

.events-block p {
	font-size:14px;
	font-family:"gothammediumregular", Arial, Helvetica, sans-serif;
	padding-bottom:0
}

.events-block p a {text-decoration:underline}

.events-block p span a {text-decoration:none}

.events-block p span a:hover {text-decoration:underline}

.events-block article {
	width:100%;
	float:left;
	padding-bottom:20px
}

/*
 2.9) Interior-VOLUNTEER
 ----------------------------------------*/
.volunteer-block {
	width:100%;
	float:left;
	padding:25px 0
}

.volunteer-block h3 {text-transform:none}

.volunteer-block h5 {
	font-size:11px;
	color:#a3a7a5;
	text-transform:none;
	padding-bottom:3px
}

.content-box {
	width:87.5%;
	float:left;
	border:2px solid #d2d2d2;
	box-shadow:#c4c3ca 0 3px 0;
	position:relative;
	behavior:url(PIE.htc)
}

.content-box ul {
	width:100%;
	float:left
}

.content-box ul li {
	width:100%;
	float:left;
	padding:0 0 23px 0
}

.content-box aside {float:left}

.content-box aside p {
	font-size:14px;
	color:#7e7e7e;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif
}

.content-box aside p i {
	font-size:22px;
	color:#0b9555;
	padding:0 5px 0 0
}

.content-box .right {
	float:right;
	text-align:right
}

.content-box .right p {
	font-size:13px;
	padding-bottom:0
}

.content-box .right p a {color:#272fed}

.content-box .input {
	width:200px;
	float:left;
	height:30px;
	border:2px solid #e0e0e0;
	font-size:13px;
	padding:0 5px
}

.content-box .form-block2 {
	width:100%;
	float:left;
	padding:15px 35px 30px 35px
}

.content-box .form-block2 p {
	font-size:13px;
	color:#8e8882;
	line-height:normal;
	padding:0
}

.content-box .bottom-box {
	width:100%;
	float:left;
	border-top:1px solid #d2d2d2;
	padding:30px 35px
}

.content-box .btn {
	height:30px;
	float:none;
	display:inline-block;
	background:#4292f9;
	border:none;
	font-size:14px;
	font-family:"gothamboldregular", Arial, Helvetica, sans-serif;
	color:#ffffff;
	border-radius:2px;
	text-align:center;
	line-height:30px;
	padding:0 15px;
	margin-bottom:8px
}

.content-box .btn:hover {background:#1b71eb}

input[type=submit].button { -webkit-appearance: none !important; }

.btn { -webkit-appearance: none !important; }

.left-panel ul li {
  width: 100%;
  float: left;
  background: url(/images/bullet01.png) no-repeat 0 8px;
  padding: 0 0 0px 12px;
}

.left-panel h2{

  font-size: 36px;
  margin-top: 10px;
  float: left;
  width: 100%;

}

.section-3 aside span{word-wrap: break-word;}

.floating{
position:fixed;
top: 85px;
max-width: 373px;
}

.nonfloating{position:static;}