@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Raleway-Regular';
	font-size:15px;
}
.resource img {
	max-width:100%;
	margin-bottom:45px;
	border-radius:4px;
	border:1px solid #dbdbdb;
}
a {
	text-decoration:none;
}
a:focus {
	outline:0;
	border:0;
}
ul {
	list-style:none;
	padding:0;
	margin:0;
}
@font-face {
    font-family: 'Raleway-Regular';
    src: url(../fonts/Raleway-Regular.eot);
    src: url(../fonts/Raleway-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Regular.woff2) format('woff2'), url(../fonts/Oswald-Bold.woff) format('woff'), url(../fonts/Raleway-Regular.ttf) format('truetype'), url(../fonts/Raleway-Regular.svg#Raleway-Regular) format('svg')
}
@font-face {
    font-family: 'Raleway-Bold';
    src: url(../fonts/Raleway-Bold.eot);
    src: url(../fonts/Raleway-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Bold.woff2) format('woff2'), url(../fonts/Raleway-Bold.woff) format('woff'), url(../fonts/Raleway-Bold.ttf) format('truetype'), url(../fonts/Raleway-Bold.svg#Raleway-Bold) format('svg')
}

/*banner section open*/
.banner_bg {
	width:100%;
	float:left;
	margin-bottom:100px;
	position:relative;
}
.banner_bg img {
	width:100%;
}
.logo{
	float:left;
	position:absolute;
	top:16px;
	left:61px;
	font-size:32px;
	font-family: 'Raleway-Bold';
	color:#008aff;
	text-shadow:1px 1px 3px #000;
	z-index:9999 !important;
}
.logo a{
	color:#008aff;
	text-decoration:none;
	z-index:9999 !important;
}
.logo img {
	max-width:100%;
	z-index:9999 !important;
}
.banner_heading {
	float:left;
	position:absolute;
	top:50%;
	font-size:60px;
	line-height:70px;
	font-family: 'Raleway-Bold';
	color:#fff;
	text-shadow:1px 1px 3px #000;
	text-align:center;
	width:100%;
	z-index:9999 !important;
}
.banner_heading p {
    color: #fff;
    float: left;
    font-family: "Raleway-Bold";
    font-size: 23px;
    position: absolute;
    text-shadow: 1px 1px 3px #000;
    top: 70%;
	width:100%;
	text-align:center;
	z-index:9999 !important;
}
.down_arrow {
    position: absolute;
    top: 130%;
	left:47%;
	text-align:center;
	z-index:9999 !important;
}
.search_bg {
	position:absolute;
	right:30px;
	top:30px;
	width:270px;
	height:30px;
	background:#fff;
	border-radius:3px;
	z-index:9999 !important;
}
.search_bg input[type=text] {
	width:230px;
	height:30px;
	border:0;
	padding:0 7px;
	border-radius:3px;
}
.search_bg button[type=submit] {
	width:30px;
	height:30px;
	background:#008AFF url(../images/search-icon.png) no-repeat 4px 4px;
	border:0;
	border-radius:0 3px 3px 0;
	position:absolute;
	right:0;
}
#navside {
  z-index: 1000;
  position: fixed;
  top: 60px;
  width: 380px;
  height: 100%;
  clear: both;
  background: #092032;
  /*padding: 0 40px;*/
  box-shadow:0px 10px 15px #000;
}

#navside.hidden { visibility: hidden; }

#navside.left {
  left: 100%;
  margin-left: 0px;
  text-align: left;
}

#navside.right {
  right: 100%;
  margin-right: 0px;
  text-align: right;
}

#navside ul {
  list-style: none;
  padding: 0;
  margin-left: auto;
  width: 100%;
}

#navside ul li a {
  text-decoration: none;
  display: block;
  color: #9cb3c5;
  line-height: 50px;
  font-family: 'Raleway-Regular';
  font-size: 14px;
  padding-right:15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.1s;
  -ms-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  direction: ltr;
  transition:all .3s linear;
}

#navside ul li a:hover { color: #fff; background:#008AFF; transition:all .3s linear; }

#icon { width: 140px; }

#navside_icon {
  z-index: 1000;
  position: fixed;
  top: 28px;
  display: block;
  width: 40px;
  height: 24px;
  background: #333333;
  background: url(../images/icon.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

#navside_icon.hidden { visibility: hidden; }

#navside_icon.right { right: 10px;}

#navside_icon.left { left: 10px;}






.bounce {
 position: absolute;
/* bottom: 30px;*/
 top:180px;
 left: 49% ;
 width: 22px;
 height: 22px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-10px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-10px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-10px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-15px);}
}
/*banner section close*/

/*welcome section open*/
.wel_msg {
	width:55%;
	margin:0 auto;
	padding-top:100px;
}
.wel_msg h2 {
	color:#008aff;
	font-size:40px;
	text-align:center;
	padding:0;
	margin:0 0 30px 0;
	font-family: 'Raleway-Bold';
}
.wel_msg p{
	color:#404040;
	margin-bottom:20px;
}
.wel_left {
	float:left;
	width:35%;
}
.wel_left img {
	max-width:100%;
	float:right;
	margin-right:15px;
}
.wel_right {
	float:right;
	width:65%;
}
.wel_right button {
	background:#008aff;
	color:#fff;
	text-align:center;
	padding:6px 20px;
	border:0;
	margin-top:5px;
	border:1px solid #008aff;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
.wel_right button:hover {
	background:#fff;
	color:#008aff;
}
/*welcome section close*/

/*volunteering section open*/
.volunteering {
	background:#008aff;
	padding:100px 150px;
	margin-top:100px;
	width:100%;
	float:left;
}
.volunteering h2 {
	color:#fff;
	font-size:40px;
	text-align:center;
	padding:0;
	margin:0 0 30px 0;
	font-family: 'Raleway-Bold';
}
.volunteering p{
	color:#fff;
	margin-bottom:40px;
	padding:0 17%;
	text-align:center;
}
.volunteering ul li {
	width:19%;
	float:left;
	margin:5px;
	background:#fff;
	border:1px solid #f1f1f1;
}
.volunteering ul li img {
	width:100%;
}
.volunteering button {
	background:#008AFF;
	color:#fff;
	text-align:center;
	padding:6px 20px;
	border:1px solid #fff;
	margin-top:5px;
	margin-right:15px;
	float:right;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
.volunteering button:hover {
	background:#fff;
	color:#008AFF;
}
/*volunteering section close*/

/*culture section open*/
.culture {
	padding:100px 150px;
	width:100%;
	float:left;
}
.culture h2 {
	color:#008AFF;
	font-size:40px;
	text-align:center;
	padding:0;
	margin:0 0 30px 0;
	font-family: 'Raleway-Bold';
}
.culture p{
	color:#404040;
	margin-bottom:40px;
	padding:0 17%;
	text-align:center;
}
.culture_box {
	width:960px;
	margin:0 auto;
}
.culture_box ul li {
	width:200px;
	height:200px;
	border-radius:50%;
	margin:20px;
	float:left;
}
.culture_box ul li h4 {
	text-align:center;
	padding-top:15px;
	font-family: 'Raleway-Bold';
	font-size:25px;
}
.pink {
	background:#f30162;
	border-radius:50%;
	width:120px;
	height:120px;
	margin:20%;
    box-shadow:0 0 11px #fff;
	padding:20px;
	transition:all 0.5s ease;
}
.pink:hover {
	background:#f30162;
	border-radius:50%;
	width:200px;
	height:200px;
	margin:0%;
    box-shadow:0 0 11px #fff;
	padding:30%;
}
.pink img  {
	width:100%;transition:all 0.8s ease;
}
.pink:hover img {
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);transition:all 0.8s ease;
}
.green {
	background:#05c569;
	border-radius:50%;
	width:120px;
	height:120px;
	margin:20%;
	box-shadow:0 0 11px #fff;
	padding:20px;
	transition:all 0.5s ease;
}
.green:hover {
	background:#05c569;
	border-radius:50%;
	width:200px;
	height:200px;
	margin:0%;
    box-shadow:0 0 11px #fff;
	padding:30%;
}
.green img  {
	width:100%;transition:all 0.8s ease;
}
.green:hover img {
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);transition:all 0.8s ease;
}
.orange {
	background:#ee7000;
	border-radius:50%;
	width:120px;
	height:120px;
	margin:20%;
	box-shadow:0 0 11px #fff;
	padding:20px;
	transition:all 0.5s ease;
}
.orange:hover {
	background:#ee7000;
	border-radius:50%;
	width:200px;
	height:200px;
	margin:0%;
    box-shadow:0 0 11px #fff;
	padding:30%;
}
.orange img  {
	width:100%;transition:all 0.8s ease;
}
.orange:hover img {
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);transition:all 0.8s ease;
}
.skyblue {
	background:#3be3fd;
	border-radius:50%;
	width:120px;
	height:120px;
	margin:20%;
	box-shadow:0 0 11px #fff;
	padding:20px;
	transition:all 0.5s ease;
}
.skyblue:hover {
	background:#3be3fd;
	border-radius:50%;
	width:200px;
	height:200px;
	margin:0%;
    box-shadow:0 0 11px #fff;
	padding:30%;
}
.skyblue img  {
	width:100%;transition:all 0.8s ease;
}
.skyblue:hover img {
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);transition:all 0.8s ease;
}
/*culture section close*/

/*explore section open*/
.explore {
	padding:100px 20% 80px 20%;
	width:100%;
	float:left;
	background:#f5f5f5;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.explore h2 {
	color:#008AFF;
	font-size:40px;
	text-align:center;
	padding:0;
	margin:0 0 30px 0;
	font-family: 'Raleway-Bold';
}
.explore ul li {
	float:left;
	width:50%;
	min-height:250px;
	padding:20px;
}
.explore_img {
	width:43%;
	float:left;
}
.explore_img img {
	border-radius:5px;
	border:1px solid #ccc;
	width:100%;
}
.explore_matter {
	width:57%;
	float:right;
}
.explore_matter h3 {
	color:#333;
	font-size:20px;
	text-align:left;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	font-family: 'Raleway-Bold';
}
.explore p{
	color:#404040;
	margin-bottom:40px;
	padding:0 0 0 15px;
	margin:0;
	text-align:left;
	min-height:75px;
}
.explore button {
	background:#008aff;
	color:#fff;
	text-align:center;
	padding:6px 20px;
	border:0;
	margin-top:5px;
	margin-left:15px;
	border:1px solid #008aff;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
.explore button:hover {
	background:#fff;
	color:#008aff;
}
/*explore section close*/


/*stories section open*/
.stories {
	background:#008aff;
	padding:100px 200px;
	width:100%;
	float:left;
}
.stories h2 {
	color:#fff;
	font-size:40px;
	text-align:center;
	padding:0;
	margin:0 0 30px 0;
	font-family: 'Raleway-Bold';
}
.stories h4 {
	color:#fff;
	font-size:17px;
	text-align:center;
	padding:0;
	margin:15px 0 10px 0;
	font-family: 'Raleway-Bold';
}
.stories p{
	color:#fff;
	margin-bottom:40px;
	padding:0 17%;
	text-align:center;
}
.stories ul li {
	width:24%;
	float:left;
	margin:5px;
	border-radius:5px;
	text-align:center;
	color:#fff;
}
.stories ul li img {
	border-radius:5px;
	width:100%;
}
.stories button {
	background:#008AFF;
	color:#fff;
	text-align:center;
	padding:6px 20px;
	border:1px solid #fff;
	margin-top:5px;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
.stories button:hover {
	background:#fff;
	color:#008AFF;
}
/*stories section close*/

/*footer section open*/
footer {
	background:#092032;
	float:left;
	width:100%;
}
.foo {
	width:100%;
	float:left;
	padding:30px 0 50px 0;
}
.foo ul li {
	width:100%;
	float:left;
	padding:5px 0;
	color:#9cb3c5;
}
.foo ul li a {
	color:#9cb3c5;
}
.foo h4{
	color:#fff;
	font-family: 'Raleway-Bold';
	font-size:19px;
}
.foo_btm {
	border-top:1px solid #203749;
	width:100%;
	float:left;
	background:#000;
	color:#9cb3c5;
	text-align:center;
	padding:15px 0;
}
/*footer section close*/









.gray_para {
	width:100%;
	padding:0;
	float:left;
	margin:0;
	color:#404040;
	padding-bottom:100px;
}
.gray_para p{
	margin-bottom:20px;
	text-align:left;
}




.latest_form label {
    color: rgb(88, 88, 90);
    float: left;
    font-weight: bold;
    padding: 5px 0 0;
    width: auto;
}
.txt-red {
    color: #ff0000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 5px;
    width: 15px;
}
.latest_form input[type=text] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(88, 88, 90, 0.21);
    border-radius: 3px;
    box-shadow: 0 0.3em 0.2em -0.1em rgba(0, 0, 0, 0.125);
    color: rgba(88, 88, 90, 0.8);
    height: 35px;
    margin-bottom: 15px;
    padding: 2px 10px;
    width: 100%;
}
.latest_form select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(88, 88, 90, 0.21);
    border-radius: 3px;
    box-shadow: 0 0.3em 0.2em -0.1em rgba(0, 0, 0, 0.125);
    color: rgba(88, 88, 90, 0.8);
    height: 35px;
    margin-bottom: 15px;
    padding: 2px 10px;
    width: 100%;
}
.latest_form textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(88, 88, 90, 0.21);
    border-radius: 3px;
    box-shadow: 0 0.3em 0.2em -0.1em rgba(0, 0, 0, 0.125);
    color: rgba(88, 88, 90, 0.8);
    height: 112px;
    margin-bottom: 15px;
    padding: 2px 10px;
    width: 100%;
}
.latest_form button[type=submit] {
    background: #008AFF none repeat scroll 0 0;
    border: 1px solid rgba(88, 88, 90, 0.21);
    border-radius: 3px;
    box-shadow: 0 0.3em 0.2em -0.1em rgba(0, 0, 0, 0.125);
    color: #fff;
    height: 35px;
    margin-bottom: 75px;
    padding: 4px 20px;
	float:right;
	margin-right:15px;
}

.testi {
	background:#008aff;
	padding:100px 150px;
	margin-top:100px;
	width:100%;
	float:left;
}
.testi p{
	color:#fff;
	margin-bottom:30px;
	padding:0 0;
}
.testi h2 {
    color: #008AFF;
    font-family: "Raleway-Bold";
    font-size: 40px;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}
.testi h3 {
	color:#fff;
	font-size:17px;
	padding:0;
	margin:0 0 5px 0;
	font-family: 'Raleway-Bold';
}
.for_img {
	width:100%;
	float:left;
}
.for_img ul {
	list-style:none;
	padding:0;
	margin:0;
}
.for_img ul li {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 0 10px 0 0;
    width: 250px;
}
.for_img ul li img {
	width:100%;
	margin-bottom:70px;
}
.for_link {
	 padding:15px 25px; 
	 text-align:center; 
	 font-weight:bold; 
	 font-size:14px; 
	 border-radius:4px;
	 background:#092032;
	 float:left;
}
.for_link a {
	color:#9cb3c5;
}
.for_level_link {
	 padding:15px 25px; 
	 text-align:center; 
	 font-weight:bold; 
	 font-size:14px; 
	 border-radius:4px;
	 background:#092032;
	 float:left;
}
.for_level_link a {
	color:#fff;
}
.ul_li {
	width:100%;
	float:left;
	margin-bottom:25px;
}
.ul_li ul {
	list-style:circle;
	margin-left:12px;
}
.ul_li ul li {
	width:100%;
	float:left;
}
.freedom {
	width:100%;
	float:left;
}
.freedom h4 {
	text-align:center;
	margin:0;
	padding:0 0 15px 0;
}
.freedom img {
	max-width:100%;
	margin-bottom:15px;
}
.click_here {
}
.click_here p{
	margin-bottom:5px;
	padding-bottom:0;
	color:#404040;
}
.click_here a {
	color:#092032;
	font-weight:bold;
	margin-left:2px;
	font-size:17px;
}
.double {
	font-family:Arial, Helvetica, sans-serif;
}