html * {max-height:1000000px;}

@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot') format('embedded-opentype'),
         url('../fonts/Oswald-Regular.woff2') format('woff2'),
         url('../fonts/Oswald-Regular.woff') format('woff'),
         url('../fonts/Oswald-Regular.ttf') format('truetype'),
         url('../fonts/Oswald-Regular.svg#OswaldRegular') format('svg');
}
@font-face {
	font-family:'Soopafresh';
	src:url('../fonts/Soopafresh.ttf') format('eot'),
	url('../fonts/Soopafresh.ttf') format('woff'),
	url('../fonts/Soopafresh.ttf') format('truetype'),
	url('../fonts/Soopafresh.ttf') format('svg');
	font-weight:normal;font-style:normal;
	}


body{
	font-family: Arial, Helvetica, sans-serif;
	color:#444;
	font-size:14px;
	line-height:22px;
	margin:0px;
	direction:ltr;
	text-align:left;
	min-width:440px;
}

img{
	border:none;
}

.noul{
	text-decoration:none;
}

a{
	color:#000;
	text-decoration:none;
}

.black{
	color:#222;	
}

.white{
	color:#fff;
}

.article{
	text-align:justify;
}

.big_article{
	font-size:17px;
	line-height:26px;
}

.article img{
	margin:10px;
}

.article li{
	list-style-image:url(../images/bullet_small.png);
}

.title{
	font-family:Soopafresh;
	font-size:26px;
	line-height:39px;
	letter-spacing:1px;
}

.main_title{
	font-size:42px;
}

.subtitle{
	font-family:OswaldRegular;
	font-size:25px;
	line-height:34px;
	display:block;
	margin-top:20px;
}

.subtitle_small{
	font-size:22px;	
}

.website{
	min-width:500px;
}

.content_container{
	max-width:1280px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	z-index:10;
}

.header_container{
	height:108px;
	position:relative;
	z-index:1000;
	position:fixed;
	background-color:#fff;
	width:100%;
}

.logo_bg{
	background-image:url(../images/logo_bg.png); background-size:contain;
	width:250px;
	height:145px;
	padding-top:15px;
	float:left;
}

.slideshow{
	position:relative;
	margin-top:85px !important;
}

.rough_edge{
	height:40px;
	background-image:url(../images/banner_btm.png); background-size:auto; background-repeat:repeat-x;
	margin-top:20px;	
	margin-top:-85px;
	position:relative;
	z-index:100;
}

.rough_edge_6{
	margin-bottom:-5px;
}

.rough_edge_simple{
	height:40px;
	background-image:url(../images/banner_btm.png); background-size:auto; background-repeat:repeat-x;
	margin-top:-35px;
}

.clear{
	clear:both;
}

.menu{
	display:block;
	float:right;
}

.menu_btn{
	display:none;
}

.menu_item{
	display:inline-block;
	vertical-align:top;
	padding-top:50px;
	padding-bottom:34px;
	font-family:OswaldRegular;
	font-size:18px;
	padding-left:10px;
	padding-right:10px;
	border-radius:4px;
	cursor:pointer;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu_item:hover{
	background-color:#F9C806;
}


.girl_home{
	position:absolute;
	right:0px;
	width:55%;
	max-width:950px;
	margin-top:-80px;
	vertical-align:top;
	z-index:150;
}

.home_container{
	background-image:url(../images/home_home_decoration.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	min-height:600px;
}
	

.home_content{
	width:55%;
	padding-left:50px;
	position:relative;
	padding-top:20px;	
}


.home_about_container{
	background-image:url(../images/home_about_bg.png); background-size:cover; background-repeat:repeat-x; 
	min-height:500px;
	margin-top:-10px;
	padding-top:120px;
	padding-bottom:60px;
}

.stepping_stones_design{
	min-height:350px;
	background-color:#f6f6f6;
	border-bottom:5px solid #666;
	background-image:url(../images/colors.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:100px;
	text-align:left;
}

.stepping_stones_design strong{
	background-color:#5fafb6;
	font-family:OswaldRegular;
	color:#fff;
	display:block;
	text-align:center;
	font-size:22px;
	padding-top:7px;
	padding-bottom:7px;
}


.one_of_three_container{
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding-left:3%;
	padding-right:3%;	
}

.one_of_two_container{
	display:inline-block;
	vertical-align:top;
	width:43%;
	padding-left:3%;
	padding-right:3%;	
}

.about_image{
	width:220px;
	height:220px;	
	border-radius:400px;
	margin-top:25px;
	border:2px solid #fff;
	background-size:100% 100%;
	background-position:center center;
	margin-bottom:20px;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.about_image:hover{
	background-size:130% 130%;	
}



.main_title_line{
	width:183px;
	height:13px;
	background-image:url(../images/title_line_black.png);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:20px;
}

.main_title_line_white{
	background-image:url(../images/title_line_white.png);
}

.break{
	height:20px;
}

.read_more{
	font-family:OswaldRegular;
	font-size:17px;
	text-decoration:underline;
	cursor:pointer;
	display:inline-block;
}

.read_more:hover{
	color:#b00;
}

.pens{
	background-image:url(../images/pens.png);
	height:340px;
	background-position:right;
	background-repeat:no-repeat;
	margin-top:-200px;
	margin-bottom:-140px;
}


.home_programs_container{
	background-image:url(../images/home_prgm_bg.png); background-size:cover;
	min-height:400px;
	margin-top:-10px;
	padding-top:150px;
	padding-bottom:60px;
}


.program_container{
	display:inline-block;
	vertical-align:top;
	width:180px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	margin-bottom:40px;
}


.program_image{
	width:150px;
	height:150px;	
	border-radius:400px;
	margin-top:25px;
	background-size:60% 60%;
	background-position:center center;
	background-repeat:no-repeat;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.program_image:hover{
	background-size:70% 70%;	
}



.home_registration_container{
	background-image:url(../images/home_registration_bg.jpg); background-size:cover;
	padding-top:100px;
	margin-bottom:50px;
}

.reg_container{
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:OswaldRegular;
	font-size:28px;
	text-align:left;
	margin-top:15px;
	cursor:pointer;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.reg_container:hover{
	padding-right:30px;	
}

.home_registration_sections{
	width:55%;
	padding-left:30%;
	display:inline-block;
	vertical-align:top;
}

.home_registration_photo{
	background-image:url(../images/little_boy.png);
	min-height:400px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:contain;
	padding-bottom:60px;
}

.reg_image{
	float:left;
	background-color:rgba(0,0,0,.3);
	background-size:60% 60%;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:450px;;
	border:2px solid #fff;
	width:55px;
	height:55px;
}

.reg_name{
	float:left;
	padding-top:17px;
	padding-left:20px;
}



.home_classes_container{
	background-image:url(../images/home_classes_bg.png);
	padding-top:100px;
	min-height:400px;
	padding-bottom:100px;
}


.boy_girl_image{
	position:relative; left:-64px;
	margin-top:-75px;
}

.classes_content{
	background-color:#f1f1f1; min-height:300px; margin-top:-60px; position:relative; z-index:20;
	padding-top:20px;
	padding-bottom:30px;
}

.class_tab{
	background-color:#ed217c;
	border-radius:5px;
	font-family:OswaldRegular;
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	margin:10px;
	padding:14px;
	width:140px;
	cursor:pointer;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.class_tab:hover{
	background-color:#cd3076;
}

.class_tab_active{
	background-color:#00aeef !important;	
}

.classes_line{
	max-width:90%;
	border-bottom:1px solid #dfb022;
	margin-bottom:15px;
	margin-top:15px;
}

.class_container{
	max-width:90%;
}

.class_image{
	float:left;
	width:320px;
	height:180px;
	background-size:cover;
	margin-right:40px;
	background-position:center center;
}

.class_content{
	float:left;
}


.home_contact_container{
	background-image:url(../images/home_cntct_bg.jpg);
	background-size:cover;
	background-position:center center;
	padding-top:60px;
	min-height:520px;
}


.contact_details, .contact_form{
	float:left;
	width:40%;
	border:1px solid rgba(0,0,0,0);
	color:#fff;
	font-family:OswaldRegular;
	font-size:19px;
}

.contact_map{
	float:left;
	width:19%;
	padding-top:60px;
}


.social_btn{
	height:40px;
	width:40px;
	margin-right:8px;
	float:left;
	background-color:#00aeef;
	border-radius:500px;
	background-repeat:no-repeat;
	background-image:url(../images/social_white.png);
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social_btn:hover{
	background-color:#1985ae;
}

.fb{
	background-position:4px 4px;
}

.tw{
	background-position:-33px 4px;
}

.in{
	background-position:-68px 4px;
}

.yt{
	background-position:-103px 4px;
}

.wa{
	background-position:-140px 4px;
}

.sc{
	background-position:-180px 4px;
}




.cc{
	background-color:#56bdc4;
	font-family:OswaldRegular;
	padding-bottom:10px;
	margin-top:-30px;
	position:relative;
	z-index:30;
}

.develop{
	display:block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}


.input{
	border-radius:4px;
	padding:5px;
	padding-left:12px;
	margin-bottom:8px;
	font-size:17px;
	width:100%;
	max-width:400px;
	border:none;
	background-color:#fff;
	font-family:OswaldRegular;
	color:#666;
}

.input_select{
	max-width:417px;	
}

.button{
	background-color:#faca39;
	font-family:OswaldRegular;
	color:#444;
	border:none;
	border-radius:4px;
	padding:8px;
	font-size:16px;
	min-width:150px;
	cursor:pointer;
}

.button_big{
	font-size:22px;
	padding:14px;
	min-width:380px;
}

.button:hover{
	background-color:#faa639
}

.message_sent{
	color:#fff;
	font-family:OswaldRegular;	
	margin-bottom:18px;
}

.message_sent img{
	position:relative;
	top:12px;
}

.popup{
	width:90%;
	max-width:900px !important;
	margin-top:100px;
	max-height: calc(100vh - 100px) !important;
	background-image:url(../images/popup_bg.png) !important;
	border-radius:16px;
}

.popup_contents{
	overflow: auto;	
	max-height: calc(100vh - 400px);
	min-height:200px;
	padding:40px;
	padding-bottom:0px;
	font-size:17px;
	text-align:justify;
}

.popup_title{
	height:119px;
	background-image:url(../images/popup_header.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.popup_title .title{
	padding-top:40px;
	font-size:30px;
	color:#555;
}

.popup_image{

}

.body_container{
	min-height:300px;
}

.stepping_stones{
	background-image:url(../images/home_classes_bg.png);
	background-repeat:repeat;
	padding-bottom:20px;
	margin-bottom:-20px;
}

.calendar_page_title{
	background-image:url(../images/home_about_bg.jpg); height:80px; padding-top:140px; background-position:bottom; background-repeat:repeat-x;
}

.calendar_box{
	height:560px;	
}

.calendar_month{
	height:310px;
}

.calendar td ,th{
	border:1px solid #999;
	font-size:18px;
	width:30px;
	height:30px;
	text-align:center;
}

.calendar th{
	font-family:OswaldRegular;	
}

.calendar caption{
	font-family:OswaldRegular;
	font-size:22px;
	padding:10px;
	color:#fff;
}

.calendar .day5, .calendar .day6{
	background-color:#eee;	
}

.calendar_theme{
	font-family:OswaldRegular;
	font-size:24px;	
	line-height:30px;
}

.calendar_events{
	font-size:16px;
}

.tuition_table{
	width:90%;	
}

.tuition_table td{
	font-size:19px;
	padding:12px;
	border:1px solid #ccc;
	text-align:center;
	background-color:#f6f6f6;
	font-family:OswaldRegular;
}

.tuition_table_header{
	font-family:OswaldRegular;
	color:#fff;
	font-size:24px !important;
	text-align:center;
}

.registration_form div{
	width:31%;
	margin-left:1%;
	margin-right:1%;
	padding-bottom:10px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	color:#555;
	font-size:13px;
}

.registration_form input[type="text"],.registration_form input[type="tel"],.registration_form input[type="number"],
.registration_form input[type="email"],.registration_form input[type="file"], .registration_form select, .registration_form textarea{
	width:96%;
	border:1px solid #aaa;
	border-radius:3px;
	padding:8px;
	padding-left:2%;
	padding-right:2%;
	font-size:15px;
	color:#666;
	resize:none;
}

.star{
	color:#d00;
}

.line{
	border-bottom:1px solid #aaa;
	margin-bottom:20px;
	margin-top:10px;
}





@media only screen and (max-width : 1150px){
	
	.menu{ 
		clear:both;
		float:none;
		text-align:center;
		padding-bottom:0px;
		position:absolute;
		width:100%;
		max-width:450px;
		right:0px;
		margin:10px;
		margin-top:125px;
		background-color:#fff;
		border:3px solid rgba(0,0,0,.2);
		display:none;
	}
	
	.menu_item{
		display:block;
		padding:20px;
		height:auto;
		font-size:22px;
		border-bottom:1px solid #ddd;
	}
	
	.menu_btn{
		display:block;
		float:right;
		background-image:url(../images/menu_btn.png);
		width:75px;
		height:60px;
		background-position:center center;
		background-repeat:no-repeat;
		margin-top:35px;
		cursor:pointer;
	}
	
	.menu_btn:hover{
		opacity:.6;	
	}
	
	.slideshow{
		
	}
	
	.header_container{
		height:125px !important;
		background-color:#fff;
		border-bottom:3px solid rgba(0,0,0,.2);
	}
	
	.logo_bg{
		height:80px;
		text-align:left;
	}
	
	.logo_bg img{
		width:140px;
	}
	
	.one_of_three_container{
		display:block;
		width:94%;
		padding-left:3%;
		padding-right:3%;
		margin-bottom:60px !important;
		margin-top:60px; !important;
	}
	
	.one_of_two_container{
		display:block;
		width:94%;
		padding-left:3%;
		padding-right:3%;	
		margin-bottom:75px !important;	
	}
	
	.home_container{
		padding-bottom:130px;
	}
	
	.slideshow{
		margin-top:125px !important;
	}	
	
	.calendar_page_title{
		padding-top:170px;
	}	
	
	.registration_form div{
		width:95%;
		display:block;
	}
		
}



@media only screen and (max-width : 800px){
	
	.girl_home{
		display:none;
	}	
	
	.home_content{
		width:100%;
		padding-left:0px;
	}
	
	.home_registration_sections{
		width:80%;
		padding-left:0px;
	}
	
	.class_tab{
		display:block;
		width:auto;
	}
	
	.boy_girl_image{
		margin-top:0px;
	}
	
	.class_image{
		float:none;
		width:100%;
		height:240px;
		margin-right:0px;
	}
	
	.class_content{
		float:none;
	}
	
	.contact_details, .contact_form{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.social_btn{
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	
	.contact_map{
		float:none;
		width:100%;
		margin-bottom:40px;
	}
	
	.home_contact_container{
		background-position:center center;
		padding-bottom:80px;
		background-image:url(../images/home_cntct_bg_small.jpg);
	}
	
	.contact_send{
		text-align:center !important;	
	}
	
	.popup_title{
		background-position:top right;
	}
	
	
	.main_title{
		font-size:35px;
	}
	
	.stepping_stones .article img{
		display:none;
	}
}	
