@font-face {
  	font-family: 'JSaoEr';
  	src: url('fonts/JSaoEr.eot');
  	src: url('fonts/JSaoEr.eot?#iefix') format('embedded-opentype'), 
	    url('fonts/JSaoEr.woff') format('font-woff'), 
	    url('fonts/JSaoEr.ttf')  format('truetype'), 
	    url('fonts/JSaoEr.svg#JSaoEr') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

body{
    font-family: 'Nunito', sans-serif;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

*{
    outline: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a{
    color: #222;
    outline: none;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

a:hover{
	opacity: 0.8;
}

.mobile{
    display: none;
}

.desktop{
    display: block;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.animate-enter{
    position: relative;
    opacity: 0;
    bottom: -150px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.animate-enter.show{
    opacity: 1;
    bottom: 0px;
}

.bg-color-brown{
	background-color: #dbbaa4;
}

.text-color-brown{
	color: #dbbaa4;
}

.bg-color-purple{
	background-color: #a7b5c2 !important;
}

.text-color-purple{
	color: #a7b5c2;
}

.bg-color-green{
	background-color: #acd8b6 !important;
}

.text-color-green{
	color: #acd8b6;
}


#wrapper{
}

h1,h2,h3,h4,h5{
	margin: 0 0 15px;
}

.max-width-main{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.max-width{
	width: 100%;
	max-width: 1181px;
	margin: 0 auto;
}

.cn-font{
	font-family: 'JSaoEr';
}

#menu-list{
	height: 100%;
	height: calc(100% - 94px);
	height: -webkit-calc(100% - 94px);
	width: 378px;
	background-color: #add7b7;
	position: fixed;
	z-index: 100;
	top: 0;
	right: -100%;
	padding: 64px 75px 30px 48px;
	-webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  	transition: all 600ms cubic-bezier(1, 0, 0, 1); 
  	overflow-y: auto;
}

#menu-list .menu-list-inner{
	position: relative;
}	

#menu-list.show{
	right: 0px;
}

#menu-list .ml-top{
	height: 30px;
	text-align: right;
	width: 30px;
	position: absolute;
	top: 0;
	right: -5px;
}

#menu-list .ml-top img{
	display: inline-block;
	width: 30px;
}

#menu-list .ml-content > a{
	display: block;
	text-decoration: none;
	font-size: 12px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: normal;
  	text-align: left;
  	color: #575756;
  	width: 280px;
  	margin-bottom: 20px;
}

#menu-list .ml-content h2{
	font-size: 22px;
  	font-weight: bold;
  	margin: 0;
}

#menu-list .ml-content p{
	margin: 0;
	line-height: normal;
}

#menu-list .line{
	width: 100%;
	background-color: rgba(87,87,86, 0.5);
	height: 1px;
	margin-bottom: 25px;
	margin-top: 25px;
}	

#menu-list ul{
	margin: 0 0 0px;
	padding: 0;
	list-style: none;
	display: block;
}

#menu-list ul li{
	font-size: 22px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.55;
  	text-align: left;
  	color: #575756;
}

#menu-list ul li a{
	color: #575756;
	text-decoration: none;
}

#menu-list ul li a.no-hover{
	opacity: 1;
	cursor: auto;
}

#menu-list ul.small-links{
	margin-bottom: 60px;

}

#menu-list ul.small-links li{
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
}

#menu-list ul.small-links li a{
	text-decoration: underline;
}

#menu-list ul.small-links li:nth-child(1){
	border-right: 1px solid #575756;
	padding-right: 10px;
}

#menu-list ul.small-links li:nth-child(2){
	padding-left: 5px;
}

#menu-list .ml-bottom{

}

#menu-list .ml-bottom .ml-right > a{
	display: block;
	width: 65px;
	margin-bottom: 18px;
}

#menu-list .ml-bottom .ml-right > a img{
	display: block;
	width: 65px;
}

#menu-list .ml-bottom p{
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: -0.2px;
	text-align: left;
	color: #575756;
}

#header{
	height: 127px;
	position: relative;
	background-color: #f2f2f1;
	position: fixed;
	width: 100%;
	z-index: 88;
}

#header .max-width{
	height: 100%;
}

#header .logo{
	display: block;
	width: 121px;
	margin: 0 auto;
	position: relative;
	top: 64px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	z-index: 11;
}

#header .logo img{
	display: block;
	width: 100%;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

#header #menu{
	width: 100px;
	height: 30px;
	float: right;
	cursor: pointer;
	margin-right: 125px;
	margin-top: 68px;
}

#header #menu .menu{
	width: 31px;
	position: relative;
	height: 24px;
	float: left;
	margin-right: 15px;
}

#header.fixed{
	height: 70px;
	position: fixed;
	width: 100%;
	z-index: 88;
}

#header.fixed #menu{
	margin-top: 20px;
}	


#header.fixed .logo{
	width: 80px;
	top: 20px;
}	


#header #menu .menu span{
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #74bc1f;
	top: 3px;
	left: 0;
}

#header #menu .menu span:nth-child(2){
	top: 12px;
}

#header #menu .menu span:nth-child(3){
	bottom: 1px;
	top: auto;
}

#header #menu > span{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.4px;
	color: #575756;
	position: relative;
	top: 6px;
}

#content{
	padding-top: 100px;
}

#content .banner{
	width: 100%;
	height: 810px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

#content .banner.small{
	height: 300px;
	background-position: center top;
}

#content .banner.home-banner .video-con{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#content .banner.home-banner .video-con .disable-click{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #ccc;
	opacity: 0;
}

#content .banner img{
	
}

#content .title-con{
	width: 100%;
	height: 149px;
	position: absolute;
	left: 0;
	bottom: -75px;
	z-index: 5;
}

#content .title-con.feel{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	bottom: -104px;
}

#content .title-con.whats-up{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	bottom: -95px;
}

#content .title-con.join-us{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	bottom: -95px;
}

#content .title-con.about{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	bottom: -95px;
}

#content .title-con.contact{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	bottom: -95px;
}

#content .title-con .page-title{
	height: 100%;
	width: 484px;
	margin: 0 auto;
	background-image: url('../images/paper-tear.png');
}

#content .title-con .page-title h1{
	text-align: center;
	position: relative;
	left: -20px;
	top: 30px;
}	

#content .title-con .page-title h1 span{

}


#content .title-con .page-title h1 span.en{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: normal;
  	text-align: center;
  	color: #3c3c3b;
  	position: relative;
  	left: -50px;
  	top: -25px;
  	display: inline-block;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

#content .title-con.whats-up .page-title h1 span.en{
	left: -15px;
	top: -35px;
}	

#content .title-con.join-us .page-title h1 span.en{
	left: 10px;
	top: -25px;
}

#content .title-con.about .page-title h1 span.en{
	left: 30px;
	top: -35px;
}

#content .title-con.contact .page-title h1 span.en{
	left: 0px;
	top: -40px;
}

#content .title-con .page-title h1 span.deg0{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}

#content .title-con .page-title h1 span.deg3{
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

#content .title-con .page-title h1 span.deg5{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
}

#content .title-con .page-title h1 span.deg10{
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

#content .title-con .page-title h1 span.cn{
	font-size: 56.9px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -2.4px;
  	text-align: center;
  	color: #3c3c3b;
  	font-family: 'JSaoEr';
  	position: relative;
  	left: -25px;

}

#content .title-con.whats-up .page-title h1 span.cn{
	top: 15px;
	left: -45px;
}

#content .title-con.join-us .page-title h1 span.cn{
	top: 12px;
	left: 0px;
}

#content .title-con.about .page-title h1 span.cn{
	top: 8px;
	left: -5px;
}

#content .title-con.contact .page-title h1 span.cn{
	top: 8px;
	left: -30px;
}

#content .title-con.feel .page-title h1 span.cn, 
#content .title-con.join-us .page-title h1 span.cn,
#content .title-con.about .page-title h1 span.cn,
#content .title-con.contact .page-title h1 span.cn
{
	display: inline-block;
}	

#content .page-description{
	padding-top: 135px;
	padding-bottom: 55px;
}

#content.apply-form .page-description{
	padding-top: 50px;
}

#content .page-description.illu-con{
	position: relative;
}

#content .page-description.padding-more{
	padding-bottom: 580px;
	position: relative;
	padding-top: 150px;
}	

#content .page-description.padding-more .illustration-bigmap{
	position: absolute;
	top: 20px;
	right: 0px;
	width: 100%;
}

#content .page-description.padding-more .illustration-bigmap img{
	display: block;
	width: 100%;
}

#content .page-description.illu-con .illustration-teachers{
	position: absolute;
	bottom: 40px;
	right: -50px;
	width: 50%;
}

#content .page-description.illu-con .illustration-teachers img{
	display: block;
	width: 100%;
}

#content .page-description.illu-con .illustration-gardening{
	position: absolute;
	bottom: -2px;
	right: 50px;
	width: 42%;
}

#content .page-description.illu-con .illustration-gardening img{
	display: block;
	width: 100%;
}

#content.apply-form .page-description.illu-con .illustration-gardening{
	width: 30%;
}

#content .page-description.illu-con .illustration-happening{
	position: absolute;
	bottom: 5px;
	right: -40px;
	width: 60%;
}

#content .page-description.illu-con .illustration-happening img{
	display: block;
	width: 100%;
}

#content .page-description.illu-con .illustration-happening2{
	position: absolute;
	bottom: 5px;
	right: -40px;
	width: 60%;
}

#content .page-description.illu-con .illustration-happening2 img{
	display: block;
	width: 100%;
}

#content .illustration-about-top{
	width: 330px;
	position: absolute;
	top: -162px;
	right: 20px;
	z-index: 11;
}

#content .illustration-about-top img{
	display: block;
	width: 100%;
}

#content .illustration-about{
	width: 88%;
	position: relative;
	top: -60px;
}	

#content .illustration-about img{
	display: block;
	width: 100%;
}

#content .page-description.padding-normal{
	padding-bottom: 65px;
	background-image: url('../images/divider-green-main.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#content .page-description h2{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #1c3f95;
  	margin: 0 0 20px;
}

#content .page-description span{
	font-weight: normal;
}

#content .page-description p{
	font-size: 20px;
  	font-weight: 600;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: -0.2px;
  	text-align: left;
  	color: #706f6f;
  	margin: 0 0 30px;
  	width: 570px;
  	position: relative;
  	z-index: 10;
}

#content .page-description p.no-bold{
	font-weight: normal;
}

#content .page-description p:last-child{
	margin-bottom: 0px;
}


#content .main-category{
	width: 770px;
	margin: 0 auto 20px;
	padding-top: 65px;
}

#content .main-category ul{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#content .main-category ul li{
	display: block;
	float: left;
	width: 120px;
	font-family: 'JSaoEr';
	text-align: center;
	font-size: 48.9px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: -7.7px;
	text-align: center;
	color: #575756;
	padding-right: 15px;
}

#content .main-category ul li span{
	display: block;
	font-size: 30px;
  	font-weight: 600;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: normal;
  	text-align: center;
  	color: #575756;
  	font-family: 'Nunito';
  	padding-right: 0px;
}

#content .main-category ul li.spacer{
	width: 173px;
	height: 130px;
	background-image: url('../images/stroke-01.png');
	background-repeat: no-repeat;
	background-size: 173px;
	background-position: center center;
}

#content .main-category ul li:last-child{
	padding-right: 0px;
}

#content .home-about{
	height: 330px;
	position: relative;
}

#content .home-about .illustration-1{
	width: 550px;
	position: absolute;
	top: -50px;
	right: -50px;
}

#content .home-about .illustration-1 img{
	display: block;
	width: 100%;
}

#content .home-about p{
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.45;
	letter-spacing: -0.2px;
	text-align: left;
	color: #706f6f;
	width: 570px;
}

#content .home-about p:nth-child(1){
	padding-top: 55px;
}

#content .home-about p:last-child{
	margin-bottom: 0px;
}	

#content .home-learn{
	margin-bottom: 65px;
}

#content h2.sub-header{
	margin: 0 0 20px;
	font-size: 22px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #76bc21;
}

#content .home-whatsup{
	background-color: #f0f1f1;
	padding-top: 80px;
	padding-bottom: 97px;
}

#content .home-explore{
	padding-top: 48px;
	padding-bottom: 50px;
}

#content .home-explore h2.sub-header{
	margin-bottom: 45px;
}

#content .home-explore .max-width .explore-map{
	height: 600px;
	position: relative;
}

#content .home-explore .max-width .explore-map .illustration-map{
	position: absolute;
	width: 80%;
	bottom: -56px;
	left: -50px;
}

#content .home-explore .max-width .explore-map .illustration-map img{
	width: 100%;
	display: block;
}

#content .home-explore .max-width .explore-map .map-text{
	width: 400px;
	position: absolute;
	right: 0px;
	top: 60px;
}

#content .home-explore .max-width .explore-map .map-text h2{
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.34;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;
  	margin: 0 0 10px;
}

#content .home-explore .max-width .explore-map .map-text p{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #575756;
  	margin: 0 0 15px;
}

#content .home-explore .max-width .explore-map .map-text p a{
	color: #575756;
	text-decoration: none;
}

#content .home-explore .max-width .explore-map a.action-link{
	display: block;
	width: 200px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #ccc;
	opacity: 0;
}

#content .home-explore .max-width .explore-map a.action-link:hover{
	opacity: 0 !important;
}

#content .home-explore .max-width .explore-map a.action-link.link1{
	left: 0px;
	top: 460px;
	height: 120px;
}

#content .home-explore .max-width .explore-map a.action-link.link2{
	left: 400px;
	top: 180px;
}

#content .home-explore .max-width .explore-map a.action-link.link3{
	left: 660px;
	top: 340px;
	height: 120px;
}

#content .home-explore .max-width .explore-map .map{
	width: 197px;
	height: 153px;
	background-color: blue;
	position: absolute;
	left: 200px;
	top: 200px;
	cursor: pointer;
	display: block;
}

#content .home-explore .max-width .explore-map .map .map-caption{
	width: 100%;
	height: 100%;
	display: table;
}

#content .home-explore .max-width .explore-map .map .map-caption span{
	width: 100%;
	height: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-family: 'JSaoEr';
	font-size: 47.7px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -7.5px;
  	color: #ffffff;
  	position: relative;

}	

#content .home-explore .max-width .explore-map .map.map-green{
	background-image: url('../images/shape-01.png?v=1');
	background-color: transparent;
	left: 0;
	top: 0;
}

#content .home-explore .max-width .explore-map .map.map-brown{
	background-image: url('../images/shape-02.png?v=2');
	background-color: transparent;
	left: 500px;
	top: 200px;

}

#content .home-explore .max-width .explore-map .map.map-purple{
	background-image: url('../images/shape-03.png?v=3');
	background-color: transparent;
	left: 200px;
	top: 368px;

}


#content .home-explore .max-width .explore-map .map.map-brown .map-caption span{
	font-size: 46.7px;
  	letter-spacing: -6.5px;
  	left: -5px;
}	

#content .home-explore .max-width .explore-map .map.map-purple .map-caption span{
	font-size: 53.7px;
  	letter-spacing: -7.5px;
  	top: 5px;
}

/** learn **/
.learn-menu{
	margin-top: 137px;
	height: 280px;
	position: relative;
}

.learn-menu a.box-link{
	display: block;
	width: 280px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	opacity: 0 !important;
	background-color: #fff;
}

.learn-menu a.box-link.link-preschool{
	top: 50px;
	left: 80px;
}

.learn-menu a.box-link.link-primary{
	top: 50px;
	left: 430px;
}

.learn-menu a.box-link.link-learning{
	top: 50px;
	left: 780px;
}

.learn-menu .illustration-worms{
	width: 90%;
	position: absolute;
	left: 0px;
	top: -135px;
	z-index: 5;
}

.learn-menu .illustration-worms img{
	width: 100%;
	display: block;
}

.learn-menu .illustration-house{
	width: 250px;
	height: 125px;
	position: absolute;
	top: -60px;
	right: -25px;
	z-index: 6;

	background-image: url('../images/home-based-learning-bg.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.learn-menu .illustration-house.type-2{
	top: -20px;
}

.learn-menu .illustration-house.type-3{
	top: -20px;
}

.learn-menu .illustration-house .ih-inner{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../images/house.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.learn-menu .illustration-house .ih-inner .ih-text-bg{
	width: 167px;
	height: 84px;

	position: absolute;
	bottom: 0px;
	right: 0px;
	display: table;
}

.learn-menu .illustration-house .ih-inner .ih-text-td{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.12;
	letter-spacing: normal;
	color: #ffffff;
	cursor: pointer;
}

.learn-menu .illustration-birds{
	width: 90%;
	position: absolute;
	left: 60px;
	top: -185px;
	z-index: 5;
}

.learn-menu .illustration-birds img{
	width: 100%;
	display: block;
}

.learn-menu .illustration-tools{
	width: 90%;
	position: absolute;
	left: 80px;
	top: -105px;
	z-index: 5;
}

.learn-menu .illustration-tools img{
	width: 100%;
	display: block;
}

.learn-menu .learn-menu-item{
	width: 246px;
	height: 133px;
	position: absolute;
	left: 90px;
	bottom: 75px;
	display: block;
	cursor: pointer;
	z-index: 3;
}

.learn-menu .learn-menu-item .item-con{
	width: 100%;
	height: 100%;
	position: relative;
}

.learn-menu .learn-menu-item span{
	
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.23;
  	letter-spacing: normal;
  	text-align: center;
  	color: #ffffff;
  	display: block;
  	text-align: center;
  	position: absolute;
  	bottom: 48px;
  	width: 100%;
}

.learn-menu .learn-menu-item.learn-preschool{
	width: 246px;
	height: 133px;
	left: 100px;
	bottom: 73px;
	background-image: url('../images/learn-shape-01.png');
	background-repeat: no-repeat;
	background-size: auto;
	
}

.learn-menu .learn-menu-item.learn-primary{
	width: 218px;
	height: 163px;
	left: 476px;
	bottom: 73px;
	background-image: url('../images/learn-shape-02.png');
	background-repeat: no-repeat;
	background-size: auto;
}

.learn-menu .learn-menu-item.learn-tools{
	width: 239px;
	height: 136px;
	left: 804px;
	bottom: 73px;
	background-image: url('../images/learn-shape-03.png');
	background-repeat: no-repeat;
	background-size: auto;
}

.learn-menu .learn-menu-item.learn-tools span{
	bottom: 55px;
}	

.learn-menu .bird{
	position: absolute;
}


.learn-menu .bird.bird1{
	width: 75px;
	height: 52px;
	background-image: url('../images/bird.png');
	background-repeat: no-repeat;
	bottom: 176px;
	left: 371px;
}

.learn-menu .bird.bird2{
	width: 49px;
	height: 35px;
	background-image: url('../images/bird-02.png');
	background-repeat: no-repeat;
	bottom: auto;
	top: 0;
	left: 684px;
}

.learn-menu .bird.bird3{
	width: 49px;
	height: 35px;
	background-image: url('../images/bird-03.png');
	background-repeat: no-repeat;
	bottom: 131px;
	left: 723px;
}

.learn-line{
	position: absolute;
	bottom: 0;
	z-index: 4;
	width: 9px;
	height: 119px;
}

.learn-line.line-brown{
	
	background-image: url('../images/line-brown.png');
	background-repeat: no-repeat;
	left: 220px;
	bottom: -10px;

}

.learn-line.line-purple{
	
	background-image: url('../images/line-purple.png');
	background-repeat: no-repeat;
	left: 595px;
	bottom: -10px;

}

.learn-line.line-green{
	
	background-image: url('../images/line-green.png');
	background-repeat: no-repeat;
	left: 924px;
	bottom: -10px;

}

.learn-explore{
	margin-top: 0px;
	margin-bottom: 119px;
}

.learn-explore .learn-explore-image img{
	display: block;
	width: 100%;
}

.article{
	padding-bottom: 38px;
	padding-top: 92px;
	background-image: url('../images/divider-green-main.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}


.article .sidebar{
	width: 29.55%;
	float: left;
}

.article .article-content{
	width: 68.55%;
	width: calc(70.45% - 55px);
	width: -webkit-calc(70.45% - 55px);
	float: left;
	margin-left: 55px;
}

.article .article-content{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
}

.article .article-content p{
	margin: 0 0 30px;
}

.article .article-content img{
	display: block;
	width: 100% !important;
	margin-bottom: 22px;
	height: auto !important;
}

.article h1{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.17;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #76bc21;
}

.more-post{
	height: 51px;
	text-align: right;
	padding-bottom: 60px;
}

.more-post a{
	display: inline-block;
	padding: 35px 0;
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.34;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;
  	text-decoration: none;
}

.more-post a.prev-post{
	padding-right: 61px;
	background-image: url('../images/arrow-left-green.png');
	background-repeat: no-repeat;
	background-position: center right;
	padding-left: 10px;
	margin-right: 10px;
}

.more-post a.next-post{
	padding-left: 61px;
	background-image: url('../images/arrow-right-green.png');
	background-repeat: no-repeat;
	background-position: center left;
}

#content .common{
	padding-top: 70px;
	padding-bottom: 100px;
}

#content .common.career{
	padding-top: 50px;
}

#content .common h2{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #76bc21;
  	margin: 0;
}

#content .common p{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
  	margin: 0;
}

#content .recruitment-video{
	position: relative;
	margin-top: 30px;
}

#content .recruitment-video > img{
	width: 100%;
	display: block;
}

#content .recruitment-video .rv-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	display: block;
	cursor: pointer;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

#content .recruitment-video .rv-overlay:hover{
	background-color: rgba(0,0,0,0.4);
}

#content .recruitment-video .rv-overlay .rvo-content{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #ffffff;
  	text-align: center;
}

#content .recruitment-video .rv-overlay .rvo-content img{
	width: 51px;
	display: block;
	margin: 5% auto 10px;
	
}

#content .co-labels{
	padding: 30px 0 0px;
}

#content .co-labels .co-l{
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	float: left;
}

#content .co-labels .co-l:nth-child(1){
	margin-right: 20px;
}

#content .openings{
	margin-top: 25px;
}

#content .openings .opening-item{
	padding: 48px 37px;
	background-color: #f0f1f1;
	margin-bottom: 10px;
}

#content .openings .opening-item.green-bg{
	background-color: #e6f3e9;
}

#content .openings .opening-item{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
  	position: relative;
}

#content .openings .opening-item .oi-left{
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin-right: 20px;
	float: left;
}

#content .openings .opening-item .oi-right{
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	float: left;
	line-height: 1.85;
}

#content .openings .opening-item h3{
	font-size: 18px;
  	font-weight: bold;
  	letter-spacing: -0.4px;
  	color: #575756;
  	margin: 0 0 25px;
}

#content .openings .opening-item ul{
	margin: 0 0 20px 20px;
	padding: 0;
}

#content .openings .opening-item a{
	width: 176px;
	height: 51px;
	display: table;
	text-decoration: none;
	text-align: center;
	background-image: url('../images/enquire-btn-green-dark.png');
	background-repeat: no-repeat;
	/*
	position: absolute;
	bottom: 44px;
	right: 49px;
	*/
	margin-top: 30px;
}

#content .openings .opening-item a span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.4px;
  	color: #ffffff;
}

.placeholder{
	border-radius: 10px;
	border: dashed 1px #ccc;
	background-color: #fff;
}

.placeholder.ph512{
	width: 512px;
	display: table;
	height: 676px;
	font-size: 20px;
  	font-weight: 600;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.35;
  	letter-spacing: -0.2px;
  	text-align: center;
  	color: #706f6f;
}

.placeholder.phfloat{
	font-size: 20px;
  	font-weight: 600;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.05;
  	letter-spacing: -0.2px;
  	text-align: center;
  	color: #706f6f;
  	width: 327px;
  	height: 152px;
	position: absolute;
	top: -76px;
	right: 50px;
	z-index: 10;
	display: table;
}	

.placeholder span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.about-us{
	padding-bottom: 50px;
}

.about-us .video-con{
	margin-top: 50px;
	margin-bottom: 90px;
}

.cols{

}

.cols.two .col{
	width: 50%;
	float: left;
}

.cols .line{
	height: 10px;
	background-image: url('../images/divider-green-small.png');
	background-repeat: no-repeat;
	margin: 50px 0 40px;
}

.cols h2{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.33;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #76bc21;
  	margin: 0 0 30px;
}

.cols p{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
  	margin: 0 0 30px;
}

.cols p:last-child{
	margin-bottom: 0px;
}

#map {
    height: 664px;
    width: 100%;
    margin-bottom: 40px;
}

.locations{
	padding-bottom: 50px;
	background-image: url('../images/divider-green-main-invert.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 35px;
}

.locations.no-line{
	padding-bottom: 50px;
	background-image: none;
}

.locations .loc-col{
	width: 20%;
	float: left;
}

.locations .loc-col > a{
	font-size: 13px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
  	text-decoration: underline;
}

.locations .loc-col > a.opening-link{
  	text-decoration: none;
  	font-weight: normal;
}

.locations .loc-col img.pdf-icon{
	width: 29px;
	display: block;
	margin-bottom: 5px;
}

.locations .loc-col h2{
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.34;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;
  	margin: 0 0 10px

}

.locations .loc-col p{
	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
  	margin: 0  0 30px;
  	font-size: 13px;
}

.locations .loc-col p:last-child{
	margin-bottom: 0;
}

.locations .loc-col p a{
	font-weight: bold;
	color: #76bc21;
	text-decoration: none;
}

#content .contact-us h2.map-title{
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.17;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #1c3f95;
}

#content .contact-us .c-outlets{
	padding-bottom: 50px;
}

#content .contact-us .c-outlets .c-outlet{
	background-image: url(../images/divider-green-main.png);
	background-repeat: no-repeat;
	background-position: top 30px left;
}

#content .contact-us .c-outlets .c-outlet .co-title{
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.34;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;
  	height: 60px;
  	cursor: pointer;
}

#content .contact-us .c-outlets .c-outlet .co-title span{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	background-image: url('../images/carat-green-new.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top 5px center;
	margin-left: 10px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: 3px;
}

#content .contact-us .c-outlets .c-outlet.active .co-title span{

	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

#content .contact-us .c-outlets .c-outlet .co-boxes{
	padding: 20px 0;
	display: none;
}

#content .contact-us .c-outlets .c-outlet .co-box{
	width: calc(33.33% - 14.66px);
	width: -webkit-calc(33.33% - 14.66px);
	float: left;
	background-color: #eef7f0;
	margin-right: 22px;
	border-radius: 20px;
	margin-bottom: 22px;
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;

}

#content .contact-us .c-outlets .c-outlet .co-box a{
	font-weight: bold;
	color: #76bc21;
}

#content .contact-us .c-outlets .c-outlet .co-box:nth-child(3n){
	margin-right: 0px;
}	

#content .contact-us .c-outlets .c-outlet .co-box .co-box-inner{
	padding: 25px 15px;
}

#content .contact-us .c-outlets .c-outlet .co-box .co-box-inner .cob-top{
	height: 160px;
}

#content .contact-us .c-outlets .c-outlet .co-box .co-box-inner .cob-bottom{
	color: #575756;
	height: 150px;

}

#content .contact-us .c-outlets .c-outlet .co-box table{
	width: 100%;
}
	

#content .contact-us .c-outlets .c-outlet .co-box table td abbr{
	float: right;
}

.grid{

}

.grid.grid-three{

}

.grid .grid-item{
	float: left;
	width: 33.33%;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

.grid.grid-three .grid-item.vid-item{
	position: relative;
}

.grid.grid-three .grid-item.vid-item img.icon-play{
	position: absolute;
	width: 40px;
	left: calc(50% - 20px);
	left: -wekbit-calc(50% - 20px);
	top: calc(50% - 30px);
	top: -wekbit-calc(50% - 30px);
}

.grid.margin40{
	margin-bottom: 40px;
}

.grid.margin50{
	margin-bottom: 50px;
}

.grid.grid-two .grid-item{
	width: 48%;
	width: calc(50% - 9.5px);
	margin-right: 19px;
	height: 271px;
}	

.grid.grid-two .grid-item .grid-image{
	float: right;
	width: 50%;
	height: 100%;
}	

.grid.grid-two .grid-item .grid-text{
	float: left;
	width: 50%;
	position: relative;
	height: 100%;
	background-color: #add7b7;
}

.grid.grid-two.no-space .grid-item{
	width: 50%;
	margin-right: 0px;
	height: 464px;
}	

.grid.grid-two.no-space .grid-item .grid-image{
	width: 100%;
	float: none;
	overflow: hidden;
}	

.grid.grid-two.no-space .grid-item .grid-text{
	width: 100%;
	float: none;
	background-color: #dbbaa4;
	text-align: center;
}	

.grid.grid-two.no-space .grid-item .grid-text img{
	width: 350px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.grid.grid-two.no-space .grid-item .grid-text.tools-illu img{
	width: 400px;
	position: relative;
	top: -20px;
}
.grid.grid-two.no-space .grid-item .grid-text.with-title img{
	width: 205px;
	margin-top: 43px;
	margin-bottom: 45px;
}

.grid.grid-two.no-space.entry-1 .grid-item .grid-text.with-title img{
	float: left;
	width: 350px;
	margin-left: -20px;
}

.grid.grid-two.no-space.entry-3 .grid-item .grid-text.with-title img{
	float: left;
	width: 350px;
	margin-left: -20px;
}


.grid.grid-two.no-space.entry-4 .grid-item .grid-text.with-title img{
	float: right;
	width: 300px;
	margin-top: 80px;
}

.grid.grid-two.no-space .grid-item .grid-text h2{
	font-size: 20px;
  	font-weight: 900;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: -0.2px;
  	text-align: center;
  	color: #ffffff;
  	margin: 0 auto;
  	display: block;
  	width: 465px;
}

.grid.grid-two.no-space.entry-1 .grid-item .grid-text h2{
	margin-top: 50px;
	margin-bottom: 20px;
}

.grid.grid-two.no-space.entry-2 .grid-item .grid-text h2{
	position: relative;
	top: -30px;
}	

.grid.grid-two.no-space.entry-3 .grid-item .grid-text h2{
	margin-top: 80px;
	margin-bottom: 20px;
}

.grid.grid-two.no-space.entry-4 .grid-item .grid-text h2{
	margin-top: 80px;
	margin-bottom: 20px;
	width: 500px;
}

.grid.grid-two.no-space .grid-item .grid-text p{
	font-size: 16px;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: -0.2px;
  	text-align: center;
  	color: #ffffff;
  	margin: 0 auto;
  	display: block;
  	width: 465px;
  	position: relative;
  	top: -30px;
}

.grid.grid-two.no-space.entry-1 .grid-item .grid-text p{
	top: 0px;
}	

.grid.grid-two.no-space.entry-3 .grid-item .grid-text p{
	top: 0px;
}	

.grid.grid-two.no-space.entry-4 .grid-item .grid-text p{
	top: 0px;
}

.grid.grid-two.no-space .grid-item .grid-text.tools-illu p{
	top: -100px;
}
.grid.grid-two.one-third{
	margin-top: 75px;
}

.grid.grid-two.one-third.invert{
	margin-top: 95px;
}	

.grid.grid-two.one-third .grid-item{
	width: 100%;
	margin-right: 0px;
	height: auto;
	margin-bottom: 33px;
}	

.grid.grid-two.one-third .grid-item .grid-image{
	width: calc(34.3% - 26px);
	width: -webkit-calc(34.3% - 26px);
	float: left;
	margin-right: 26px;
	height: 270px;
	overflow: hidden;
}	

.grid.grid-two.one-third.invert .grid-item .grid-image{
	width: 68%;
	width: calc(71.45% - 60px);
	width: -webkit-calc(71.45% - 60px);
	float: right;
	margin: 0 0 0 60px;
	height: 451px;
}	


.grid.grid-two.one-third .grid-item .grid-text{
	width: 65.7%;
	float: left;
	background-color: #fff;
	text-align: left;
	padding-bottom: 50px;
	background-image: url('../images/divider-brown.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}	

.whatsup-articles{
	padding-bottom: 80px;
}

#content.purple .grid.grid-two.one-third .grid-item .grid-text{
	background-image: url('../images/divider-purple.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}	

.grid.grid-two.one-third .grid-item:last-child .grid-text{
	background-image: none !important;
}	

#content.green .grid.grid-two.one-third .grid-item .grid-text{
	background-image: url('../images/divider-green.png') !important;
	background-repeat: no-repeat;
	background-position: bottom left;
}	

#content .grid.grid-two.one-third.invert .grid-item .grid-text{
	width: 28.55%;
	float: left;
	padding-bottom: 0px;
	background-image: none !important;
}

.grid.grid-two.one-third .grid-item .grid-text h2{
	font-size: 41.9px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -2.9px;
  	text-align: left;
  	color: #575756;
  	font-family: 'JSaoEr';
  	margin: 0 0 20px;
  	line-height: 1
}

.grid.grid-two.one-third.invert .grid-item .grid-text h2{
	font-family: 'Nunito', sans-serif;
	font-size: 30px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.17;
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #76bc21;
}	

.grid.grid-two.one-third.invert .grid-item .grid-text p{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
}	

.grid.grid-two.one-third .grid-item .grid-text h3{
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.34;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;
  	margin: 0 0 24px;
}

.grid.grid-two.one-third .grid-item .grid-text a.enquire{
	display: block;
	width: 176px;
	height: 51px;
	background-image: url('../images/enquire-btn.png');
	background-repeat: no-repeat;
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #ffffff;
  	text-decoration: none;
  	text-align: center;
}
	

#content.purple .grid.grid-two.one-third .grid-item .grid-text a.enquire{
	background-image: url('../images/enquire-btn-purple.png');
}	

#content.green .grid.grid-two.one-third .grid-item .grid-text a.enquire{
	background-image: url('../images/enquire-btn-green.png');
}	

.grid.grid-two.one-third .grid-item .grid-text a.enquire span{
	position: relative;
	top: 12px;
}

.grid.grid-two.one-third .grid-item .grid-text ul{
	margin: 0 0 30px;
	padding: 0 0 0 15px;

}

.grid.grid-two.one-third .grid-item .grid-text ul li{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.77;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #706f6f;
}

.grid.grid-two .grid-item h3{
	margin: 23px 0 0 29px;
	font-size: 18px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;

}

.grid.grid-two .grid-item .grid-desc{
	position: absolute;
	bottom: 25px;
	left: 29px;
	right: 29px;

	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #575756;
}

.grid.grid-two .grid-item .grid-desc h2{
	margin: 0;
	font-size: 18px;
   	font-weight: bold;
   	letter-spacing: -0.4px;
  	color: #575756;
}	

.grid.grid-two .grid-item .grid-desc p{
	margin: 0 0 15px;
  	
}

.grid.grid-two .grid-item .grid-desc p.read-more{
	font-weight: bold;
	color: #575756;
	text-decoration: none;
	margin: 0;
}

.grid.grid-three .grid-item{
	width: 30%;
	width: calc(33.33% - 12.67px);
	margin-right: 19px;
}	


.grid.grid-three .grid-image{
	height: 284px;
	overflow: hidden;
}

.grid.grid-three .grid-text{
	height: 56px;
	width: 100.1%;
	display: table;

}	

.grid.grid.grid-three .grid-text span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	width: 100%;
}

.grid.grid-two .grid-item:last-child,
.grid.grid-three .grid-item:last-child{
	margin-right: 0px;
}


.grid .bg-image{
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

a.grid-item:hover{
	opacity: 1 !important;
}

.grid .bg-image:hover{
	background-position: center center;
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



#footer{
	background-color: #f2f2f1;
	padding-top: 61px;
	padding-bottom: 40px;
}

#footer .max-width{
	position: relative;
}

#footer .footer-chat{
	display: block;
	width: 91px;
	height: 91px;
	position: absolute;
	top: -106px;
	right: -5px;
}

#footer .footer-left{
	width: 299px;
	float: left;
	margin-right: 54px;
}

#footer .footer-left p{
	font-size: 13px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: normal;
  	text-align: left;
  	color: #706f6f;
  	margin: 0;
}

#footer .footer-video{
	width: 100%;
	height: 192px;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
}

#footer .footer-video img{
	display: block;
	width: 100%;
}

#footer .footer-video img.play-icon{
	position: absolute;
	width: 84px;
	height: 84px;
	left: 108px;
	top: 55px;
}

#footer .footer-right{
	width: 60%;
	width: calc(100% - 353px);
	width: -webkit-calc(100% - 353px);
	float: left;
}

#footer .footer-right .footer-links .footer-ul{
	width: 20%;
	float: left;
}

#footer h2{
	font-size: 22px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -0.4px;
  	text-align: left;
  	color: #575756;
  	margin-bottom: 30px;
}

#footer ul{
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

#footer h3{
	font-size: 13px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: normal;
  	text-align: left;
  	color: #706f6f;
  	margin: 0;
}

#footer h3.with-margin{
	margin-bottom: 0px;
}

#footer h3 a{
	text-decoration: none;
	color: #706f6f;
}

#footer ul li{
	font-size: 13px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: normal;
  	text-align: left;
  	color: #706f6f;
  	margin: 0;
}

#footer ul li a{
	color: #706f6f;
	text-decoration: none;
}

#footer ul.bold-links li a{
	font-weight: bold;
}	


.video-con{
	position: relative;
}

.video-con .icon-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}

.video-con .icon-overlay span{
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}	

.video-con .icon-overlay span img{
	position: relative;
	top: calc(50% - 45px);
	top: -webkit-calc(50% - 45px);
}

/** slider ***/
.jayslider{
	height: 724px;
	position: relative;
	padding-top: 80px;
	margin-bottom: 95px;
}

.jayslider.no-desc{
	height: 578px;
	margin-bottom: 70px;
}	

.jayslider.no-title{
	padding-top: 30px;
}	

.jayslider .js-title{
	width: 204px;
	height: 159px;
	position: absolute;
	top: 0px;
	z-index: 10;
	left: calc(50% - 102px);
	left: -webkit-calc(50% - 102px);
	display: table;
}


.jayslider .js-title span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 48.4px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -2.8px;
  	text-align: center;
  	color: #ffffff;
  	font-family: 'JSaoEr';
}

.jayslider .js-dir{
	width: 51px;
	height: 51px;
	position: absolute;
	left: -25.5px;
	top: calc(50% - 25.5px);
	top: -webkit-calc(50% - 25.5px);
	z-index: 10;
	cursor: pointer;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.jayslider.no-title .js-dir{
	top: calc(50% - 90px);
	top: -webkit-calc(50% - 90px);
}	

.jayslider .js-dir:hover{
	opacity: 0.8;
}

.jayslider .js-dir.next{
	left: auto;
	right: -25.5px;
}

.jayslider .js-content{
	width: 100%;
	height: 578px;
	position: relative;
	overflow: hidden;
}

.jayslider.desc-inside .js-content{
	height: 724px;
}

.jayslider .js-content .js-item{
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
}

.jayslider .js-content .js-item .js-image{
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}

.jayslider.desc-inside .js-content .js-item .js-image{
	height: 578px;
}

.jayslider .js-desc{
	height: 146px;
	font-size: 12px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  
  	letter-spacing: -0.2px;
  	text-align: left;
  	color: #ffffff;
  	position: relative;
}	

.jayslider .js-desc .desc-location{
	height: 40px;
	width: 300px;
	position: absolute;
	top: 40px;
	right: 45px;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: normal;
  	color: #ffffff;
  	display: none;
}

.jayslider .js-desc h2{
	padding-top: 40px;
	margin-left: 34px;
	margin-bottom: 0px;
	font-size: 22px;
  	font-weight: bold;
  	letter-spacing: -0.4px;
  	width: 550px;
}

.jayslider .js-desc p{
	margin: 0 0 0 34px;
	line-height: 1.57;
	width: 550px;
}

.jayslider .js-desc.desc-only p{
	width: 100%;
  	font-size: 15px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.81;
  	letter-spacing: -0.3px;
  	text-align: left;
  	color: #ffffff;
  	padding: 45px 0 0;
}

.jayslider.js-green .js-title{
	background-image: url('../images/slide-label-bg-green.png');
	background-repeat: no-repeat;
}

.jayslider.js-brown .js-title{
	background-image: url('../images/slide-label-bg-brown.png');
	background-repeat: no-repeat;
}

.jayslider.js-purple .js-title{
	background-image: url('../images/slide-label-bg-purple.png');
	background-repeat: no-repeat;
}


.jayslider.js-green .js-dir.prev{
	background-image: url('../images/arrow-left-green.png');
	background-repeat: no-repeat;
}

.jayslider.js-green .js-dir.next{
	background-image: url('../images/arrow-right-green.png');
	background-repeat: no-repeat;
}

.jayslider.js-green.diff-arrow .js-dir.prev{
	background-image: url('../images/arrow-left-purple.png');
	background-repeat: no-repeat;
}

.jayslider.js-green.diff-arrow .js-dir.next{
	background-image: url('../images/arrow-right-purple.png');
	background-repeat: no-repeat;
}

.jayslider.js-brown .js-dir.prev{
	background-image: url('../images/arrow-left-brown.png');
	background-repeat: no-repeat;
}

.jayslider.js-brown .js-dir.next{
	background-image: url('../images/arrow-right-brown.png');
	background-repeat: no-repeat;
}

.jayslider.js-brown.diff-arrow .js-dir.prev{
	background-image: url('../images/arrow-left-green.png');
	background-repeat: no-repeat;
}

.jayslider.js-brown.diff-arrow .js-dir.next{
	background-image: url('../images/arrow-right-green.png');
	background-repeat: no-repeat;
}

.jayslider.js-purple .js-dir.prev{
	background-image: url('../images/arrow-left-purple.png');
	background-repeat: no-repeat;
}

.jayslider.js-purple .js-dir.next{
	background-image: url('../images/arrow-right-purple.png');
	background-repeat: no-repeat;
}

.jayslider.js-purple.diff-arrow .js-dir.prev{
	background-image: url('../images/arrow-left-brown.png');
	background-repeat: no-repeat;
}

.jayslider.js-purple.diff-arrow .js-dir.next{
	background-image: url('../images/arrow-right-brown.png');
	background-repeat: no-repeat;
}

.jayslider.js-green .js-desc{
	background-color: #acd8b6;
}	

.jayslider.js-brown .js-desc{
	background-color: #dbbaa4;
}	


.jayslider.js-purple .js-desc{
	background-color: #a7b5c2;
}	

.form{
	font-size: 18px;
	line-height: 1.34;
  	letter-spacing: -0.4px;
	color: #575756;
	margin-bottom: 50px;
}

.form h4{
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.34;
	letter-spacing: -0.4px;
	text-align: left;
	color: #575756;
}

.form h4 span{
	margin-left: 10px;
}

.form h5{
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.85;
	letter-spacing: -0.1px;
	text-align: left;
	color: #575756;
}

.form .form-cols{

}

.form .form-group{
	background-image: url(../images/divider-green-main.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.form .notes{
	font-size: 13px;
	line-height: 1.62;
  	letter-spacing: -0.3px;
  	text-align: right;
  	color: #ace4f9;
	padding-top: 0px;
}

.form .form-cols .form-col{
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	float: left;
}

.form .form-cols .form-col:nth-child(1){
	margin-right: 20px;
}

.form .form-input{
	margin-bottom: 23px;
}

.form .form-input .error{
	color: #EF3340;
	font-size: 11px;
	margin-top: 5px;
}

.form .form-input .custom-radio > .form-input{
	float: left;
	margin-bottom: 0px;
	margin-left: 70px;
}

.form .form-input label{
	display: block;
	margin-bottom: 10px;
}

.form .form-input.file-upload-box label{
	margin-bottom: 0px;
}

.form .form-input label abbr{
	color: #1c3f95;
	margin-right: 5px;
}

.form .form-input input[type=text]{
	width: 90%;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	padding: 10px;
	border: none;
	background-color: #f2f2f1;
	color: #333;
}

.form .form-input textarea{
	font-size: 16px;
	padding: 10px;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	padding: 10px;
	border: none;
	background-color: #f2f2f1;
	height: 350px;
	color: #333;
}

.form .form-input textarea.short{
	height: 100px;
}

.form .form-input .custom-radio{
	display: inline-block;
	cursor: pointer;
	margin-left: 43px;
}

.form .form-input.horizontal > .custom-radio {
	display: block;
	margin-left: 0px;
	margin-bottom: 20px;
}

.form .form-input .custom-radio span em{
	font-style: normal;
	display: block;
	margin-left: 25px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: -0.2px;
	text-align: left;
	color: #575756;
}

.form .form-input .custom-radio:nth-child(1){
	margin-left: 0px;
}


.form .form-input .custom-radio .cr-circle, .form .form-input.custom-select .cr-circle{
	width: 14px;
	height: 14px;
	border-radius: 10px;
	background-color: #f2f2f1;
	display: inline-block;
	border: 2px solid #f2f2f1;
	margin-right: 2px;
	position: relative;
	top: 2px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.form .form-input.custom-select ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	line-height: 1.79;
	margin-left: 80px;
}

.form .form-input.custom-select ul li input[type=checkbox]{
	 display: none; 
}

.form .form-input.custom-select ul li{
	cursor: pointer;
}

.form .form-input.custom-select ul li em{
	font-style: normal;
}

.form .form-input.custom-select ul:nth-child(1){
	margin-left: 0px;
}

.form .form-input .custom-radio.float-left > .cr-circle, .form .form-input .custom-radio.float-left > span{
	float: left;
}

.form .form-input.horizontal .custom-radio.float-left > span em{
	margin-left: 0px;
}

.form .form-input .custom-radio input[type=radio]{
	 display: none; 
}

.form .form-input .custom-radio .cr-circle.selected, .form .form-input.custom-select .cr-circle.selected{
	width: 14px;
	height: 14px;
	border-radius: 10px;
	background-color: #76ba30;
	display: inline-block;
	border: 2px solid #f2f2f1;
}	

.form .form-input .g-recaptcha{
	float: left;
}

.form .form-input button{
	display: inline-block;
	color: #fff;
	background-color: #1c3f95;
	border: none;
	height: 41px;
	width: calc(100% - 310px);
	width: -webkit-calc(100% - 310px);
	border-radius: 10px;
	float: right;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.form .form-input button:hover{
	background-color: rgb(28,63,149, 0.8)

}


.form .form-input.file-upload-box button{
	float: none;
	width: 284px;
	margin-bottom: 10px;
}

.form .form-input.c-dropdown{
	width: 100%;
	height: 41px;
	position: relative;

	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.34;
	letter-spacing: -0.4px;
	text-align: left;
	color: #ffffff;
}

.form .form-input.c-dropdown .c-dropdown-spacer{
	height: 80px;
}

.form .form-input.c-dropdown .c-dropdown-con{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #1c3f95;
	width: 100%;
	z-index: 10;
	border-radius: 20px;
}

.form .form-input.c-dropdown.dropdown-single .c-dropdown-con{
	top: 40px;
}	

.form .form-input.c-dropdown .c-dropdown-con .padding{
	padding: 0 20px;
}

.form .form-input.c-dropdown .c-dropdown-title{
	height: 41px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.form .form-input.c-dropdown .c-dropdown-title span.title{
	position: relative;
	top: 8px;
}

.form .form-input.c-dropdown .c-dropdown-title span.carat{
	width: 17px;
	height: 9px;
	position: absolute;
	right: 0px;
	top: 16px;
	background-image: url('../images/carat-white-new.png');
	background-repeat: no-repeat;
	background-size: contain;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);

	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.form .form-input.c-dropdown.open .c-dropdown-title span.carat {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.form .form-input.c-dropdown .c-dropdown-content{
	display: none;
}

.form .form-input.c-dropdown .c-dropdown-content h3{
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.34;
	letter-spacing: -0.4px;
	text-align: left;
	color: #ffffff;
	margin: 0 0 15px;
}

.form .form-input.c-dropdown .c-dropdown-content .cdc-group{
	border-top: 1px solid #fff;
	padding: 25px 0px 20px;
}

.form .form-input.c-dropdown .c-dropdown-content .cdc-group ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.68;
	letter-spacing: -0.4px
}

.form .form-input.c-dropdown .c-dropdown-content .cdc-group ul li{
	cursor: pointer;
}

.form .form-input.c-dropdown .c-dropdown-content .cdc-group ul li input{
	 display: none; 
}

.form .form-input.c-dropdown .c-dropdown-content .cdc-group ul li span.cdc-circle{
	width: 14px;
	height: 14px;
	border-radius: 10px;
	background-color: #fff;
	display: inline-block;
	border: 2px solid #fff;
	margin-right: 10px;
	position: relative;
	top: 2px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.form .form-input.c-dropdown .c-dropdown-content .cdc-group ul li.selected span.cdc-circle{
	background-color: #76ba30;
}

.custom-fileupload{
	margin-top: 18px;
}

.custom-fileupload input{
	display: none;
}

.custom-fileupload .cf-display{
	width: 284px;
	height: 63px;
	background-color: #f2f2f1;
	text-align: center;
	line-height: 1.34;
	letter-spacing: -0.4px;
	color: #575756;
	font-weight: bold;
	font-style: italic;

}


.custom-fileupload .cf-display img{
	width: 20px;
	margin-top: 18px;
	display: none;
}
.custom-fileupload .cf-display span{
	display: inline-block;
	margin-left: 10px;
	margin-top: 18px;
	vertical-align: top;
}

#success-overlay{
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(172,216,182, 0.5);
}

#success-overlay .so-inner{
	display: table;
	width: 100%;
	height: 100%;
}

#success-overlay .so-inner .so-td{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#success-overlay .so-box{
	max-width: 520px;
	height: 480px;
	width: 90%;
	display: inline-block;
	/* background-image: url('../images/green-bubble-bg.png'); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: relative;
}

#success-overlay .so-box .so-close{
	width: 32px;
	height: 32px;
	background-image: url('../images/x.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

#success-overlay .so-box img{
	margin-top: 50px;
	width: 91px;
	margin-bottom: 20px;
}

#success-overlay .so-box h2{
	font-size: 81.9px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: -3.9px;
  	text-align: center;
  	color: rgba(202, 255, 207, 0.8);
  	font-family: 'JSaoEr';
  	margin: 0;
  	line-height: 1;
}

#success-overlay .so-box p{
	font-size: 20px;
  	font-weight: 600;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.45;
  	letter-spacing: -0.2px;
  	text-align: center;
  	color: rgba(202, 255, 207, 0.8);
}


#overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	left: 0;
	top: 0;
	background-color: #fff;
	display: none;
}

#overlay .overlay-inner{
	position: relative;
	width: 100%;
	height: 100%;
}

#overlay .overlay-inner .overlay-content{
	width: 100%;
	height: 80%;
	position: relative;
	top: 30px;
}

#overlay .overlay-inner .overlay-content div#map{
	width: 100%;
	height: 100% !important;
	
}

/*** end of slider ***/

@media only screen and (max-height: 750px) {
	#menu-list .ml-bottom .ml-left{
		float: left;
		width: 52%;
	}

	#menu-list .ml-bottom .ml-right{
		float: right;
		width: 48%;
	}

	#menu-list .ml-bottom .ml-right > a{
		display: block;
		width: 53px;
		margin-bottom: 26px;
	}

	#menu-list .ml-bottom .ml-right > a img{
		display: block;
		width: 53px;
		margin-top: 5px;
	}

	#menu-list .ml-bottom p{
		margin: 0;
		font-size: 10px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: -0.2px;
		text-align: left;
		color: #575756;
	}

	#menu-list ul{
		margin: 0px;
	}

}

@media only screen and (max-width: 1190px) {
	.max-width{
		margin-left: 20px;
		margin-right: 20px;
	}

	.grid.grid-three .grid-item{
		width: calc(33.33% - 26px);
		width: -webkit-calc(33.33% - 26px);
		margin-right: 20px;
	}

	.grid.grid-two .grid-item{
		width: calc(50% - 29px);
		width: -webkit-calc(50% - 29px);
	}	

	.grid.grid-three .grid-text{
		width: 100.2%;
	}

	#content .home-explore .max-width .explore-map .map-text{
		right: 20px;
	}

	#footer .footer-chat{
		right: 20px;
	}

	.learn-menu .learn-menu-item.learn-preschool{
		width: 20.85%;
		background-size: 100% auto;
		left: 8.47%;
		height: 47.5%;
	}

	.learn-menu .learn-menu-item.learn-primary{
		width: 18.47%;
		background-size: contain;
		left: 40.34%;
		height: 58.21%;

	}

	.form.max-width{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	.learn-menu .learn-menu-item .item-con{
		bottom: 8%;
	}	

	.learn-menu .learn-menu-item.learn-tools{
		width: 20.85%;
		background-size: contain;
		left: 68.13%;
		height: 48.57%;
	}

	.learn-menu a.box-link{
		width: 23.73%;
	}

	.learn-menu a.box-link.link-preschool{
		left: 6.78%;
	}

	.learn-menu a.box-link.link-primary{
		left: 36.44%;
	}

	.learn-menu a.box-link.link-learning{
		left: 66.10%;
	}

	.learn-line.line-brown{
		left: 18.64%;
	}

	.learn-line.line-purple{
		left: 50.42%;
	}

	.learn-line.line-green{
		left: 78.31%;
	}

	.learn-menu .illustration-birds{
		top: -55%;
	}

	.grid.grid-two.no-space .grid-item {
		width: calc(50% - 0px);
		width: -webkit-calc(50% - 0px);
	}

	.grid.grid-two.no-space .grid-item .grid-text p {
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
	}	

	.grid.grid-two.one-third .grid-item .grid-text{
		width: calc(65.7% - 40px);
		width: -webkit-calc(65.7% - 40px);
		background-size: contain;
	}

	.jayslider.max-width{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#content .page-description p{
		width: 600px;
		font-size: 18px;
		line-height: 1.4;
	}

	.grid.grid-two.one-third.invert .grid-item .grid-image{
		width: calc(71.45% - 80px);
		width: -webkit-calc(71.45% - 80px);
		margin-left: 40px;
		margin-right: 40px;
	}

	#content .page-description.padding-normal{
		background-size: contain;
		background-position: left -30px bottom;
	}

	.article .article-content{
		width: 68.55%;
		width: calc(70.45% - 75px);
		width: -webkit-calc(70.45% - 75px);
		float: left;
		margin-left: 35px;
	}

	.cols, .about-us .video-con, #content .openings{
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
	}

	.placeholder.ph512{
		width: 86.78%;
	}

	#content .contact-us{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#content .c-outlets{
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
	}

	#content .common.max-width{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#content .learn-explore.max-width{
	 	width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		margin-left: 0px;
	
	 }

	 #content .recruitment-video, #content .about-us, #content .learn-articles, #content .whatsup-articles{
	 	width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	 }

	#content .c-outlets .c-outlet{
		background-size: contain;
	}

	.learn-menu .illustration-house{
		width: 250px;
		height: 125px;
		position: absolute;
		top: -60px;
		right: 20px;
		z-index: 6;

		background-image: url('../images/home-based-learning-bg.png');
		background-repeat: no-repeat;
		background-position: bottom right;
	}

}

@media only screen and (max-width: 1060px) {
	.form .form-input.custom-select ul{
		margin-left: 0px;
		float: none;
	}

	.learn-menu .illustration-house{
		width: 200px;
		height: 100px;
		background-size: 80%;
	}

	.learn-menu .illustration-house .ih-inner{
		background-size: contain;
	}
}		

@media only screen and (max-width: 1040px) {

	#content .home-about p{
		width: 500px;
	}

	#content .home-explore .max-width .explore-map .map-text{
		width: 350px;
		right: 30px;
	}	

	#content .home-explore h2.sub-header{
		margin-bottom: 0px;
	}

	.grid.grid-two.no-space .grid-item {
		height: 450px;
	}	

	.learn-explore{
		margin-left: 0px;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#footer .footer-chat{
		right: 40px;
	}

	#footer .footer-left{
		margin-right: 30px;
	}

	#content .page-description.padding-more{
		padding-bottom: 550px;
	}

	#content .page-description p{
		width: 550px;
		font-size: 17px;
	}

	#content .page-description.illu-con .illustration-teachers{
		width: 45%;
		right: 0px;
	}

	.grid.grid-two.no-space.entry-1 .grid-item .grid-text.with-title img{
		width: 280px;
	}

	.grid.grid-two.no-space.entry-3 .grid-item .grid-text.with-title img{
		width: 280px;
	}

	.grid.grid-two.no-space.entry-4 .grid-item .grid-text.with-title img{
		width: 280px;
	}
	
	#content .contact-us .c-outlets .c-outlet .co-box .co-box-inner .cob-top{
		height: 170px;
	}

	.form .form-input .g-recaptcha {
		float: none;
	}

	.form .form-input button{
		float: none;
		width: 284px;
		margin-top: 20px;
	}

}

@media only screen and (max-width: 959px) {
	
	#header #menu{
		margin-right: 30px;
	}

	#content .banner{
		height: 600px;
	}

	#content .main-category ul li{
		width: 100px;
		font-size: 45px;
		display: inline-block;
		float: none;
		vertical-align: middle;
	}

	#content .main-category ul li:last-child{
		padding-right: 15px;
	}	

	#content .main-category ul li span{
		font-size: 20px;
	}

	#content .home-about .illustration-1{
		width: 400px;
		top: 20px;
	}


	#content .home-about{
		height: 300px;
	}

	#content .home-about p{
		width: 400px;
		font-size: 18px;
	}

	.grid.grid-three .grid-image{
		height: 150px;
	}

	#content h2.sub-header{
		font-size: 20px;
	}

	.grid.grid.grid-three .grid-text span{
		font-size: 15px;
	}

	.grid.grid-two .grid-item{
		height: 220px;
	}

	.grid.grid-two .grid-item h3{
		font-size: 13px;
		margin-top: 10px;
		margin-left: 20px;

		margin-bottom: 10px;
	}

	.grid.grid-two .grid-item .grid-desc{
		position: static;
		margin-left: 20px;
		font-size: 12px;
		margin-right: 20px;
		line-height: 1.2;
	}

	.grid.grid-two .grid-item .grid-desc h2{
		font-size: 15px;
		line-height: 1.2;

		margin-bottom: 10px;
	}

	#content .home-explore .max-width .explore-map{
		height: 450px;
	}

	#content .home-explore .max-width .explore-map .map-text{
		width: 300px;
	}

	#content .home-explore .max-width .explore-map .map-text h2{
		font-size: 15px;
	}

	#content .home-explore .max-width .explore-map .map-text p{
		font-size: 12px;
	}

	#content .home-whatsup{
		padding-top: 50px;
		padding-bottom: 60px;
	}

	#content .title-con .page-title{
		width: 350px;
		background-size: contain !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	#content .title-con .page-title h1 span.en{
		font-size: 25px;
	}

	#content .title-con .page-title h1 span.cn{
		font-size: 55px;
	}

	.learn-menu{
		margin-top: 100px;
	}

	.learn-menu .illustration-worms{
		top: -60px;
	}

	.learn-menu .learn-menu-item.learn-preschool{
		width: 25.85%;
		left: 3%;
	}

	.learn-menu .learn-menu-item.learn-primary{
		width: 23.47%;
		left: 35%;
	}

	.learn-menu .learn-menu-item.learn-tools{
		width: 25.85%;
		left: 66%;
	}

	.grid.grid-two.no-space .grid-item .grid-text.tools-illu img{
		width: 320px;
	}

	.learn-line.line-brown{
		left: 15%;
	}

	.learn-line.line-purple{
		left: 45%;
	}

	.grid.grid-two.no-space .grid-item{
		height: 350px;
	}

	.grid.grid-two.no-space .grid-item .grid-text img{
		width: 270px;
	}

	.learn-menu .illustration-birds{
		top: -90px;
	}

	.learn-menu .illustration-tools{
		top: -50px;
	}

	.jayslider{
		height: 600px;
		margin-bottom: 150px;
	}

	.jayslider.desc-inside{
		margin-bottom: 90px;
	}

	.jayslider.desc-inside .js-content{
		height: 600px;
	}


	.jayslider.desc-inside .js-content .js-item .js-image{
		height: 452px;
	}

	#footer{
		padding-top: 50px;
		padding-bottom: 35px;
	}

	#footer .footer-chat{
		width: 80px;
		height: 80px;
		right: 30px;
	}

	#footer .footer-chat img{
		width: 100%;
	}

	#footer .footer-left{
		width: 230px;
		margin-right: 20px;
	}

	#footer .footer-right{
		width: calc(100% - 270px);
		width: -webkit-calc(100% - 270px);
	}	

	#footer .footer-video{
		height: 150px;
	}

	#footer .footer-video img.play-icon{
		width: 60px;
		height: 60px;
		left: 90px;
		top: 50px;
	}

	#footer h2{
		font-size: 20px;
		margin-bottom: 15px;
	}

	#content .page-description.padding-more .illustration-bigmap{
		top: 80px;
	}


	#content .page-description.padding-more{
		padding-bottom: 400px;
	}

	#content .page-description p{
		width: 500px;
		font-size: 15px;
		line-height: 1.3;
	}

	.jayslider .js-desc.desc-only p{
		width: 350px;
	}

	#content .page-description p{
		width: 400px;
	}

	.grid.grid-two.no-space .grid-item .grid-text.with-title img{
		width: 180px;
	}

	.grid.grid-two.no-space.entry-1 .grid-item .grid-text.with-title img{
		width: 220px;
	}

	.grid.grid-two.no-space.entry-3 .grid-item .grid-text.with-title img{
		width: 220px;
	}

	.grid.grid-two.no-space.entry-4 .grid-item .grid-text.with-title img{
		width: 220px;
	}

	.grid.grid-two.no-space .grid-item .grid-text h2{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		font-size: 16px;
	}

	.grid.grid-two.no-space .grid-item .grid-text p{
		font-size: 14px;
		line-height: 1.4;
	}

	.locations .loc-col{
		width: 33.33%;
	}

	#content .recruitment-video .rv-overlay .rvo-content{
		font-size: 20px;
	}
}	

@media only screen and (max-width: 767px) {

	#wrapper {
		overflow-x: hidden;
	}

	#header {
		height: 70px;
	}

	#header #menu, #header.fixed #menu {
		width: 36px;
		margin-top: 22px;
		margin-right: 20px;
	}

	#header #menu > span {
		display: none;
	}

	#header #menu .menu {
		margin-right: 0px;
	}

	#header .logo {
		width: 64px;
		top: 36px;
	}

	#header.fixed .logo {
		width: 64px;
		top: 36px;
	}

	#content {
		padding-top: 70px;
	}

	#content .banner {
		height: 180px;
	}

	#content .main-category {
		width: 100%;
		padding-top: 25px;
		margin-bottom: 30px;
	}

	#content .main-category ul li {
		width: 40px;
		font-size: 20px;
		padding-right: 5px;
		letter-spacing: -3px;
	}

	#content .main-category ul li span {
		font-size: 12px;
	}

	#content .main-category ul li.spacer {
		width: 64px;
		background-size: 64px;
		height: 30px;
	}

	#content .home-about {
		height: auto;
	}

	#content .home-about .illustration-1 {
		position: static;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#content .home-about p {
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		font-size: 16px;
		line-height: 1.25;
		letter-spacing: -0.2px;
	}

	#content .home-about p:nth-child(1) {
		padding-top: 0px;
	}

	#content h2.sub-header {
		font-size: 25px;
		margin-bottom: 5px;
		line-height: 1.1;
		letter-spacing: -0.4px;
	}

	.grid.grid-three .grid-item {
		float: none;
		margin-right: 0px;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-bottom: 10px;
	}

	.grid.grid-three .grid-image {
		height: 210px;
	}

	.grid.grid-three .grid-text {
		height: 41px;
	}

	.grid.grid.grid-three .grid-text span {
		font-size: 11.8px;
	}

	#content .home-learn {
		margin-bottom: 34px;
	}

	#content .home-whatsup {
		background-color: #fff;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.grid.grid-two .grid-item {
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-bottom: 10px;
		height: 131px;
	}

	.grid.grid-two .grid-item .grid-desc p:nth-child(2) {
		display: none;
	}

	.grid.grid-two .grid-item h3 {
		font-size: 10px;
		margin-left: 12px;
	}

	.grid.grid-two .grid-item .grid-desc {
		position: absolute;
		left: 12px;
		margin-left: 0;
		margin-right: 0;
		bottom: 10px;
	}

	.grid.grid-two .grid-item .grid-desc h2 {
		font-size: 16px;
		line-height: 1.08;
		letter-spacing: -0.3px;
	}

	.grid.grid-two .grid-item .grid-desc p.read-more {
		font-size: 8px;
		line-height: 1.89;
		letter-spacing: -0.2px;
	}

	#content .title-con {
		height: 44px;
		bottom: -20px;
	}

	#content .title-con .page-title {
		width: 141px;
		height: 44px;
	}

	#content .title-con .page-title h1 {
		top: -2px;
		left: 20px;
	}

	#content .title-con .page-title h1 span.en {
		font-size: 8px;
		left: -28px;
		top: -10px;
	}

	#content .title-con .page-title h1 span.cn {
		font-size: 20px;
		letter-spacing: -5px;
	}

	#content .title-con.whats-up {
		bottom: -20px;
	}

	#content .title-con.whats-up .page-title h1 span.en {
		top: -15px;
	}

	#content .title-con.whats-up .page-title h1 span.cn {
		top: 5px;
	}

	#content .title-con.join-us {
		bottom: -20px;
	}

	#content .title-con.join-us .page-title h1 span.en {
		top: -10px;
		left: -20px;
	}

	#content .title-con.join-us .page-title h1 span.cn{
		top: 5px;
		left: -20px;
	}

	#content .title-con.contact{
		bottom: -20px;
	}

	#content .title-con.contact .page-title h1 span.en{
		top: -12px;
		left: -30px;
	}

	#content .title-con.contact .page-title h1 span.cn{
		left: -50px;
		top: 5px;
	}

	#content .home-explore{
		padding-top: 20px;
		padding-bottom: 0px;
	}

	#content .home-explore .max-width .explore-map{
		height: auto;
	}

	#content .home-explore .max-width .explore-map .illustration-map{
		position: static;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-bottom: 20px;
	}

	#content .home-explore .max-width .explore-map .map-text{
		position: static;
	}

	#content .home-explore .max-width .explore-map .map-text h2{
		font-size: 22px;
		line-height: 1.1;
  		letter-spacing: -0.4px;
	}

	#content .home-explore .max-width .explore-map .map-text p{
		font-size: 16px;
		line-height: 1.25;
  		letter-spacing: -0.2px;
	}

	#content .page-description.illu-con .illustration-happening{
		position: static;
		margin: 0 auto 15px;
	}

	#content .page-description.illu-con .illustration-happening2{
		position: static;
		margin: 0 auto 15px;
	}

	.grid.grid-two.one-third{
		margin-top: 10px;
	}

	.grid.grid-two.no-space .grid-item{
		width: calc(50% - 0px);
		width: -webkit-calc(50% - 0px);
		float: left;
		height: 240px;
	}

	.grid.grid-two.no-space .grid-item .grid-text img{
		width: 50%;
	}

	.grid.grid-two.no-space .grid-item .grid-text p{
		font-size: 11px;
		line-height: 1.09;
  		letter-spacing: -0.1px;
  		margin-top: 25px;
	}

	.grid.grid-two.no-space .grid-item .grid-text.tools-illu p{
		top: -65px;
	}

	.grid.grid-two.one-third .grid-item .grid-image{
		float: none;
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		height: auto;
		margin-bottom: 20px;
	}

	.grid.grid-two.one-third .grid-item .grid-text{
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	.grid.grid-two.one-third .grid-item .grid-text h2{
		font-size: 32px;
  		letter-spacing: -4.5px;
	}

	.grid.grid-two.one-third .grid-item .grid-text h3{
		font-size: 16px;
		line-height: 1.51;
  		letter-spacing: -0.3px;
	}

	.grid.grid-two.one-third .grid-item .grid-text a.enquire{
		margin: 0 auto;
	}

	.grid.grid-two.no-space .grid-item .grid-text.tools-illu img{
		width: 80%;
	}

	#content .grid.grid-two.one-third.invert .grid-item .grid-text{
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	.grid.grid-two.one-third.invert{
		margin-top: 30px;
	}

	.whatsup-articles{
		padding-bottom: 20px;
	}

	#content .grid.grid-two.one-third.invert .grid-item .grid-text img.mobile{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.grid.grid-two.one-third.invert .grid-item .grid-text h2{
		font-size: 22px;
		line-height: 1.1;
		letter-spacing: -0.4px;
		margin-bottom: 10px;
	}

	.grid.grid-two.one-third.invert .grid-item .grid-text p{
		font-size: 16px;
		line-height: 1.25;
		letter-spacing: -0.3px;
	}

	.grid.grid-two.one-third.invert .grid-item .grid-image{
		display: none;
	}

	.learn-explore{
		margin-bottom: 0px;
	}

	.learn-explore h2.sub-header{
		margin-bottom: 5px !important;
	}

	.learn-menu{
		height: 120px;
		margin-top: 80px;
	}

	.learn-menu .illustration-worms {
		top: -100px;
	}

	.learn-menu .learn-menu-item {
		text-decoration: none;
	}

	.learn-menu .learn-menu-item.learn-primary .item-con{
		margin-left: -10px;
	}

	.learn-menu .learn-menu-item span{
		font-size: 12px;
		line-height: 1.05;
		top: 25px;
	}


	.learn-menu .learn-menu-item.learn-preschool{
		width: 30%;
		left: 0%;
	}

	.learn-menu .learn-menu-item.learn-primary{
		width: 27%;
		left: 34%;
		top: 2%;
	}

	.learn-menu .learn-menu-item.learn-tools{
		width: 27%;
	}

	.learn-menu .learn-menu-item.learn-preschool{
		height: 68px;
		width: 120px;
	}

	.learn-menu .learn-menu-item.learn-primary{
		width: 120px;
		height: 68px;
		top: -20px;
		left: 36%;
	}

	.learn-menu .learn-menu-item.learn-tools{
		width: 120px;
		height: 60px;
		left: 64%;
	}

	.learn-line{
		height: 60px;
		background-size: contain;
		bottom: 0px;
	}

	.learn-line.line-brown{
		bottom: 30px;
	}
	
	.learn-line.line-purple{
		bottom: 30px;
	}

	.learn-line.line-green{
		bottom: 30px;
	}

	.learn-menu a.box-link.link-preschool{
		top: -30px;
		height: 80px;
		left: 2%;
		width: 24%;
	}

	.learn-menu a.box-link.link-primary{
		top: -30px;
		height: 80px;
	}

	.learn-menu a.box-link.link-learning{
		top: -30px;
		height: 80px;
	}

	.learn-articles{
		position: relative;
		top: -40px;
	}

	.learn-articles.no-touch{
		top: 0px;
	}	

	.learn-menu .illustration-birds{
		left: 0px;
		top: -100px;
	}

	.learn-menu .illustration-tools{
		top: -70px;
	}

	.jayslider{
		height: 319px;
		padding-top: 30px;
		margin-bottom: 25px;
	}

	.jayslider.desc-inside{
		height: 318px;
		margin-bottom: 35px;
		padding-top: 30px;
	}


	.jayslider.desc-inside .js-content{
		height: 418px;
	}

	.jayslider.max-width{
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		margin-left: 0px;
	}

	.jayslider .js-dir{
		width: 30px;
		height: 30px;
		background-size: contain !important;
		left: -15px;
		top: 100px !important;
	}
	.jayslider .js-dir.next{
		left: auto;
		right: -15px;
	}

	.jayslider .js-content{
		height: 180px;
	}

	.jayslider .js-desc.desc-only{
		height: 100px;
	}

	.jayslider .js-desc .desc-location{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-left: 20px;
		position: static;
		text-align: left;
		padding-top: 20px;
		display: none;
	}

	.jayslider .js-desc .desc-location img{
		width: 29px;
	}

	.jayslider .js-desc .desc-location span{
		font-size: 16px;
	}

	.jayslider .js-desc.desc-only p{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		padding-top: 0px;
		line-height: 1.25;
		letter-spacing: -0.3px;
		font-size: 16px;
		padding-top: 20px;

	}

	.jayslider.desc-inside .js-content .js-item .js-image{
		height: 146px;
	}

	.jayslider .js-desc{
		height: 172px;
	}

	.jayslider .js-desc h2{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-left: 20px;
		font-size: 16px;
		line-height: 1.51;
		letter-spacing: -0.3px;
		margin-bottom: 10px;
	}

	.jayslider .js-desc p{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-left: 20px;
		font-size: 16px;
		line-height: 1.25;
		letter-spacing: -0.3px;
	}

	.jayslider .js-title{
		width: 78px;
		height: 61px;
		background-size: contain;
		left: calc(50% - 39px);
		left: -webkit-calc(50% - 39px);
	}

	.jayslider .js-title span{
		font-size: 20px;

		letter-spacing: -2.8px;
	}

	#content .title-con.feel{
		bottom: -20px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}

	#content .title-con.about{
		bottom: -20px;
	}

	#content .title-con.about .page-title h1{
		top: -10px;
		left: -10px;
	}

	#content .title-con.about .page-title h1 span.en{
		top: -5px;
		left: 10px;
	}

	#content .page-description{
		padding-bottom: 20px;
		margin-bottom: 20px;
		padding-top: 50px !important;
	}

	#content .page-description.padding-more{
		padding-top: 65px;
		padding-bottom: 0px !important;
	}

	#content .page-description h2{
		font-size: 22px;
		line-height: 1.1;
		letter-spacing: -0.4px;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#content .page-description.padding-more .illustration-bigmap{
		position: static;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-bottom: 20px;
	}

	#content .page-description p {
		font-size: 16px;
		line-height: 1.25;
		letter-spacing: -0.3px;
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
	}

	#content .page-description.illu-con .illustration-teachers{
		position: static;
		width: 90%;
		margin-left: 5%;
	}

	.grid.grid-two.no-space.entry-1 .grid-item .grid-text.with-title img{
		float: none;
		width: 50px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.grid.grid-two.no-space.entry-1 .grid-item .grid-text h2{
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 14px;
	}

	.grid.grid-two.no-space.entry-1 .grid-item .grid-text p{
		margin-top: 0px !important;
	}

	.grid.grid-two.no-space.entry-2 .grid-item .grid-text.with-title img{
		float: none;
		width: 50px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.grid.grid-two.no-space.entry-2 .grid-item .grid-text h2{
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 14px;
		top: 0px;
		width: 100%;
	}

	.grid.grid-two.no-space.entry-2 .grid-item .grid-text p{
		margin-top: 30px !important;
	}


	.grid.grid-two.no-space.entry-3 .grid-item .grid-text.with-title img{
		float: none;
		width: 50px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.grid.grid-two.no-space.entry-3 .grid-item .grid-text h2{
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 14px;
		width: 100%;
	}

	.grid.grid-two.no-space.entry-3 .grid-item .grid-text p{
		margin-top: 0px !important;
	}

	.grid.grid-two.no-space.entry-4 .grid-item .grid-text.with-title img{
		float: none;
		width: 50px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.grid.grid-two.no-space.entry-4 .grid-item .grid-text h2{
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 14px;
		width: 100%;
		line-height: 1.2;
	}

	.grid.grid-two.no-space.entry-4 .grid-item .grid-text p{
		margin-top: 0px !important;
	}

	.grid.margin40{
		margin-bottom: 20px;
	}


	#footer .footer-left{
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	#footer .footer-video{
		height: auto;
	}

	#footer .footer-video img.play-icon{
		width: 80px;
		height: 80px;
		left: calc(50% - 40px);
		left: -webkit-calc(50% - 40px);
		top: calc(50% - 40px);
		top: -webkit-calc(50% - 40px);
	}

	#footer .footer-left p{
		font-size: 8px;
		line-height: 1.89;
  		letter-spacing: -0.2px;
	}

	#footer .footer-right{
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		float: none;
		margin-top: 30px;
	}

	#footer h2{
		font-size: 22px;
		line-height: 1.1;
  		letter-spacing: -0.4px;
	}

	#footer .footer-right .footer-links .footer-ul{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	#footer h3{
		font-size: 16px;
	}

	#footer ul li{
		font-size: 16px;
	}

	#footer .footer-chat{
		top: auto;
		bottom: 20px;
		width: 78px;
		height: 78px;
	}

	#menu-list{
		width: calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		padding-left: 20px;
		padding-right: 30px;
		overflow-y: auto;
	}

	#menu-list .ml-bottom .ml-left{
		float: none;
		width: 100%;
	}

	#menu-list .ml-bottom .ml-right{
		float: none;
		width: 100%;
	}

	#menu-list .ml-bottom .ml-right > a{
		display: block;
		width: 65px;
		margin-bottom: 18px;
	}

	#menu-list .ml-bottom .ml-right > a img{
		display: block;
		width: 65px;
		margin-top: 0px;
	}

	#menu-list .ml-bottom p{
		margin: 0;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: -0.2px;
		text-align: left;
		color: #575756;
	}

	#menu-list .ml-top{
		width: 40px;
		height: 40px;
		top: -40px;
	}

	#menu-list ul{
		margin-bottom: 0px;
	}

	.article{
		padding-top: 20px;
		background-size: contain;
		background-position: left -40px bottom;

	}

	.article .sidebar{
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	.article .article-content{
		margin: 0;
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	.article h1{
		font-size: 22px;
		line-height: 1.1;
		letter-spacing: -0.4px;
	}

	.more-post{
		text-align: center;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	.placeholder.phfloat{
		width: 123px;
		height: 58px;
		top: auto;
		bottom: -29px;
		right: 20px;
	}

	.placeholder.ph512{
		height: 151px;
	}

	.cols .col:nth-child(2){
		float: none;
		width: 100%;
	}

	.cols .col:nth-child(2) h2:first-child{
		/*height: 151px; */
		width: 95%;
	}

	.cols .col:nth-child(2) h2{

		font-size: 16px;
		line-height: 1;
		letter-spacing: -0.3px;
	}

	.cols .line{
		background-size: contain;
	}

	.placeholder span{
		font-size: 7.5px;
	}

	.jayslider.no-desc{
		height: 146px;
	}

	.jayslider.no-desc .js-dir{
		top: 60px !important;
	}

	.about-us .video-con{
		margin-bottom: 0px;
	}

	#content .page-description.illu-con .illustration-gardening{
		position: static;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-bottom: 20px;
	}

	#content .common{
		padding-top: 0px;

	}

	#content .common h2{
		font-size: 22px;
		line-height: 1.1;
		letter-spacing: -0.4px;
		margin-bottom: 5px;
	}

	#content .common p{
		font-size: 16px;
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		line-height: 1.25;
		letter-spacing: -0.3px;

	}

	#content .openings .opening-item h3{
		font-size: 16px;
		line-height: 1.25;
		letter-spacing: -0.3px;
	}

	#content .openings .opening-item{
		padding: 20px;
		font-size: 16px;
		line-height: 1.25;
		letter-spacing: -0.3px;
	}

	#content .openings .opening-item a{
		margin-top: 20px;
		position: static;
		margin: 20px auto 0;
	}

	#map{
		height: 158px;
	}

	.locations{
		background-size: contain;
	}

	.locations .loc-col {
		float: none;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		margin-bottom: 20px;
	}

	.locations .loc-col h2{
		font-size: 22px;
		line-height: 1.1;
  		letter-spacing: -0.4px;
  		color: #76bc21;
	}

	.locations .loc-col p{
		font-size: 16px;
		line-height: 1.25;
  		letter-spacing: -0.3px;
	}

	.our-team .learn-articles{
		top: -20px;
	}

	.form .form-cols .form-col{
		float: none;
		width: calc(100% - 30px) !important;
	}

	.form .form-input textarea{
		height: 250px;
	}

	.form .form-input .g-recaptcha{
		width: 300px;
		margin: 0 auto;
	}

	.form .form-input.mobile-center{
		text-align: center;
	}

	.form .form-input button{
		margin: 20px auto 0;
		display: inline-block;
	}

	#content .contact-us .c-outlets .c-outlet .co-box{
		width: 100%;
		margin-right: 0px;
		float: none;
	}

	#content .openings .opening-item .oi-left,
	#content .openings .opening-item .oi-right{
		width: 100%;
		margin-right: 0px;
		float: none;
		margin-bottom: 30px;
	}

	.form .form-input.c-dropdown .c-dropdown-title span.title abbr{
		display: none;
	}

	#content .recruitment-video .rv-overlay .rvo-content img{
		width: 20px;
		margin-bottom: 0px;
		margin-top: 5%;
	}

	#content .recruitment-video .rv-overlay .rvo-content{
		font-size: 12px;
	}

	#content .illustration-about-top{
		width: 100px;
		position: absolute;
		top: -50px;
		right: 20px;
		z-index: 11;
	}

	#content .illustration-about-top img{
		display: block;
		width: 100%;
	}

	#content .illustration-about{
		width: 80%;
		margin: 0 auto 20px;
	}	

	#content .illustration-about img{
		display: block;
		width: 100%;
	}

	.cols.two .col{
		float: none;
		width: 100%;
	}

	.about-us{
		padding-top: 30px;
	}

	.about-us .video-con{
		display: none;
	}

	#success-overlay .so-box{
		height: 380px;
	}

	#success-overlay .so-box img{
		width: 50px;
		margin-top: 70px;
		margin-bottom: 10px;
	}

	#success-overlay .so-box h2{
		font-size: 60px;
		line-height: 0.8;
	}

	#success-overlay .so-box p{
		font-size: 16px;
	}

	.learn-menu .illustration-house{
		width: 100px;
		height: 50px;
		top: -60px !important;
	}

	.learn-menu .illustration-house .ih-inner{
		background-size: contain;
	}

	.learn-menu .illustration-house .ih-inner .ih-text-bg{
		width: 76px;
		height: 34px;
	}

	.learn-menu .illustration-house .ih-inner .ih-text-td{
		font-size: 8px;
	}

	#content .illustration-about{
		top: 0px;
	}

}

@media only screen and (max-width: 420px) {

}


/**************************START OF YODZKI's CSS**************************/

.leaders_img_head {
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
	border-radius: 50%;
}

.leaders_img_subordinates {
	border-radius: 50%;
	display: inline-block;
	width:33.33%;
  	padding: 15px;
}

.polaroid {
	width: calc(33.3% - 30px);
	margin:0px  15px;
	float: left;
	background-color: #EBCCA5;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 25px;
  }
  
.container {
	text-align: center;
	padding: 10px 20px;
  }

.servant_leaders p,
.servant_leaders h4,
.servant_leaders h2 {
	padding: 0px;
	margin: 0px;
}

/**************************END OF YODZKI's CSS**************************/