﻿@charset "utf-8";
/* CSS Document */

#hedaer_top_container{ width:100%; margin: 0px auto; background:url(../images/header_bg.jpg)no-repeat center top;background-size:cover; min-height:900px; border-bottom:4px solid #ff8c00}

#header_wrapper{max-width:960px;width:100%; margin:auto}

#header_section{ max-width:960px;width:100%; float:left;position:relative;  }
#logo_container{ width:30%; float:left;padding-top:12px}
    #logo_container img {max-width:100%;margin:0 auto; }

.navigation_cont{ max-width:475px;width:100%; float:left; padding-right:4px;position:relative;}

#cssmenu{ width:416px; float:right; background-color:#ff8c00; 
          border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #ffa83f; min-height:40px; margin-top:20px;}
#cssmenu ul{ margin:0px; padding:7px 0px 7px 0px}
#cssmenu ul li{ margin:0px; padding:0px; float:left; list-style:none; background-image:url(../images/nav_line.png); background-repeat:no-repeat; background-position:right; padding:0px 17px 0px 17px;text-transform:uppercase }
#cssmenu ul li a{ display:block; float:left;font-family: 'Fjalla One', sans-serif;color:#fff;text-decoration:none;font-size: 20px;  }

.no_bg{ background-image:none!important}


#form_content_section{ max-width:960px;width:100%; float:left; padding-top:39px}
.left_content_section {
	box-sizing: border-box;
	border: 5px solid #ffffff;
	max-width: 465px;width:100%;
	background-image: url(../images/top_cont_bg.jpg);
	background-repeat: repeat;
	padding: 32px 0px 0px 20px;
	float: left;
}
/*.left_content_section{box-sizing: border-box; border:5px solid #ffffff; width:469px;background-image:url(../images/top_cont_bg.jpg); background-repeat:repeat; padding:32px 0px 0px 0px; float:left; margin-right:57px}*/
.left_content_section_title{ width:95%; float:left; background-image:url(../images/title_star.png); background-repeat:no-repeat; background-position:bottom;padding:0px 0px 40px 0px; box-sizing:border-box;}
.left_content_section_cont{ background-size:contain;width:100%; background-image:url(../images/header_kids.png); background-repeat:no-repeat; background-position:right bottom; padding:0px 20px 265px 0px; box-sizing:border-box}

/*#right_form_container{ width:44%; float:left; background-image:url(../images/form_left_line.png); background-repeat:repeat-y; background-position:left;  padding-left:63px; height:615px}*/
#right_form_container {
	max-width: 357px;width:100%;
	float: right;
	background-repeat: repeat-y;
	background-position: left;
	height: 615px;position:relative;
}
#right_form_container:after {background:url(../images/form_left_line.png)repeat-y;width:1px;height:100%; position:absolute;left:-20%;top:0;content:"";}
#proposal_form{ background-image:url(../images/form_bg.png); background-repeat:repeat; max-width:331px;width:100%; float:right; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:26px 12px 20px 12px; overflow:hidden;}
#proposal_form .proposal_title{ width:100%; float:left; text-align:center;overflow:hidden;}
#proposal_form .form{ width:100%; float:left; padding-top:10px}
    #proposal_form .form table {width:100%;}
#proposal_form .form td{ padding-top:10px}
#proposal_form .form input{ max-width:320px;width:100%; background-color:#ffffff; border:0px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:8px 5px; color:#3c3c3c}
#proposal_form .form textarea{ max-width:320px;width:100%; background-color:#ffffff; border:0px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px 5px}
.captcha_input{ width:120px!important}

.forms_button{ max-width:380px; float:left; text-align:center; padding-top:19px; padding-left:35px} 
.forms_button td{ padding-left:20px}

#featured_section{ background-image:url(../images/featured_section_bg.jpg); background-repeat:repeat; width:100%; float:left}
.featured_section_wrapper1{ width:100%; float:left; background-image:url(../images/featured_top_line.jpg); background-repeat:repeat; background-position:top; height:8px}
#featured_section_wrapper{ max-width:960px;width:100%; margin:auto; margin-top:52px}
#featured_section_title{box-sizing: border-box; width:100%; float:left; background-image:url(../images/featured_title_icon.jpg); background-repeat:no-repeat; background-position:left top; padding-left:54px; padding-bottom:30px}
.featured_section_box_section{ max-width:968px; float:left; margin-top:20px; padding:0px;}

.left_box{position:relative; width:100%; float:left; background-color:#ffffff; background-image:url(../images/box_shadow.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:20px}
.middle_box{ width:100%; float:left; background-color:#ffffff;background-image:url(../images/box_shadow.jpg); background-repeat:no-repeat; background-position:bottom;padding-bottom:20px}
.right_box{ width:100%; float:left;background-color:#ffffff;background-image:url(../images/box_shadow.jpg); background-repeat:no-repeat; background-position:bottom;padding-bottom:20px}

.member_management_cont{ width:100%; float:left; border-top:4px solid #ff005a; }
.group_activity_cont{ width:100%; float:left; border-top:4px solid #3b9eec;}
.attendance_cont{ width:100%; float:left; border-top:4px solid #a5cc1e; }
.staff_cont{ width:100%; float:left; border-top:4px solid #ff8b00}
.extensive_cont{ width:100%; float:left; border-top:4px solid #8d5da7}
.fee_cont{ width:100%; float:left; border-top:4px solid #ff005a}
.box_title{box-sizing: border-box; width:100%; float:left; padding:18px 10px 18px 10px; box-sizing:border-box; text-align:left;}
.box_image_cont{ width:100%; float:left}
    .box_image_cont img {max-width:100%;}
.boxes_content_cont{ max-width:280px;width:100%; float:left; padding:10px 10px 30px;box-sizing: border-box;}
.boxes_content_cont ul{ margin:0px; padding:8px 0px}
.boxes_content_cont ul li{ list-style:none; background-image:url(../images/tick.png); background-repeat:no-repeat; background-position:left top; padding-left:15px; line-height:21px}
/*.read_arrow{ width:100%; float:left; text-align:right}*/
.read_arrow {
	width: 100%;
	float: left;
	text-align: right;
	position: absolute;
	bottom: 17px;
	right: 0;
}

#about_outer{ width:100%; float:left; background-image:url(../images/about_bg.jpg); background-repeat:repeat; border-top:2px solid #e4ab59}
#about_wrapper{ max-width:960px;width:100%;margin:auto}
#about_us_section{ width:100%; float:left; background-image:url(../images/footer_line.jpg); background-repeat:repeat-x; background-position:bottom; padding-top:35px; padding-bottom:30px}

#about_us_left{width:68.5%; float:left;}
.about_us_left_title{ background-image:url(../images/footer_title_icon.jpg); background-repeat:no-repeat; background-position:top left; padding-left:54px; max-width:613px}
.about_us_left_detail{ width:100%; float:left; padding-top:30px; line-height:18px; padding-right:55px;box-sizing:border-box;}
#about_right_logo{ width:31.5%; float:right; padding-top:84px}










#footer_menus{ max-width:990px;width:100%; float:left; text-align:center; padding:13px 0px; color:#ffffff; font-size:14px; text-decoration:none; line-height:16px;}
#footer_menus a{ color:#ffffff; font-size:14px; text-decoration:none; margin:0px 10px;line-height: 16px;}

#footer_menus a:hover{ color:#028ecc}

.minheight{ height:246px!important}
.minheight2{ height:190px!important}

#top_button{ position:fixed; z-index:1; right:0; bottom:50%}

.case-study {
    float: left;
    margin:28px 0 0 0px;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
}

.text_cont{ width:100%; float:left; border-top:4px solid #3b9eec}
.survey_cont{ width:100%; float:left; border-top:4px solid #a5cc1e}
.volunteer_cont{ width:100%; float:left; border-top:4px solid #ff8b00}

.down_brochure a{ float:right; color:#ffffff;font-family: 'Fjalla One', sans-serif; font-size:22px; margin-top:25px; margin-left:10px}
.down_brochure a:hover { color:#ff8c00}
.header_phone {background:url("../images/phone_icon.png")no-repeat;max-width:270px; padding-left: 35px; float:right; text-align:right;font-family: 'Fjalla One', sans-serif; font-size:22px;  color:#ffffff!important; margin-top:10px; margin-right:0px}
.header_phone:after{clear:both;position:absolute;width:100%;content:"";display:block;float:none; }
.clear {clear:both;width:100%;}
.header_phone a {color:#fff!important;text-decoration:none!important;}
.bottom-btn-container {max-width: 319px;
display: block;
margin: 0 auto;}
    .bottom-btn-container table tr td img {max-width:100%;
    }




.featured_section_box_section ul {margin:0; padding:0}
.featured_section_box_section ul li{float:left;list-style:none;margin-right:2.5%;max-width: 304px;width: 31.5%;box-sizing: border-box;vertical-align:top; }


/*.featured_section_box_section ul li{display:inline-block;list-style:none;margin-right:2.5%;max-width:300px;width:32%;box-sizing: border-box;vertical-align:top; }*/
.featured_section_box_section ul li:nth-child(3), .featured_section_box_section ul li:nth-child(6), .featured_section_box_section ul li:nth-child(9) {margin-right:0px;    }

    .featured_section_box_section ul li ul {margin:10px 0;    }
    .featured_section_box_section ul li ul li {width:100%; box-sizing: border-box;text-align:left; }