@import url("custom/css/reset.css");
@import url('//fonts.googleapis.com/css?family=Fjalla+One');
@import url('//fonts.googleapis.com/css?family=Roboto:500,400italic,700italic,300,700,500italic,300italic,400');
@import url('//fonts.googleapis.com/css?family=PT+Serif+Caption:400,400italic');
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

/***RESET***/
body, html{
	min-height: 100%; 
	width: 100%;
	font-size:100%;
	padding:0;
	margin:0;}
div, h1, h2, h3, h4, h5, h6, form, p{
	padding:0;
	margin:0;}
img, fieldset {
	border:none;
	margin:0;
	padding:0;}
*:focus{outline:none;}
.clearfix {clear: both;}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;}
/***RESET***/
body, html{
	min-height: 100%; 
	width: 100%;
	font-size:100%;
	padding:0;
	margin:0;}
div, h1, h2, h3, h4, h5, h6, form, p{
	padding:0;
	margin:0;}
img, fieldset, form {
	border:none;
	margin:0;
	padding:0;
	max-width:100%;}
*:focus{outline:none;}
*{ box-sizing:border-box;}
input[type="text"], 
input[type="submit"],
textarea,select{
	-webkit-appearance:none;
	box-shadow:none;}
	
/* SM 3.0 CSS */
.tool_content {font-family:Arial, Helvetica, sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
#sm3_body footer{ background: none !important; padding: 0; border: none !important;}
#sm3_body .page_heading_row h1{ font-family: inherit; text-transform: none;}
#sm3_body .main-section{ border: none !important;}


/***GENERAL***/
.wrapper{max-width:1083px; width:1083px;margin:0 auto;}

a{color:#primary-color-2; text-decoration:none;}
a:hover{color:#primary-color-2; text-decoration:underline;}
body{
	font-size:14px;
	font-size:0.875rem;
	line-height:23px;
	line-height:1.4375rem;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	color:#363636;}
h1{
	font-size:36px;
	font-size:2.25rem;
	line-height:39px;
	line-height:2.4375rem;
	color:#0033a0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;}
h2{
	font-size:30px;
	font-size:1.875rem;
	line-height:33px;
	line-height:2.0625rem;
	color:#0033a0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;}
h3{
	font-size:24px;
	font-size:1.5rem;
	line-height:27px;
	line-height:1.6875rem;
	color:#0033a0;
	font-weight:700;
	font-family: 'Roboto', sans-serif;}
.tool_headline1{
	font-size:24px;
	font-size:1.5rem;
	line-height:27px;
	line-height:1.6875rem;
	color:#ef7622;
	font-weight:700;
	font-family: 'Roboto', sans-serif;}
.tool_headline1 a{font-weight:700;}
h3.toolhead{margin-bottom:0.75rem;}
h4{
	font-size:24px;
	font-size:1.5rem;
	line-height:27px;
	line-height:1.6875rem;
	color:#ef7622;
	font-family: 'PT Serif Caption', serif;
	font-style:italic;
	font-weight:400;}
h5{
	font-size:18px;
	font-size:1.125rem;
	line-height:21px;
	line-height:1.3125rem;
	color:#0033a0;
	font-family: 'Roboto', sans-serif;
	font-weight:700;}
.tool_headline2{
	font-size:18px;
	font-size:1.125rem;
	line-height:21px;
	line-height:1.3125rem;
	color:#0033a0;
	font-family: 'Roboto', sans-serif;
	font-weight:700;}
.tool_headline2 a{font-weight:700;}
h6{
	font-size:18px;
	font-size:1.125rem;
	line-height:21px;
	line-height:1.3125rem;
	color:#ef7622;
	font-family: 'Roboto', sans-serif;
	font-weight:700;}
p{
	padding:0 0 22px 0;
	padding:0 0 1.375rem 0;
	font-size:14px;
	font-size:0.875rem;
	line-height:23px;
	line-height:1.4375rem;
	color:#363636;}




/*****HEADER******/
header{
	float:left;
	width:100%;
	padding:20px 0 0 0;
	padding:1.25rem 0 0 0;
	position:relative;
	z-index:99999;}
header #logo{
	float:left;
	margin:15px 0 0 0;
	margin:0.9375rem 0 0 0;
	position:relative;
	z-index:9999;
	width:25%;} 
header #logo img{
	max-width:100%;
	height:auto;}
header .search_box{float:right;}
header .search_box input[type="text"]{
	float:left;
	background:#e7e6e4;
	font-size:12px;
	font-size:0.75rem;
	line-height:15px;
	line-height:1.5rem;
	color:#6d6d6d;
	padding:5px 6px 5px 6px;
	padding:0.3125rem 0.375rem;
	border:none;
	width:193px;
	width:12.0625rem;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0;}
header .search_box input[type="button"]{
	float:left;
	background:#0072ce;
	font-family: 'Fjalla One', sans-serif;
	padding:0 4px;
	padding:0 0.25rem;
	border:none;
	color:#fff;
	font-size:14px;
	font-size:0.875rem;
	line-height:14px;
	line-height:0.875rem;
	text-transform:uppercase;
	font-weight:500;
	cursor:pointer;
	margin-left:-2px;
	height:25px;
	height:2.125rem;}

.utility-nav{
	float:right;
	margin:0;
	list-style:none;
	padding:0;}
.utility-nav li{
	display:inline-block;
	padding:4px 38px 26px 0;
	padding:0.25rem 2.375rem 1.625rem 0;
	font-family: 'Fjalla One', sans-serif;
	font-size:20px;
	font-size:1.25rem;
	line-height:23px;
	line-height:1.4375rem;
	color:#0072ce;
	position:relative;}
.utility-nav li a{
	text-decoration:none;
	color:#0072ce;}
.utility-nav li a:hover,.utility-nav li.active a{color:#ef7622;}
.utility-nav li ul{
	position:absolute;
	left:0;
	top:48px;
	top:3rem;
	width:195px;
	width:12.1875rem;
	float:none;
	display:none; background:url(custom/images/utility_sub_nav.png) repeat 0 0;
	padding:7px 0 13px 0;
	padding:0.4375rem 0 0.8125rem 0;
	z-index:999}
.utility-nav li ul li{
	display:inline-block;
	font-size:14px;
	font-size:0.875rem;
	line-height:17px;
	line-height:1.0625rem;
	color:#0033a0;
	width:100%;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:400;} 
.utility-nav li ul li a{
	text-decoration:none;
	padding:4px 8px;
	padding:0.25rem 0.5rem;
	width:100%;
	display:inline-block;
	color:#0033a0!important;}
.utility-nav li ul li a:hover,.utility-nav li ul li.active a{
	background:#0072ce;
	color:#fff!important;}
.utility-nav li:hover ul{display:block;}
.utility-nav li:hover a{color:#ef7622;}

.donate-color {color:#00CC33!important;}
.donate-color:hover {color:#0072ce!important;}

/*****FOOTER*****/
footer{
	float:left;
	width:100%;
	background:#0033a0;
	padding:30px 0;
	padding:1.875rem 0;
	position:relative;}
	
.logo_box{
	float:left;
	width:24.9%;}
.logo_box .ft_logo{
	float:left;
	text-decoration:none;
	width:100%;}
.logo_box .ft_logo img{max-width:100%; height:auto; text-align:center;}	
.logo_box p{
	font-size:16px;
	font-size:1rem;
	line-height:24px;
	line-height:1.5rem;
	color:#ef7622;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	width:100%;
	display:inline-block;
	padding:6px 0 12px 19px;
	padding:0.375rem 0 0.75rem 1.1875rem;}

.icon{
	list-style:none;
	margin:0 0 0 13px;
	margin:0 0 0 0.8125rem;
	padding:0;}
.icon li{
	display:inline-block; 
	padding:0 23px 0 0;
	padding:0 1.4375rem 0 0;}
.icon li a{
	text-decoration:none;
	display:inline-block;
	background:url(custom/images/logo_icon.png) no-repeat 0 0;
	height:57px; }
.icon li:last-child{ padding:0;}
.icon li.icon1 a{
	background-position:0 0;
	width:48px;}
.icon li.icon1 a:hover{background-position:0 -57px;}
.icon li.icon2 a{
	background-position:-76px 0;
	width:55px;}
.icon li.icon2 a:hover{background-position:-76px -57px;}
.icon li.icon3 a{
	background-position:-155px 0;
	width:92px;}
.icon li.icon3 a:hover{background-position:-155px -57px;}



.footer_menu{
	float:left;
	width:23.4%;
	margin:0 138px 0 115px;
	margin:0 12.7% 0 10.6%;}

footer h3{
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	padding:0 0 5px 0;
	padding:0 0 0.3125rem 0;
	background:url(custom/images/bdr.jpg) repeat-x left bottom;}

.footer_menu ul{
	list-style:none;
	width:50%;
	float:left;
	margin:0;
	padding:0;}
.footer_menu ul li{
	display:inline-block;
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#fff;
	padding:14px 0 0 0;
	padding:0.875rem 0 0 0;
	width:100%;}
.footer_menu ul li a{
	text-decoration:none;
	color:#fff;}
.footer_menu ul li a:hover,.footer_menu ul li.active a{color:#fae6b7;}
.footer_menu ul.right{
	float:right;
	vertical-align:top;
	width:40%;}
.contact_box{
	float:right;
	width:26.9%;}
.contact_box p{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#b6b6b6;
	padding:6px 0 0 0;
	padding:0.375rem 0 0 0;
	font-size:16px;
	font-size:1rem;
	line-height:24px;
	line-height:1.5rem;}
.contact_box p.credit{
	font-size:10px;
	font-size:0.625rem;
	line-height:12px;
	line-height:0.75rem;
	padding-top:1rem;}

.contact_box p a{
	text-decoration:none;
	color:#b6b6b6;}
.contact_box ul.dir_link{padding-top:5px;padding-top:0.3125rem;}
.contact_box ul.dir_link li{
	display:inline-block;
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	padding:0 13px;
	padding:0 0.8125rem;
	background:url(custom/images/sep.png) no-repeat left 5px;}
.contact_box ul.dir_link li a{
	text-decoration:none;
	color:#ef7622}
.contact_box ul.dir_link li a:hover{
	color:#ffea9b;
	text-decoration:none;}
.contact_box ul.dir_link li:first-child{
	background:none;
	padding-left:0;}

.contact_box ul.social_icon{
	width:100%;
	padding:25px 0 0 0;
	padding:1.5625rem 0 0 0;
	margin:0;}
.contact_box ul.social_icon li{
	display:inline-block;
	padding:0 33px 0 0;
	padding:0 1.0625rem 0 0;}
.contact_box ul.social_icon li a{
	display:inline-block;
    color: #ffffff;
    font-size: 30px;
/*	background:url(custom/images/social_icon.png) no-repeat 0 0;
	height:41px;*/}
/*.contact_box ul.social_icon li.icon1 a{width:42px;}
.contact_box ul.social_icon li.icon1 a:hover{background-position:0 -41px;}
.contact_box ul.social_icon li.icon2 a{width:42px; background-position:-82px 0;}
.contact_box ul.social_icon li.icon2 a:hover{background-position:-82px -41px;}
.contact_box ul.social_icon li.icon3 a{width:57px; background-position:-165px 0;}
.contact_box ul.social_icon li.icon3 a:hover{background-position:-165px -41px;}
.contact_box ul.social_icon li.icon4 a{width:57px; background-position:-245px 0;}
.contact_box ul.social_icon li.icon4 a:hover{background-position:-245px -41px;}*/

/*****INSIDE PAGES*****/
.banner_bg{
	float:left;
	width:100%;
	background:#0072ce;
	position:relative;
	overflow:hidden;}
.banner_bg:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	content:"";
	height:7px;
	background:url(custom/images/top_shadow.png) repeat-x 0 0;
	z-index:9999;}
#banner:after{
	background:url(custom/images/banner_icon.png) no-repeat 0 0;
	width:541px;
	height:502px;
	content:"";
	position:absolute;
	right:-278px;
	top:0;}
#banner{float:left; width:100%; position:relative;}
#banner img{float:left; width:100%;}

#page_heading{
	background:#0072ce;
	padding:40px 15px 40px 40px;
	padding:2.5rem 0.9375rem 2.5rem 2.5rem; 
	display:inline-block;
	font-family: 'PT Serif Caption', serif;
	color:#fff;
	font-style:italic;
	width:87.5%;
	border-radius:0 10px 0 0;
	font-size:50px;
	font-size:3.125rem;
	line-height:53px;
	line-height:3.3125rem;
	z-index:99;}
#banner #page_heading{
	position:absolute;
	left:0;
	bottom:0;
	padding:16px 15px 16px 40px;
	padding:1rem 0.9375rem 1rem 2.5rem;}

.left_column{
	float:left;
	width:16%;}

.inner_sec{
	padding:26px 0 30px 0;
	padding:1.625rem 0 1.875rem;
	background:#ffffff;}

.middle_column{
	width:100%;
	padding: 0;
	float:left;}
.middle_column.with_left{width:82.2%; padding: 0 0 0 1.8%;}
.middle_column.with_both{width:56.4%; padding: 0 1.8%;}
.middle_column.with_right{width:74.2%; padding: 0 1.8% 0 0;}
.left_column{
	width:16%;
	float:left;}
	
.right_column{
	float:right;
	 width:24%;}

.right_column h3{
	font-size:24px;
	font-size:1.5rem;
	line-height:24px;
	line-height:1.5rem;
	color:#fbeec8;
	background:#ef7622;
	font-weight:700;
	width:100%;
	padding:10px 20px 12px 15px;
	padding:0.625rem 8.5% 0.75rem;
	margin-bottom:2px;}
.right_column .right_content h3{
	margin-bottom:1rem;}

.right_content{
	border:1px solid #363636;
	background:#fff;
	font-size:14px;
	font-size:0.875rem;
	line-height:23px;
	line-height:1.4375rem;
	font-family: 'Roboto', sans-serif;
	padding:12px 5% 15px;
	padding:0.75rem 5%; 
	margin:0.125rem 0 3rem;
	width:100%;
	display:inline-block;}
.right_column p{
	font-size:14px;
	font-size:0.875rem;
	line-height:23px;
	line-height:1.4375rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	padding:0 0 8px 0;
	padding:0 0 0.5rem 0;}

.donate_btn{
	display:inline-block;
	width:170px;
	background:url(custom/images/donate_btn.png) no-repeat 0 0;
	text-align:center;
	font-family: 'PT Serif Caption', serif;
	padding:30px 0;
	padding:1.875rem 0;
	font-size:20px;
	font-size:1.25rem;
	line-height:23px;
	line-height:1.4375rem;
	color:#ffea9b;
	font-style:italic;
	text-shadow:3px 3px 4px #333;}
.donate_btn:hover{
	text-decoration:none;
	background:url(custom/images/donate_btn_hover.png) no-repeat 0 0;
	color:#ef7622;}

.one_column{
	float:right;
	width:84%;}

.one_column .middle_when_right_side_bar{padding-right:0;}

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

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

.arrow{
	background:#000 url(custom/images/back_to_top.png) no-repeat center center;
	width:31px;
	height:18px;
	display:block;
	position:absolute;
	right:30px;
	bottom:14px;
	display:none;
	border-radius:10px;
	border:2px solid #fff;
	width:50px;
	height:50px;} 

/*****HOME PAGE*****/
.slider_container{
	float:left;
	width:100%;
	position:relative;}
.slider_container:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	content:"";
	height:7px;
	background:url(custom/images/top_shadow.png) repeat-x 0 0;
	z-index:9999;}
.slider{
	float:left;
	width:100%;
	margin:0;
	list-style:none;}
.slider li{width:100%; float:left;}
.slider li img{width:100%; float:left;}
.slider_container .caption{
	position:absolute;
	left:0;
	bottom:-14px;
	bottom:-0.875rem;
	float:left;
	width:100%;}

.slider_container .caption h5{
	background:#0072ce;
	padding:20px 1.4% 20px;
	padding:1.25rem 1.4%;
	display:inline-block;
	font-family: 'PT Serif Caption', serif;
	color:#fff;
	font-style:italic;
	width:87.5%;
	border-radius:10px 10px 0 0;
	font-size:45px;
	font-size:2.8125rem;
	line-height:57.6px;
	line-height:3.6rem;
	height:5.5rem;
	overflow:hidden;
	letter-spacing:-1px;}

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

.top_sec{
	float:left;
	width:100%;
	background:#0072ce;
	padding:24px 0 32px 0;
	padding:1.5rem 0 2rem;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:300;}
.top_sec .video{
	float:left;
	width:54%;
	margin:8px 20px 0 0;
	margin:0.5rem 2%;}
.top_sec .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;}
.top_sec .video-container iframe,
.top_sec .video-container object,
.top_sec .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top_sec .text{width:42%; float:right;}
.top_sec .text.novideo{width:96%; padding:1rem 2%; float:left;}
.top_sec p,.top_sec h1,.top_sec h2,.top_sec h3,.top_sec h4,.top_sec h5,.top_sec h6{color:#fff;}
.top_sec p{
	font-size:18px;
	font-size:1.125rem;
	line-height:31px;
	line-height:1.9375rem;
	color:#fff;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	width:93%;}
.top_sec .text div{
	font-size:18px;
	font-size:1.125rem;
	line-height:31px;
	line-height:1.9375rem;
	color:#fbe195;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	width:93%;}
.btm_sec{
	float:left;
	width:100%;
	background:url(custom/images/btm_container_bg.jpg) no-repeat center center;
	background: cover;
	position:relative;}
.btm_container{
/*	background:url(custom/images/trans_bg.png) repeat 0 0;*/
	width:100%;
	float:left;
	padding:30px 0;
	padding:1.875rem 0;}

.callout_btn{
	float:left;
	width:100%;
	list-style:none;
	padding:0 0 36px 0;
	padding:0 0 2.25rem 0;}
.callout_btn li{
	display:inline-block;
	margin:0 28px 0 0;
	margin:0 1.7rem 0 0;}
.callout_btn li a{
	text-decoration:none;
	display:inline-block;
	border:6px solid #0072ce;
	border-radius:100px;
	position:relative;
	color:#fff;
	box-shadow:3px 3px 5px #898f84;
	overflow:hidden;}
.callout_btn li a img{
	display:block;
	border-radius:100px;}
.callout_btn li .overlay{
	background:rgba(216, 95, 6, 0.7);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	content:"";
	border-radius:100px;}
.callout_btn li a small{
	font-size:26px;
	font-size:1.625rem;
	line-height:28px;
	line-height:1.75rem;
	font-family: 'Roboto', sans-serif; 
	font-weight:700;
	vertical-align:middle;
	display:table-cell;
	width:176px;
	height:176px;
	text-align:center;
	color:#fff;}
.callout_btn li a:hover .overlay{background:rgba(0, 114, 206, 0.7);}
.callout_btn li:last-child{margin-right:0;}

.common_box{
	background:rgba(255,255,255, 0.9);
	float:left;
	width:49%;
	border:1px solid #555555;
	padding:20px 1.3% 0 0.9%;
	margin:0 17px 0 0;
	margin:0 1.6% 0 0;
	min-height:382px;}

.common_box h3{
	font-size:30px;
	font-size:1.875rem;
	line-height:33px;
	line-height:2.0625rem;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	display:inline-block;
	padding:0 0 14px 0;
	padding:0 0 0.875rem 0;}

.common_box .view_btn{
	text-decoration:none;
	font-size:14px;
	font-size:0.875rem;
	line-height:14px;
	line-height:0.875rem;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	margin:0 0 0 18px;
	margin:0 0 0 1.125rem;
	padding:0 0 0 13px;
	padding:0 0 0 0.8125rem;
	display:inline-block;
	border-left:1px solid;}
.common_box ul{list-style:none;margin:0; padding:0;}
.common_box ul li{
	padding-bottom:3px;
	width:100%;
	display:inline-block;}
.common_box:last-child{ margin-right:0;}



.event{
	background:rgba(255,255,255, 0.5);
	padding:20px 40px 0 13px;
	padding:1.25rem 1.2% 0 1.2%;}
.event h3{color:#c64a48}
.event .view_btn{
	color:#c64a48;
	border-color:#c64a48;
	text-transform:uppercase;}
.event .view_btn:hover{color:#0033a0;}
.event ul li .date{
	float:left;
	width:45px;
	text-align:center;
	font-size:45px;
	font-size:2.8125rem;
	line-height:47px;
	line-height:2.9375rem;
	font-family: 'Fjalla One', sans-serif;
	color:#c64a48;
	font-weight:400;}
.event ul li .date small{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	font-size:0.875rem;
	line-height:17px;
	line-height:1.0625rem;
	color:#c64a48;
	display:block;
	font-weight:700;
	text-transform:uppercase;}
.event ul li .detail{float:right; width:80%;}
.event ul li .detail p{
	font-size:18px;
	font-size:1.125rem;
	line-height:21px;
	line-height:1.3125rem;
	color:#0033a0;
	padding:0 0 6.4px 0;
	padding:0 0 0.4rem 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;}
.event ul li .detail p a{
	color:#c64a48;
	text-decoration:none;
	font-size:14px;
	font-size:0.875rem;
	line-height:17px;
	line-height:1.0625rem;
	display:block;
	width:44px;}
.event ul li .detail p a:hover{text-decoration:underline;}


.fb-feed-home{background:rgba(255,255,255, 0.7);}
.fb-feed-home h3{color:#0033a0}
.fb-feed-home .view_btn{
	color:#0033a0;
	border-color:#0033a0;
	text-transform:uppercase;}
.fb-feed-home .view_btn:hover{color:#ef7622;}
.fb-feed-home .social-post img{
	float:left;
	border:1px solid #31546a;
	margin: 4px 6.25% 0 0;
	width:18.75%;}
.fb-feed-home .social-post {
	width:100%;
	display:inline-block;
	margin-bottom:0.875rem;}
.fb-feed-home .social-post.hasimg h4.post-title, .fb-feed-home .social-post.hasimg p.post-date, .fb-feed-home .social-post.hasimg p.post-detail{
	width:75%;
	float:right;}
.fb-feed-home p{
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#363636;
	padding:0;}
.fb-feed-home p.post-date{
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#363636;}
.fb-feed-home p.post-date a,.fb-feed-home p.post-date a:hover{color:#363636;}
.fb-feed-home h4 a,.fb-feed-home h4 a:hover{color:#0033a0;}

.common_box h4{
	font-size:20px;
	font-size:1.25rem;
	line-height:23px;
	line-height:1.4375rem;
	color:#0033a0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-style:normal;}

.blog{
	background:rgba(898,898,898, 0.7);
	margin-right:0;}
.blog h3{color:#ef7622}
.blog .view_btn{
	color:#ef7622;
	border-color:#ef7622;
	text-transform:uppercase;}
.blog .view_btn:hover{color:#0033a0;}
.blog p{
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#363636;
	padding:0.25rem 0 0.5rem;}
.blog .read_btn{
	font-size:16px;
	font-size:1rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#363636;
	padding:0;}
.blog h4{color:#ef7622;}



/*****MASHUP PAGES*****/
.social_details{
	float:left;
	width:100%;
	padding:9px 10px;
	padding:0.5625rem 0.625rem;
	background:#fcf2d6;}
.cmn_heading{
	float:left;
	width:100%;
	background:#ef7622;
	min-height:45px;
	position:relative}
.cmn_heading img{
	position:absolute;
	left:7px;
	bottom:6px}
.like_btn{
	position:absolute;
	right:5px;
	bottom:4px;
	background:url(custom/images/likt_btn.png) no-repeat 0 0;
	width:52px;
	height:24px}
.like_btn:hover{
	background-position:0 bottom}
.follow_btn{
	position:absolute;
	right:10px;
	bottom:4px;
	background:url(custom/images/follow_btn.png) no-repeat 0 0;
	width:151px;
	height:23px}
.follow_btn:hover{ background-position:0 bottom}
.subs_btn{
	position:absolute;
	right:8px;
	bottom:4px;
	background:url(custom/images/subs_btn.png) no-repeat 0 0;
	width:100px;
	height:24px}
.subs_btn:hover{background-position:0 bottom}

.scroll_sec{
	float:left;
	width:49.33%; }
.cmn_scroll{
	float:left;
	width:47.99%;}
.scroll_content{
	float:left;
	width:100%;
	border:1px solid #555555;
	padding:10px 6px 10px 10px;
	padding:0.625rem 0.375rem 0.625rem 0.625rem;
	min-height:615px;}
.scroll_content .details{
	float:left;
	width:100%;
	overflow:auto;
	height:588px}
.cmn_scroll .social-feed{
	float:left;
	width:100%;
	padding:0 16px 0 0;
	padding:0 1rem 0 0;
	margin:0}
.cmn_scroll .social-feed .social-post{
	width:100%;
	display:inline-block;
	padding:0 0 1rem 0}
.cmn_scroll .social-feed .social-post p.post-date a{
	display: block;
	font-size:14px;
	font-size:0.875rem;
	line-height:16px;
	line-height:1rem;
	color: #0033a0;
	font-weight: 700;
	padding-bottom: 3px;
	font-family: 'Roboto', sans-serif;}
.cmn_scroll .social-feed .social-post img{
	float:left;
	max-width:28%;
	margin: 4px 4% 0 0;}
.cmn_scroll .social-feed .social-post p{
	font-size:14px;
	font-size:0.875rem;
	line-height:21px;
	line-height:1.3125rem;
	padding:0;}
.cmn_scroll .social-feed .social-post p.post-handle{font-weight:bold; float:left;}
.cmn_scroll .social-feed .social-post p a,.cmn_scroll .social-feed .social-post p a:hover{color:#0033a0;}
.cmn_scroll .social-feed .social-post  h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #0033A0;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
}

.cmn_scroll+.cmn_scroll{ float:right}

.cmn_rightbox{ float:right; width:49.05%}
.cmn_rightbox .cmn_heading img{ left:17px}

.video_sec{ float:left; width:100%;}
.video_sec .video{
	float:left;
	width:100%;
	margin:0;}
.video_sec .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;}
.video_sec .video-container iframe,
.video_sec .video-container object,
.video_sec .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gallery_slider{
	float:left;
	width:100%;
	margin-top:16px;
	margin-top:1rem;
	position:relative}
.gallery{
	float:left;
	width:100%;}
.gallery img{ display:block}
.gallery_slider h3{
	background:#ef7622;
	font-size:16px;
	font-size:1rem;
	line-height:18px;
	line-height:1.125rem;
	padding:6px 10px 3px;
	padding:0.375rem 2% 0.1875rem;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	min-height:31px;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	width:100%}
.gallery_slide{ float:left; width:100%;}

.pager_details{
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,38,114,0.7);
	width:100%;
	height:31px;
	z-index:9999;
	text-align:center;}
.pager{
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:11px 0 0 0;
	margin:0.6875rem 0 0 0;
	list-style:none}
.pager li{
	display:inline-block;
	vertical-align:top;
	padding:0 11px;
	padding:0 0.6875rem;
	margin:0}
.pager li a{
	display:block;
	width:10px;
	height:10px;
	background:#fff;
	border-radius:50px}
.pager li a:hover , .pager li.active a{ background:#ef7622}
.pager_details .prv_btn{
	position:absolute;
	left:5px;
	top:7px;
	background:url(custom/images/prv_btn.png) no-repeat 0 0;
	width:17px;
	height:17px;
	z-index:99}
.pager_details .next_btn{
	position:absolute;
	right:5px;
	bottom:7px;
	background:url(custom/images/next_btn.png) no-repeat 0 0;
	width:17px;
	height:17px;
	z-index:99}


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

	.wrapper{
		width:758px;
		width:47.375rem;
		padding:0 5px;
		padding:0 0.3125rem;
		margin:0 auto;}

	header #logo{
		width: 20%;
		margin: 16px 0;
		margin: 1rem 0;}
	.utility-nav{
		width:50%;
		text-align:right;}
    .utility-nav li{
		font-size:14px;
		font-size:0.875rem;
		padding:3px 29px 24px 0;
		padding:0.1875rem 4.5% 1.5rem 0;}
	.utility-nav li ul{
		top:30px;
		top:1.875rem;
		padding:7px 0;
		padding:0.4375rem 0;
		text-align:left;}

	header .search_box input[type="text"]{width:70%;}
	header .search_box input[type="button"]{
		font-size:13px;
		font-size:0.8125rem;
		padding:4px 4px;
		padding:0.25rem;}

	.slider_container .caption h5{
		font-size:22px;
		font-size:1.375rem;
		line-height:25px;
		line-height:1.5625rem;
		padding:10px 1.4%;
		padding:0.625rem 1.4%;
		height:2.625rem;
		letter-spacing:0;}

	.slider_container{
		margin:-11px 0 0 0;
		margin:-0.6875 0 0 0;}

	.top_sec{
		padding:24px 0;
		padding:1.5rem 0;}
	.top_sec .video{
		width:47%;}
	.top_sec .text{width:48%;}
	.top_sec .text p,.top_sec .text div{
		font-size:14px;
		font-size:0.875rem;
		line-height:22px;
		line-height:1.375rem;}
		
	.callout_btn{text-align:center;}
	.callout_btn li{
		margin:0 8px 0 0;
		margin:0 0.5rem 0 0;
		width:137px;
		width:8.5625rem;}
	.callout_btn li a small{width:130px; height:125px; font-size:20px;}
	.callout_btn li a img{width:100%;}
	.callout_btn{
		padding:0 0 24px;
		padding:0 0 1.5rem;
		text-align:center;}
	
	.btm_container{
		padding:24px 0;
		padding:1.5rem 0;}

	.common_box h3{
		font-size:20px;
		font-size:1.25rem;
		line-height:26px;
		line-height:1.625rem;}
	.common_box .view_btn{
		font-size:11px;
		font-size:0.6875rem;
		line-height:13px;
		line-height:0.8125rem;
		margin:0 0 0 14px;
		margin:0 0 0 0.875rem;}

	.event ul li .detail{width:75%;}
	.event ul li .detail p{
		font-size:16px;
		font-size:1rem;
		line-height:19px;
		line-height:1.1875rem;}
	.common_box h4{
		font-size:16px;
		font-size:1rem;
		line-height:19px;
		line-height:1.1875rem;}
	.fb-feed-home p.post-date,.fb-feed-home p,.blog p, .blog a.read_btn{
		font-size:14px;
		font-size:0.875rem;
		line-height:17px;
		line-height:1.0625rem;}

	.logo_box {width: 36%;}
	.footer_menu {
		width: 26%;
		margin: 0 1%;}
	.contact_box{width:35%;}

	#banner::after{background-size:100%; height:370px; right:-5px}
	.banner_bg{margin:-11px 0 0 0;}
	#page_heading{font-size:34px; line-height:38px; padding:10px 15px 13px 10px;}
	#banner #page_heading{padding:7px 15px 8px 14px;}
	.scroll_content .details{ height:405px}
	.scroll_content{ min-height:0}
	.scroll_sec{width:100%;}
	.cmn_rightbox{margin-top:1rem; width:100%;}
	.gallery img{width:100%;}
	.social_details{padding:0;}
	
	.contact_box ul.social_icon li {padding: 0 0.25rem 0 0;}
@media only screen  and (max-width:939px) {
	.middle_column.with_left{width:100%; padding: 0;}
	.middle_column.with_both,.middle_column.with_right{width:63.2%; padding: 0 1.8% 0 0;}
	.left_column{
		width:100%;
		float:left;
		display:none;}
	.apnd{display:inline-block;}
	.right_column{
		 width:35%;}
}
@media only screen and (min-width: 769px) { 

	#mainnav,#topnav{ display:block!important}

}

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

	.wrapper{
		width:460px;
		width:28.75rem;
		margin:0 auto;
		padding:0 10px;
		padding:0 0.625rem;}

	header #logo{
		width:75%;
		margin:0 0 1rem 0;}
	
	header .search_box{
		width:100%;
		margin:0 auto 1rem;}
	header .search_box input[type="text"]{ width:80%;}
	header .search_box input[type="button"]{
		font-size:11px;
		font-size:0.6875rem;
		width:20%;
		padding:0.25rem 2%;}


	.utility-nav{
		text-align:center;
		position:relative;
		width:100%;
		margin-bottom: 25px;}
	.utility-nav li{
		width:25%;
		margin:0;
		padding:0;}
	.utility-nav li.quicklinks{
		width:100%;
		margin:0 0 0.8em;
		padding:0.5rem 0;
		border: 1px solid #0072CE;
		height:2.5rem;}
	.utility-nav .expand_icon{
		width:2.5rem;
		height: 2.5rem;
		top:0.6rem;
		right:0;}
	.utility-nav li:last-child{
		width:35%;}
	.utility-nav li ul{width:100%; text-align:center;}
	.utility-nav li ul li a{
		padding:0.5rem 2%;
		width:100%;}
	.utility-nav li ul li:last-child{width:100%;}

	.slider_container .caption h5{
		font-size:12px;
		font-size:0.75rem;
		line-height:15px;
		line-height:0.9375rem;
		padding:10px 16px;
		padding:0.625rem 1rem;
		width:auto;
		max-width:100%;}

	.top_sec .video{width:98%;}
	.top_sec .text{width:100%;}

	.top_sec .text p,.top_sec .text div{
		font-size:14px;
		font-size:0.875rem;
		line-height:22px;
		line-height:1.375rem;
		padding:10px 0 0 0;
		padding:0.625rem 0 0 0;
		display:inline-block;
		width:100%;}

	.callout_btn{
		text-align:center;
		padding:0 0 16px 0;
		padding:0 0 1rem 0}
	.callout_btn li:nth-child(3){
		float: none;
		display: block;
		margin: 0 auto;}
	.callout_btn li{
		width:120px;
		margin:0 10px 10px 0;
		margin:0 0.625rem 0.625rem 0;}
	.callout_btn li a img{width:100%;}
	.callout_btn li a small{
		height:108px;
		width:108px;
		font-size:16px;
		font-size:1rem;}
	.common_box{
		width:100%; 
		padding:10px 2%;
		padding:0.625 2%;
		min-height:0;
		margin-bottom:16px;
		margin-bottom:1rem;}

	.btm_sec{ background-size:cover;}
	
	
	.logo_box,.footer_menu,.contact_box{
		width:100%;
		padding:0;
		margin:0 0 1rem 0;
		text-align:center;}
	.arrow{ display:block;}
	
	.cmn_scroll{ width:100%; margin-bottom:1rem}
	.scroll_content .details{ height:300px}
	.scroll_content{ min-height:0}
	.pager li{ padding:0 5px}
	
	.middle_column.with_both,.middle_column.with_right{width:100%; padding: 0;}
	.right_column{width:100%;}
	#banner::after {
    background-size: auto 100%;
    height: 207px;
    right: 0;
	width:50%;
	left:auto;
	}

}
@media only screen and (max-width:480px) {
	.wrapper{
		width:92%;
		margin:0 auto;
		margin: 0 4%;
		padding:0 10px;
		padding:0 0.625rem;}
	#banner #page_heading {
		position:relative;
		bottom:auto;
		left:auto;
		font-size:1.5rem;
		line-height:normal;
		background:none;}
	#banner::after {
    background-size: auto 100%;
    height: 247px;
    right: -15%;
	width:50%;
	left:auto;
	}