/*
 Table Of Contents 
 1.) Default Styles

 2.)  Home page
 2.1) Header
 2.2) Content Main
 2.2.1) Form Block
 2.2.2) Social Links
 2.2.3) Section 1
 2.2.4) Action Boxes
 2.2.5) Section 2
 2.2.6) Social Slider
 2.2.7) Bottom Info
 2.4) Footer
 
 3.) Interior Page
 3.1) Banner Inner
 3.2) Content Inner
 
 4.) Issues Page
 
 5.) Blog Page

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

/*
 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;
}

/* 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:"FuturaStdBook", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:34px;
	color:#373737; 
	background:#2a4491;
}

@media only screen and (max-width: 767px) {
body {
	font-size:15px;
	line-height:30px;
}
}


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

a {
	color:#373737;
	outline:0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor:pointer;
	text-decoration:underline;
}

a:hover {
	color:#ff545a;
	text-decoration:underline;
	outline:0;
	-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 {
	outline:0;
	text-decoration:none;
}


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

h1, h2, h3, h4, h5, h6 {
	font-family:"FuturaStdBold", Arial, Helvetica, sans-serif;
	line-height:1.1em; 
	color:#373737; 
	padding:0 0 10px 0; 
	font-weight:normal; 
}

h1 {
	font-family:"gotham_lightregular", Arial, Helvetica, sans-serif;
	font-size:130px;
	color:#FFFFFF;
	line-height:130px;
}

h2 {font-size:26px;}

h3 {font-size:24px;}

h4 {font-size:22px;}

h5 {font-size:20px;}

h6 {font-size:18px;}

p {
	padding:0 0 33px 0;
}

p:last-child {padding:0;}

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

strong, b {
	font-weight:normal;
	font-family:"FuturaStdBold", Arial, Helvetica, sans-serif;
}

.bold {
	font-family:"FuturaStdBold", Arial, Helvetica, sans-serif;
}

.upper {text-transform:uppercase}

.highlight {color:#ff545a;}

@media only screen and (max-width: 1399px) {
h1 {
	font-size:100px;
	line-height:100px;
}
}

@media only screen and (max-width: 1139px) {
h1 {
	font-size:90px;
	line-height:90px;
}
}

@media only screen and (max-width: 1023px) {
h1 {
	font-size:70px;
	line-height:70px;
}
}

@media only screen and (max-width: 767px) {
h1 {
	font-size:40px;
	line-height:40px;
}

h2 {font-size:24px;}

h3 {font-size:22px;}

h4 {font-size:20px;}

h5 {font-size:18px;}

h6 {font-size:16px;}
}


/* #Order and Unorder Styles
================================================= */

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


/* #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 {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, .textarea {
	width:100%;
	height:50px;
	float:left;
	font-family:"gotham_lightregular", Arial, Helvetica, sans-serif;
	font-size:18px; 
	color:#00526e;
	line-height:20px;
	background:#ffffff; 
	border:none;
	border-bottom:4px solid #f1f0f0; 
	position:relative; 
	padding:13px 15px;
}

.btn {
	position: relative;
	display:inline-block;
	height: 50px;
	font-family:"FuturaStdHeavy", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	line-height:50px;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background:#009ad3;
	border:none;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
	transition: 0.08s ease-in;
	-o-transition: 0.08s ease-in;
	-ms-transition: 0.08s ease-in;
	-moz-transition: 0.08s ease-in;
	-webkit-transition: 0.08s ease-in;
	padding:0 25px;
}

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

.btn:before {
	content: "";
	width:100%;
	height:100%;
	background:#00b2f3;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 46px;
	z-index: -1;
	-webkit-transition: top 0.09s ease-in;
}

.btn:hover:before {
	top: 0;
}

.btn-secondary {
	position: relative;
	display:inline-block;
	height: 65px;
	font-family:"FuturaStdBold", Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #ffffff;
	line-height:66px;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background:#ff545a;
	border:none;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
	padding:0 25px;
}

.btn-secondary:hover {
	color:#FFFFFF;
	text-decoration:none;
	box-shadow:inset #6d3d3f 0 0 10px;
}

.btn-donate {
	position: relative;
	display:inline-block;
	height: 55px;
	font-family:"FuturaStdHeavy", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height:55px;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background:#ff545a;
	border:none;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
	padding:0 25px;
}

.btn-donate:hover {
	color:#FFFFFF;
	text-decoration:none;
	box-shadow:inset #6d3d3f 0 0 10px;
}

.btn-donate .s {display:none;}

@media only screen and (max-width: 1589px) {
.btn-secondary {
	height: 50px;
	font-size: 20px;
	line-height:51px;
}
}

@media only screen and (max-width: 1499px) {
.btn-secondary {
	height: 50px;
	font-size: 18px;
	line-height:51px;
}
}

@media only screen and (max-width: 767px) {
.input, .textarea {
	height:45px;
	font-size:16px;
	line-height:20px;
	border-bottom:3px solid #f1f0f0; 
	padding:10px 15px;
}

.btn {
	height: 45px;
	font-size:16px;
	line-height:45px;
}

.btn:before {
	top: 42px;
}

.btn-secondary {
	height: 45px;
	font-size: 16px;
	line-height:46px;
}

.btn-donate {
	height: 45px;
	line-height:45px;
}

.btn-donate .s {display:block;}

.btn-donate .h {display:none;}
}

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

.show_mobile {display:none;}

.hide_mobile {display:block;}

.show_both {display:none;}

.hide_both {display:block;}


@media only screen and (max-width: 979px) {
.show_both {display:block;}

.hide_both {display:none;}
}

@media only screen and (max-width: 767px) {
.show_mobile {display:block}
.hide_mobile {display:none}
}


/*= 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;
	overflow:hidden;
}

.flexslider .slides > li {
	width:100%;
	float:left;
	display:block;
}

.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 {
	width:100%;
	float:left;
}

.flex-direction-nav a {
	width:70px;
	height:100%;
	float:left;
	display:block;
	text-indent:-99999px;
	background:#25408f;
	position:absolute;
	top:0;
}

.flex-direction-nav .flex-prev {
	background-image:url(../images/arrow-previous.png);
	background-position:center;
	background-repeat:no-repeat;
	left:0;
}

.flex-direction-nav .flex-next {
	background-image:url(../images/arrow-next.png);
	background-position:center;
	background-repeat:no-repeat;
	right:0;
}

.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;
	margin:0;
}

.flex-control-nav li {
	display:inline-block;
	vertical-align:top;
	margin:6px 6px 0 6px;
}

.flex-control-nav li a {
	width:19px;
	height:19px;
	float:left;
	background:#e0e0e0;
	border-radius:30px;
	text-indent:-99999px;
}

.flex-control-nav li .flex-active {background:#b5b3b3;}

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

@media only screen and (max-width: 1023px) {
.flex-direction-nav a {width:50px;}

.flex-direction-nav .flex-prev {
	background-size:18px auto;
}

.flex-direction-nav .flex-next {
	background-size:18px auto;
}
}

@media only screen and (max-width: 767px) {
.flex-direction-nav a {width:35px;}

.flex-direction-nav .flex-prev {
	background-size:15px auto;
}

.flex-direction-nav .flex-next {
	background-size:15px auto;
}

.flex-control-nav li a {
	width:14px;
	height:14px;
}
}


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

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

.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;
}

@media only screen and (max-width: 767px) {
.container {
	max-width:100%;
	padding:0 4%;
}
}

/*
 2.1) Header-main
 ----------------------------------------*/

.row-offcanvas {
	width:100%;
	float:left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.row-offcanvas-inner {
	width:100%;
	float:left;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
}

@media only screen and (max-width: 1139px) {
.row-offcanvas {
	width:100%;
	float:left;
	position:relative;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	transition: all .25s ease-out;
	overflow:hidden;
}

.row-offcanvas-right {
	right: 0;
}

.row-offcanvas-right .sidebar-offcanvas {right:-250px;}

.row-offcanvas-right.active .sidebar-offcanvas {right:0;}

.row-offcanvas-right.active {
	right: 0;
}

.row-offcanvas.active .row-offcanvas-inner {
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
	margin-left:-250px;
}

.sidebar-offcanvas {
	position:absolute;
	top:0;
	width:250px;
	height:100%;
	float:left;
	background:#112257;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
	z-index:100;
	overflow:auto;
}
}

.header-main {
	width:100%;
	float:left;
	background:#294390;
}

.header-main .logo {
	height:71px;
	float:left;
	line-height:68px;
	margin:0;
}

.header-main .logo h1 {
	display:inline-block;
	vertical-align:middle;
	font-family:"FuturaStdBold", Arial, Helvetica, sans-serif;
	font-size:37px;
	color:#FFFFFF;
	line-height:37px;
	padding:0 10px 0 0;
}

.header-main .logo .caption {
	display:inline-block;
	vertical-align:middle;
	font-family:"MinionProBold", Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFFFFF;
	line-height:25px;
	text-transform:uppercase;
	padding:8px 0 0 0;
}

.header-main .sidebar-offcanvas {float:right;}

.header-main nav {
	float:right;
	margin:27px 0 0 -200px;
}

.header-main nav ul {float:right;}

.header-main nav ul li {
	float:left;
	font-family:"FuturaStdHeavy", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	text-transform:uppercase;
	background:url(../images/divider-01.png) no-repeat left center;
	padding:0 40px;
}

.header-main nav ul li:first-child {
	background:none;
	padding-left:0;
}

.header-main nav ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

.header-main nav ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.header-main nav ul li a.active {
	color:#FFFFFF;
	text-decoration:underline;
}

.header-main .btn-donate {
	width:190px;
	float:right;
	padding:0;
	margin:8px 0 0 0;
}

.header-main .menu-btn {
	width:55px;
	height:55px;
	display:none;
	float:right;
	font-size:24px;
	color:#ffffff;
	line-height:55px;
	text-align:center;
	text-decoration:none;
	background:#ff545a;
	padding:0;
	margin:8px 0 0 15px;
}

.header-main .menu-btn .fa-close {display:none;}

.row-offcanvas-right.active .menu-btn .fa-bars {display:none;}

.row-offcanvas-right.active .menu-btn .fa-close {display:inline-block;}


@media only screen and (max-width: 1499px) {
.header-main .logo {line-height:62px;}

.header-main .logo h1 {
	font-size:30px;
	line-height:30px;
}

.header-main .logo .caption {
	font-size:20px;
	line-height:20px;
	padding:6px 0 0 0;
}

.header-main nav ul li {
	padding:0 30px;
}

.header-main .btn-donate {width:150px;}
}


@media only screen and (max-width: 1279px) {
.header-main .logo h1 {
	font-size:27px;
	line-height:27px;
}

.header-main .logo .caption {
	font-size:17px;
	line-height:17px;
}

.header-main nav ul li {
	padding:0 25px;
}

.header-main .btn-donate {width:130px;}
}

@media only screen and (max-width: 1139px) {
.header-main .logo {line-height:65px;}

.header-main .logo h1 {
	font-size:30px;
	line-height:30px;
}

.header-main .logo .caption {
	font-size:20px;
	line-height:20px;
	padding-top:8px;
}

.header-main nav {
	width:100%;
	float:left;
	margin:20px 0 0 0;
}

.header-main nav ul {
	width:100%;
	float:left;
}

.header-main nav ul li {
	width:100%;
	float:left;
	background:none;
	padding:10px 25px;
}

.header-main nav ul li:first-child {
	padding:10px 25px;
}

.header-main nav ul li a {
	width:100%;
	float:left;
}

.header-main .btn-donate {width:150px;}

.header-main .menu-btn {display:block;}
}


@media only screen and (max-width: 767px) {
.header-main .logo {line-height:60px;}

.header-main .logo h1 {
	font-size:28px;
	line-height:28px;
}

.header-main .logo .caption {
	font-size:17px;
	line-height:17px;
	padding-top:7px;
}

.header-main .btn-donate {
	width:40px;
	height:40px;
	font-size:18px;
	line-height:40px;
	margin:15px 0 0 0;
}

.header-main .menu-btn {
	width:40px;
	height:40px;
	font-size:22px;
	line-height:40px;
	margin:15px 0 0 15px;
}
}

@media only screen and (max-width: 639px) {
.header-main .logo {
	width:136px;
	height:auto;
	line-height:1em;
	margin:10px 0;
}

.header-main .logo h1 {
	width:100%;
	font-size:25px;
	line-height:28px;
}

.header-main .logo .caption {
	float:right;
	font-size:15px;
	line-height:15px;
	padding-top:4px;
}

.header-main .btn-donate {
	margin:28px 0 0 0;
}

.header-main .menu-btn {
	margin:28px 0 0 15px;
}
}


/*
 2.2) Content - Main
 ----------------------------------------*/

.content-main {
	width:100%;
	min-height:1500px;
	float:left;
	background:#e0e0e0 url(../images/shadow-01.png) repeat-x top left;
	padding:18px 0 28px 0;
}


/*
 2.2.1) Form Block
 ----------------------------------------*/

.form-block {
	width:100%;
	max-width:340px;
	margin:0 auto;
}

.form-block .input-bg {
	width:100%;
	float:left;
	position:relative;
	padding-right:140px;
}

.form-block .input-bg .zip {
	width:130px;
	position:absolute;
	top:0;
	right:0;
}

.form-block .input {margin-bottom:12px;}

.form-block .btn {
	width:100%;
	padding:0;
}

@media only screen and (max-width: 419px) {
.form-block .input-bg {padding-right:0;}

.form-block .input-bg .zip {
	width:100%;
	position:static;
}
}

/*
 2.2.2) Social Block
 ----------------------------------------*/

.social-block {
	width:100%;
	float:left;
	text-align:center;
}

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

.social-block li {
	width:55px;
	height:55px;
	display:inline-block;
	list-style:none;
	margin:0 4px;
	padding:0;
}

.social-block li a {
	width:55px;
	height:55px;
	float:left;
	font-size:24px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:56px;
	background:#000000;
}

.social-block li:hover a {
	height:47px;
	line-height:48px;
}

.social-block li.facebook {background:#13306b;}

.social-block li.facebook a {background:#3a5897;}

.social-block li.twitter {background:#07a9dd;}

.social-block li.twitter a {background:#49c9f2;}

.social-block li.youtube {background:#98150f;}

.social-block li.youtube a {background:#ce332c;}

@media only screen and (max-width: 767px) {
.social-block li {
	width:45px;
	height:45px;
}

.social-block li a {
	width:45px;
	height:45px;
	font-size:20px;
	line-height:46px;
}

.social-block li:hover a {
	height:40px;
	line-height:41px;
}
}

.social-block.sml li {
	width:28px;
	height:28px;
	margin:0 4px;
}

.social-block.sml li a {
	width:28px;
	height:28px;
	font-size:18px;
	line-height:30px;
}

.social-block.sml li:hover a {
	height:25px;
	line-height:25px;
}


/*
 2.2.3) Section - 1
 ----------------------------------------*/

.section-1 {
	width:100%;
	float:left;
	margin:0 0 18px 0;
}

.section-1 .banner-main {
	width:61.71%;
	float:left;
	padding:0 9px 0 0;
}

.section-1 .banner-main img {width:100%;}

.section-1 .col-box {
	width:38.29%;
	float:right;
	padding:0 0 0 9px;
}

.section-1 .col-box figure {
	width:100%;
	float:left;
	text-align:center;
	overflow:hidden;
}

.section-1 .col-box figure img {width:100%;}

.section-1 .col-box .box-in {
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
}

.section-1 .col-box .cont {
	width:100%;
	height:100%;
	float:left;
	text-align:center;
	background:rgba(0, 0, 0, .3);
	position:absolute;
	top:0;
	left:0;
	padding:0 6%;
}

.section-1 .col-box .logo-cont {
	width:100%;
	float:left;
	padding:0 0 27px 0;
}

.section-1 .col-box .social-block {
	margin:13px 0 -15px 0;
}

@media only screen and (max-width: 1279px) {
.section-1 .col-box .logo-cont img {max-width:200px;}
}

@media only screen and (max-width: 979px) {
.section-1 .banner-main {
	width:100%;
	padding:0 0 18px 0;
}

.section-1 .col-box {
	width:100%;
	padding:0;
}
}

@media only screen and (max-width: 419px) {
.section-1 .col-box figure img {
	width:100%;
	min-width:500px;
	margin:0 -250px;
}
}


/*
 2.2.4) Action Boxes
 ----------------------------------------*/
 
.action-boxes {
	width:100%;
	float:left;
	margin:0 0 18px 0;
}

.action-boxes ul {
	width:100%;
	float:left;
}

.action-boxes ul li {
	width:33.33%;
	float:left;
	padding:0 9px;
}

.action-boxes ul li:first-child {padding-left:0;}

.action-boxes ul li:last-child {padding-right:0;}

.action-boxes ul li a {
	width:100%;
	height:160px;
	float:left;
	font-family:"FuturaStdBook", Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#ffffff;
	line-height:1.1em;
	letter-spacing:3px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#25408f;
}

.action-boxes ul li span {
	width:100%;
	float:left;
}

.action-boxes ul li .icon-bg {
	width:100%;
	height:62px;
	float:left;
	font-family:"FuturaStdExtraBold", Arial, Helvetica, sans-serif;
	font-size:43px;
	line-height:1em;
	margin-top:37px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.action-boxes ul li .txt {padding-top:5px;}

.action-boxes ul li a:hover .icon-bg {
	margin-top:27px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.action-boxes ul li.red-bg a {background:#ff545a;}

@media only screen and (max-width: 979px) {
.action-boxes ul li a {
	height:120px;
	letter-spacing:2px;
}

.action-boxes ul li .icon-bg {margin-top:16px;}

.action-boxes ul li a:hover .icon-bg {margin-top:10px;}
}

@media only screen and (max-width: 767px) {
.action-boxes ul li {width:50%;}

.action-boxes ul li:nth-child(2) {padding-right:0;}

.action-boxes ul li a {
	height:120px;
	letter-spacing:2px;
}

.action-boxes ul li .icon-bg {margin-top:16px;}

.action-boxes ul li a:hover .icon-bg {margin-top:7px;}

.action-boxes ul li.red-bg {
	width:100%;
	padding:18px 0 0 0;
}
}

@media only screen and (max-width: 639px) {
.action-boxes ul li {
	width:100%;
	padding:0 0 18px 0;
}

.action-boxes ul li.red-bg {
	width:100%;
	padding:0;
}
}

/*
 2.2.5) Section - 2
 ----------------------------------------*/

.section-2 {
	width:100%;
	float:left;
	background:#FFFFFF;
	position:relative;
	margin:0 0 18px 0;
}

.section-2 .slider-cont {
	width:50%;
	min-height:440px;
	float:left;
	background:#FFFFFF;
	position:relative;
	padding:45px 25px 15px 25px;
}

.section-2 .slider-cont aside {
	width:100%;
	float:left;
	text-align:center;
}

.section-2 .slider-cont aside h2 {
	font-family:"FuturaStdBook", Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#1a3c57;
	line-height:38px;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:0 0 25px 0;
}

.section-2 .slider-cont aside h2 strong {
	font-family:"FuturaStdHeavy", Arial, Helvetica, sans-serif;
}

.section-2 .slider-cont aside p {
	font-family:"FuturaStdLight", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1a3c57;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 0 25px 0;
}

.section-2 .slider-cont aside .btn-secondary {
	width:265px;
	padding:0;
	margin-bottom:13px;
}

.section-2 .banner-in {
	width:50%;
	float:left;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}

.section-2 .banner-in img {
	max-height:none;
	max-width:none;
	width:100%;
	min-width:818px;
	min-height:440px;
}

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

@media only screen and (max-width: 1589px) {
.section-2 .slider-cont aside h2 {
	font-size:28px;
	line-height:30px;
}

.section-2 .slider-cont aside p {
	font-size:16px;
	line-height:32px;
}

.section-2 .slider-cont aside .btn-secondary {width:200px;}
}

@media only screen and (max-width: 1139px) {
.section-2 .slider-cont {
	width:100%;
	min-height:inherit;
	padding:40px 7%;
}

.section-2 .slider-cont aside h2 {
	font-size:30px;
	line-height:32px;
}

.section-2 .banner-in {
	width:100%;
	height:auto;
	position:static;
}

.section-2 .banner-in img {
	min-height:inherit;
	min-width:inherit;
	height:auto;
	width:100%;
	max-height:100%;
}
}

@media only screen and (max-width: 767px) {
.section-2 .slider-cont aside h2 {
	font-size:24px;
	line-height:28px;
}

.section-2 .slider-cont aside p {
	font-size:15px;
	line-height:28px;
}
}


/*
 2.2.6) Social - Slider
 ----------------------------------------*/

.social-slider {
	width:100%;
	float:left;
	text-align:center;
	background:#FFFFFF;
	position:relative;
	padding:25px 70px;
	margin:0 0 18px 0;
}

.social-slider .heading-txt {
	width:100%;
	float:left;
	padding:0 8% 30px 8%;
}

.social-slider .heading-txt h2 {
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:47px;
	color:#192c3a;
	line-height:47px;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:0;
}

.social-slider .heading-txt p {
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#192c3a;
	line-height:31px;
	letter-spacing:2px;
	padding:0;
}

@media only screen and (max-width: 1139px) {
.social-slider .heading-txt h2 {
	font-size:40px;
	line-height:42px;
}

.social-slider .heading-txt p {
	font-size:26px;
	line-height:26px;
}
}

@media only screen and (max-width: 1023px) {
.social-slider {
	padding:70px 50px;
}

.social-slider .heading-txt h2 {
	font-size:36px;
	line-height:38px;
}

.social-slider .heading-txt p {
	font-size:23px;
	line-height:23px;
}
}

@media only screen and (max-width: 767px) {
.social-slider {
	padding:50px 30px;
}

.social-slider .heading-txt h2 {
	font-size:28px;
	line-height:30px;
}

.social-slider .heading-txt p {
	font-size:18px;
	line-height:20px;
}
}

.social-slider .slider-cont {
	width:100%;
	float:left;
	padding:0 6%;
}

.social-slider .slider-cont aside {
	width:100%;
	max-width:700px;
	margin:0 auto;
}

.social-slider .slider-cont aside p {
	font-family:"FuturaStdBook", Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#192c3a;
	line-height:36px;
	letter-spacing:1px;
	padding:0;
}

.social-slider .slider-cont aside p a {
	color:#192c3a;
	text-decoration:none;
}

.social-slider .slider-cont aside p a:hover {
	color:#ff545a;
	text-decoration:underline;
}

.social-slider .slider-cont aside .date {
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#192c3a;
	line-height:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 0 10px 0;
}

.social-slider .slider-cont aside .date a {
	color:#192c3a;
	text-decoration:none;
}

.social-slider .slider-cont aside .date a:hover {
	color:#ff545a;
	text-decoration:underline;
}

.social-slider .slider-cont aside figure {
	width:100%;
	float:left;
	overflow:hidden;
	margin:0 0 15px 0;
}

.social-slider .slider-cont aside figure img {
	width:109px;
	height:109px;
	border-radius:200px;
	border:1px solid #ddd;
	padding:3px;
}

.social-slider .flex-control-nav {display:none;}

@media only screen and (max-width: 1139px) {
.social-slider .slider-cont aside p {font-size:22px;}
}

@media only screen and (max-width: 1023px) {
.social-slider .slider-cont aside p {
	font-size:20px;
	line-height:34px;
}

.social-slider .slider-cont aside .date {
	font-size:13px;
	line-height:14px;
}
}

@media only screen and (max-width: 767px) {
.social-slider .slider-cont aside p {
	font-size:16px;
	line-height:28px;
}

.social-slider .slider-cont aside .date {
	font-size:12px;
	line-height:14px;
}
}

@media only screen and (max-width: 439px) {
.social-slider .slider-cont aside p a.mail {font-size:12px;}
}

@media only screen and (max-width: 359px) {
.social-slider .slider-cont aside p a.mail {display:none;}
}


/*
 2.2.7) Bottom Info
 ----------------------------------------*/

.bottom-info-bg {
	width:100%;
	float:left;
	background:#2c3a4c url(../images/banner-ramkrishan-01.jpg) no-repeat center center;
	background-size: cover;
}

.bottom-info {
	width:100%;
	float:left;
	background:rgba(0, 0, 0, .6);
	padding:70px 0;
}

.bottom-info h2 {
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:53px;
	color:#FFFFFF;
	line-height:53px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 0 25px 0;
}

.bottom-info p {
	font-size:14px;
	color:#FFFFFF;
	line-height:25px;
	padding:0 0 30px 0;
}

.bottom-info aside {
	width:100%;
	max-width:600px;
	text-align:center;
	margin:0 auto;
}

@media only screen and (max-width: 1139px) {
.bottom-info h2 {
	font-size:40px;
	line-height:44px;
}
}

@media only screen and (max-width: 767px) {
.bottom-info {
	padding:50px 0;
}

.bottom-info h2 {
	font-size:34px;
	line-height:38px;
	padding-bottom:20px;
}

.bottom-info aside {
	max-width:700px;
	padding:0 7%;
}
}


/*
 2.3) Footer - Main
 ----------------------------------------*/
 
.footer-main {
	width:100%;
	float:left;
	text-align:center;
	padding:20px 0;
}

.footer-main p {
	width:100%;
	font-size:12px;
	color:#FFFFFF;
	padding:0;
}

.footer-main p a {color:#FFFFFF;}

.footer-main .box-bg {
	width:auto;
	display:inline-block;
	font-family:"arialnarrow", Arial, Helvetica, sans-serif;
	line-height:22px;
	text-transform:uppercase;
	border:1px solid #FFFFFF;
	padding:2px 17px 0 17px;
	margin:0 0 8px 0;
}

.footer-main .box-bg a {text-decoration:none;}

.footer-main .box-bg a:hover {text-decoration:underline;}


/*
 3.) Inner Pages
 ----------------------------------------*/
 
/*
 3.1) Banner Inner
 ----------------------------------------*/
 
.banner-inner {
	width:100%;
	float:left;
	position:relative;
	margin:0 0 18px 0;
}

.banner-inner figure {
	width:100%;
	float:left;
	text-align:center;
	overflow:hidden;
}

.banner-inner figure img {
	width:100%;
	min-width:600px;
	margin:0 -300px;
}

.banner-inner .title-txt {
	width:100%;
	height:100%;
	float:left;
	text-align:center;
	background-image:url(../images/pattern-01.png);
	background-repeat:repeat;
	background-color:rgba(0, 0, 0, .3);
	position:absolute;
	top:0;
	left:0;
}

.banner-inner .title-txt h1 {padding:0}
 
 
/*
 3.2) Content Inner
 ----------------------------------------*/
 
.left-col {
	width:67.7%;
	float:left;
	padding:0 9px 0 0;
}

.left-col .col-box {
	width:100%;
	float:left;
	background:#FFFFFF;
	padding:45px 6.3%;
	margin:0 0 18px 0;
}

@media only screen and (max-width: 979px) {
.left-col {
	width:100%;
	padding:0;
}

.left-col .col-box {
	padding:35px 6.3%;
}
}

.right-col {
	width:32.3%;
	float:right;
	padding:0 0 0 9px;
}

.right-col .form-block {
	max-width:100%;
	width:100%;
	float:left;
	padding:0 0 12px 0;
}

.right-col .form-block .input-bg {padding-right:0;}

.right-col .form-block .input-bg .zip {
	width:100%;
	position:static;
}

.right-col .action-boxes {margin:0;}

.right-col .action-boxes ul li {
	width:100%;
	padding:0 0 18px 0;
}

@media only screen and (max-width: 979px) {
.right-col {
	width:100%;
	padding:0;
}

.right-col .action-boxes {padding-bottom:18px;}

.right-col .action-boxes ul li {
	width:33.33%;
	float:left;
	padding:0 9px;
}

.right-col .action-boxes ul li:first-child {padding-left:0;}

.right-col .action-boxes ul li:last-child {padding-right:0;}
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
.action-boxes ul li a {
	height:120px;
	letter-spacing:2px;
}

.action-boxes ul li .icon-bg {margin-top:16px;}

.action-boxes ul li a:hover .icon-bg {margin-top:7px;}
}

@media only screen and (max-width: 767px) {
.right-col .action-boxes {margin-top:10px;}

.right-col .action-boxes ul li {width:50%;}

.right-col .action-boxes ul li:nth-child(2) {padding-right:0;}

.right-col .action-boxes ul li.red-bg {
	width:100%;
	padding:18px 0 0 0;
}
}

@media only screen and (max-width: 639px) {
.right-col .action-boxes ul li {
	width:100%;
	padding:0 0 18px 0;
}

.right-col .action-boxes ul li.red-bg {
	width:100%;
	padding:0;
}
}

 
/*
 4.) Issues Page
 ----------------------------------------*/
 
.article-list {
	width:105.3%;
	float:left;
	margin:0 0 -2% 0;
	padding:0 0 18px 0;
}

.article-list article {
	width:30%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	background:#f6f6f6;
	margin:0 2% 2% 0;
}

.article-list article a {
	width:100%;
	float:left;
	text-decoration:none;
}

.article-list article h3 {
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#6b6b6b;
	line-height:34px;
	text-transform:uppercase;
	padding-bottom:10px;
}

.article-list article h3 a {color:#6b6b6b;}

.article-list article p {
	font-size:13px;
	color:#616161;
	line-height:25px;
	padding-bottom:8px;
}

.article-list article figure {
	width:100%;
	float:left;
	text-align:center;
}

.article-list article figure img {width:100%;}

.article-list article aside {
	width:100%;
	float:left;
	padding:15px;
}

.article-list article .btn {
	width:100%;
	padding:0;
}

.article-list article:hover .btn:before {
	top: 0;
}

@media only screen and (min-width: 1400px) {
.article-list article .btn {
	height:65px;
	line-height:66px;
}

.article-list article .btn:before {top:56px;}
}

@media only screen and (max-width: 1579px) {
.article-list article h3 {
	font-size:26px;
	line-height:32px;
}
}

@media only screen and (max-width: 1400px) {
.article-list article h3 {
	font-size:22px;
	line-height:30px;
}
}

@media only screen and (max-width: 1399px) {
.article-list {width:105.2%;}
}

@media only screen and (max-width: 1139px) {
.article-list {width:103.2%;}

.article-list article {width:47%;}
}

@media only screen and (max-width: 979px) {
.article-list {width:103.5%;}
}

@media only screen and (max-width: 639px) {
.article-list {
	width:100%;
	margin:0;
	padding:0;
}

.article-list article {
	width:100%;
	margin:0 0 18px 0;
}
}


/*
 5.) Blog Page
 ----------------------------------------*/
 
.blog-list {
	width:100%;
	float:left;
	padding:0;
}

.blog-list article {
	width:100%;
	float:left;
	background:url(../images/divider-02.gif) no-repeat bottom center;
	background-size:68% 1px;
	padding:45px 0 25px 0;
}

.blog-list article:first-child {padding-top:0;}

.blog-list article h2 {
	padding:0 0 4px 0;
}

.blog-list article h2 a {text-decoration:none;}

.blog-list article h2 a:hover {text-decoration:underline;}

.blog-list article p {
	line-height:27px;
	padding:0 0 10px 0;
}

.blog-list article .txt {
	line-height:27px;
	padding:0 0 10px 0;
}

.blog-list article .read-more {
	line-height:27px;
	text-align:right;
}

@media only screen and (max-width: 767px) {
.blog-list article p {line-height:25px;}
}