@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{width:100%; margin:0px; padding:0px; font-family: 'Roboto'; font-size:16px; color:#404040; font-weight:normal;}
.spacer{line-height:0px; font-size:0px; clear:both;}
.clear{clear:both;}
img, ul, li, a, p, td, form, h1, h2, h3{margin:0px; padding:0px; border:0;}
a{color:#000; text-decoration:none;}
a:hover{color:#d89e00; text-decoration:none; }

.body-area{width:100%; float:left;}
.full-width{width:100%; float:left;}
.content-area{max-width:1280px; width:100%; margin:0 auto;}

.menu-area{background:#FFF; z-index:999; position:relative}
.navigation{width:100%; display:inline-block; text-align:center; border-top:7px solid #76b6f1; height:100px;}
.navigation{width:100%; display:inline-block; text-align:center;}
.navigation ul{margin:0; padding:0; width:100%; display:inline-block; text-align:center; margin-top:30px}
.navigation ul li{display:inline-block; margin-right:45px;}
.navigation ul li:last-child{margin-right:0;}
.navigation ul li a{font-size:18px; color:#262626; font-family: 'Roboto', sans-serif; text-transform:uppercase; display:inline;}

.homepage-banner{background-image: url(../images/banner2.png); background-position: center; background-repeat: no-repeat; height:912px; margin-top:-26px;  z-index:111; position:relative;}
.logo{width:100%; display:inline-block; text-align:center; margin-top:85px;}
.banner-container{width:100%; display:inline-block; text-align:center; }
.banner-text{max-width:625px; width:100%; padding:40px 20px; background:#FFF; background-color: rgba(255, 255, 255, .7); display:inline-block; margin-left:20px; border-radius:3px; margin-top:40px;}
.banner-text h1{font-family: 'Roboto Condensed'; font-weight:700; font-size:43px; color:#002758;}
.banner-text sub{font-family: 'Roboto Condensed'; font-weight:700; font-size:30px; color:#002758;}
.banner-text p{font-family: 'MyriadPro-Regular'; font-weight:normal; font-size:18px; color:#002758; margin-top:15px; margin-bottom:20px;}
.banner-text a{display:inline-block; font-size:18px; color:#FFF; text-align:center; width:268px; height:55px; line-height:55px; border-radius:8px; background-color:#4babdf; font-family: 'Roboto';}

.the-detail-area{width:100%; float:left; background:#FFF; z-index:1; position:relative;  padding-bottom:70px;}
.the-detail-area .site-headline{margin-top:80px;}
.the-detail-button{width:285px; height:55px; line-height:55px; background:#02458e; color:#FFF; text-align:center; font-size:18px; display:inline-block; margin-top:35px;}
.the-detail-desc{font-size:18px; color:#616060; line-height:28px;}
.the-detail-title{font-family: 'Raleway'; font-size:24px; font-weight:500; color:#2a2a2a; margin-top:28px; margin-bottom:18px;}
.site-headline{width:100%; float:left; color:#292929;  font-family: 'Roboto Condensed'; display:inline-block; text-align:center; font-size:45px; text-align:center; text-transform:uppercase;}
.site-row span{content:""; border-bottom:5px solid #4cabde; display:inline-block; width:85px; text-align:center; margin:14px 0 45px 0}

.site-row{width:100%; display:inline-block; text-align:center}
.column-one-third{width:33%; float:left; padding:0 25px; box-sizing: border-box;}
.column-one-fourth{width:25%; float:left; padding:0 25px; box-sizing: border-box;}
.column-one-two{width:50%; float:left; padding:0 25px; box-sizing: border-box;}

.learn-more-area{background-image: url(../images/learn-more-bg.jpg); background-position: center; background-repeat: no-repeat; height:552px; position:relative; }
.learn-more-area .site-headline{margin-top:70px;}
.learn-more-area img{width:100%; max-width: 362px;}
.whiteColor{color:#FFF}

.what-expect-area{background-image: url(../images/what-we-expect-bg.jpg); background-position: center; background-repeat: no-repeat; height:630px; position:relative; }
.what-expect-area ul{width:100%; margin:0; padding:0; margin-top:30px;}
.what-expect-area ul li{width:100%; display:inline-block; background-image:url(../images/flame-icon.png); background-repeat:no-repeat; padding-left:55px; margin-bottom:38px; font-size:16px; text-align:left; box-sizing: border-box; line-height:26px;}
.what-expect-area .site-headline{margin-top:80px;}
.how-to-help,
.what-expect-area a{display:inline-block; font-size:18px; color:#FFF; text-align:center; width:268px; height:55px; line-height:55px; border-radius:2px; background-color:#4babdf; margin-top:20px}
.how-to-help:active,
.how-to-help:hover{color:#FFF}
.what-expect-area img{width:100%; max-width:343px;}

.support-our-outreach{padding:60px 0; }
.support-our-outreach p{text-align:left;}

.contact-form-area{background-image: url(../images/cloud_background_ss038.jpg); background-position:center; background-repeat:repeat; height:595px; position:relative; }
.contact-form-area .site-headline{margin-top:70px; color:#404040}
.contact-form-area .site-row span{content:""; border-bottom:5px solid #02458e; display:inline-block; width:85px; text-align:center; margin:14px 0 45px 0}
.form-area{width:100%; max-width:900px; background:#FFF; margin:0 auto; display:inline-block; padding:40px 50px; box-sizing: border-box; border-radius:6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 9px 0 rgba(0, 0, 0, 0.19); padding-bottom:0;
}
.form-row{width:100%; float:left; margin-bottom:25px;}
.form-col-left{width:49%; float:left; }
.form-col-right{width:49%; float:right; }
.txt-input-box{width:95%; height:42px; line-height:42px; border:1px solid #52a2b9; font-size:16px; color:#404040; padding-left:14px; box-sizing: border-box;}
.btn-submit{width:95%; height:42px; line-height:42px; border:1px solid #52a2b9; font-size:18px; color:#FFF; background:#4babdf; text-transform:uppercase; font-weight:500; text-align:center; cursor:pointer;}

.footer-area{background-color:#1d2d3e; width:100%; display:inline-block; text-align:center; padding:38px 0; }
.copyright-text{width:100%; display:inline-block; text-align:center; font-size:16px; color:#FFF;}

.how-to-help em{margin:0 !important; width:auto !important; border-bottom:0; font-style:normal}
.how-to-help em:hover{border-bottom:1px solid !important; border-color:#FFF !important; padding-bottom:2px !important; }

::-webkit-input-placeholder {
	color: #404040;
	font-size:16px;
}

:-moz-placeholder{ /* Firefox 18- */
	color: #404040;
	font-size:16px;
}

::-moz-placeholder{  /* Firefox 19+ */
	color: #404040;
	font-size:16px;
}

:-ms-input-placeholder{  
	color: #404040;
	font-size:16px;
}
/*------------------------------------*\
    #HERO-SECTION
\*------------------------------------*/
.hero {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.rs-bullets .tp-bullet {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #b6c9d3;
	border: 2px solid #b6c9d3;
}

.arrows.ares {
	border-radius: 0 !important;
	min-width: 36px!important;
	min-height: 70px !important;
	background-color: white;
	border-radius: 2px;
}

.ares.tparrows.tp-leftarrow:before {
	content: "\f104" !important;
	font-family: fontawesome;
	font-size: 18px;
	line-height: 70px
}

.ares.tparrows.tp-rightarrow:before {
	content: "\f105" !important;
	font-family: fontawesome;
	font-size: 18px;
	line-height: 70px
}

.arrows.ares .tp-title-wrap {
	min-width: 110px;
	min-height: 70px;
	line-height: 1;
	border-radius: 0 !important;
	background-color: #ffffff;
	margin-left: 30px;
}

.arrows.ares .tp-title-wrap .tp-arr-imgholder {
	width: 90px;
	height: 50px;
	top: 10px;
	left: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.rev_slider .btn-primary.btn-black {
	margin-left: 20px;
}

.rev_slider .btn i {
	margin-left: 10px;
}

/* Hero With Header #6 */
.transparent-header + .hero {
	padding-top: 0 !important
}

/* Hero Scroll to down */
.scroll-down {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center
}

.scroll-down a i {
	color: #ffffff;
	font-size: 32px;
	margin-bottom: 30px;
}

.scroll-down h6 {
	color: #ffffff;
	font-family: 'Lora', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 30px;
}

.scroll-down h6 a {
	color: #ffffff;
}

.banner-headline{color:#fff; font-weight:normal; font-family: 'Roboto Condensed';font-size:45px; line-height:50px}
.banner-desc{font-size:24px; color:#d1d0d0}
.mobile-menu{display:none}


/*------------------------------------*\
    #BACK TO TOP
\*------------------------------------*/
#back-to-top {
	z-index: 9999;
	position: fixed;
	right: 30px;
	bottom: 30px;
	opacity: 0;
    width: 50px;
    height: 50px;
    background-color: #52a2b9;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

#back-to-top span{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -15px;
    background: url(../images/back-to-top.png) 0 0 no-repeat;
    height: 32px;
    width: 32px;
}

.backtop {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-radius: 2px;
	transition: opacity 0.2s ease-out;
	background-color: rgba(0,0,0,0.4);
	font-size: 20px;
}

#back-to-top.show {
	opacity: 1;
	display:block;
}

#back-to-top:hover {
	background-color: #5A5758;
}

/* Style 2 */
.backtop.style-2 {
	border-radius: 0;
}

/* Style 4*/
.backtop.style-3 {
	border-radius: 5px
}

/* Style 4*/
.backtop.style-4 {
	border-radius: 50%
}

.back-top-styles .backtop {
	text-align: center;
	margin-right: auto;
	margin-left: auto
}
@media (max-width: 1280px) 
{
	.content-area{max-width:1140px;}
}

@media (max-width: 1024px) 
{
	.what-expect-area,
	.learn-more-area,
	.contact-form-area{background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; 		background-position: center; height: auto; padding-bottom: 50px;}
}

@media (max-width: 991px) 
{
	.column-one-third{width:100%; margin-bottom:50px;}
	.form-area{max-width:none; width:90%}
}

@media (max-width: 768px) 
{
	.banner-text{margin-left:0;}
	.banner-headline{color:#fff; font-weight:normal; font-family: 'Roboto Condensed';font-size:35px; line-height:50px}
	.banner-desc{font-size:18px; color:#d1d0d0; margin-top:10px !important}
}

@media (max-width: 640px) 
{
	.banner-text{max-width:none; width:90%;}
	.homepage-banner{background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; 		background-position: center; height: auto; padding-bottom: 180px;}
}

@media (max-width: 639px) 
{
	.form-col-left{width:100%}
	.form-col-right{width:100%; margin-top:25px;}
	.banner-headline{color:#fff; font-weight:normal; font-family: 'Roboto Condensed';font-size:20px; line-height:50px}
	.banner-desc{font-size:14px; color:#d1d0d0; }
	.txt-input-box{width:100%}
	.form-area{padding:40px 25px;}
	
	.mobile-menu{display:block; width:65px; margin-right:20px; margin-top:18px; float:right}
	.navigation ul{display:none}
	.navigation ul{background:#02458e; float:right; max-width:300px;margin-top:20px; padding:20px 0;}
	.navigation ul li{width:100%; text-align:left; line-height:50px; border-bottom:1px solid #FFF}
	.navigation ul li a{color:#FFF; padding:0 20px;}
	.navigation ul li:last-child{border-bottom:none}
}