@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');


* { padding: 0; margin: 0; outline: none; box-sizing: border-box; line-height: 1.2; font-size: 16px; font-family: 'Lato', sans-serif; }


div.container { }
	.inner { max-width: 1200px; width: 96%; margin-left: auto; margin-right: auto; }
	.clear { clear: both; }
	img { max-width: 100%; height: auto; }
	table, iframe, object { max-width: 100%; }

div.container header { }
	div.container header div.inner { padding-top: 20px; padding-bottom: 20px; }
	div.container header div.inner a.logo { float: left; margin-right: 20px; }
	div.container header div.inner a.logo img { }
	div.container header div.inner div.title { font-size: 46px; color:#1E5631; font-weight: 900; }
	div.container header div.inner div.subtitle { font-size: 30px; color:#67BA59; font-weight: 900; font-style: italic; }
	div.container header div.inner ul { list-style: none; float: right; margin-top: 10px; }
	div.container header div.inner ul li { text-align: right; margin: 5px 0; }
	div.container header div.inner ul li a { color:#1E5631; text-decoration: none; font-size: 13px; }
	div.container header div.inner ul li a i { margin-right: 10px; font-size: 12px; }
	div.container header div.inner ul li a:hover { color:#67BA59;}


div.container nav { }
div.container nav div.inner { }
div.container nav div.inner .nav-btn { display: none; }
div.container nav div.inner ul { list-style: none; display: flex; box-shadow: 0px 5px 0px 0px rgba(255,255,255,0.4); position: relative; border-radius: 10px; }
div.container nav div.inner ul li { display: inline-block; flex-grow:1; position: relative; }

div.container nav div.inner ul li:nth-child(1) { background: #ED4E49; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
div.container nav div.inner ul li:nth-child(2) { background: #EDBF47; }
div.container nav div.inner ul li:nth-child(3) { background: #EC774B; }
div.container nav div.inner ul li:nth-child(4) { background: #68BB59; }
div.container nav div.inner ul li:nth-child(5) { background: #539BD7; }
div.container nav div.inner ul li:nth-child(6) { background: #5270D8; }
div.container nav div.inner ul li:nth-child(7) { background: #7452D8; }
div.container nav div.inner ul li:nth-child(8) { background: #D750DA; }
div.container nav div.inner ul li:nth-child(9) { background: #D75360; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }


div.container nav div.inner ul li a { display: block; line-height: 60px; font-size: 19px; font-weight: bold; text-decoration: none; text-align: center; color: #FFF; }
div.container nav div.inner ul li a:hover { color: #333; }

div.container nav div.inner ul li ul { display: none; }
div.container nav div.inner ul li:hover ul { display: block; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 240px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 99; }
div.container nav div.inner ul li ul li { flex-grow: 0; display: block; }
div.container nav div.inner ul li ul li:last-of-type { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  }
div.container nav div.inner ul li ul li a { line-height: 1.1; padding: 12px 10px; font-size: 15px; }

div.container nav div.inner ul li:nth-child(1) ul li { background: #E9201B; border-bottom:#ED4E49 1px solid; }
div.container nav div.inner ul li:nth-child(2) ul li { background: #DBA515; border-bottom:#EDBF47 1px solid; }
div.container nav div.inner ul li:nth-child(3) ul li { background: #E7541D; border-bottom:#EC774B 1px solid; }
div.container nav div.inner ul li:nth-child(4) ul li { background: #52A743; border-bottom:#68BB59 1px solid; }
div.container nav div.inner ul li:nth-child(5) ul li { background: #3085CB; border-bottom:#539BD7 1px solid; }
div.container nav div.inner ul li:nth-child(6) ul li { background: #2E52CD; border-bottom:#5270D8 1px solid; }
div.container nav div.inner ul li:nth-child(7) ul li { background: #522CC5; border-bottom:#7452D8 1px solid; }
div.container nav div.inner ul li:nth-child(8) ul li { background: #CB2CCF; border-bottom:#D750DA 1px solid; }
div.container nav div.inner ul li:nth-child(9) ul li { background: #CB2CCF; border-bottom:#D75360 1px solid; }

div.container nav div.inner ul li ul li:nth-child(1) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
div.container nav div.inner ul li ul li:nth-child(9) { border-top-right-radius: 0; border-bottom-right-radius: 0; }


div.container div.home-slideshow {min-height: 475px; margin-top: -30px; z-index: -1; height:475px; overflow:hidden; white-space:nowrap; width:100%; }
	div.container div.home-slideshow img { height:475px !important; width:auto !important; z-index: -1; }


div.container div.home-notice { }
div.container div.home-notice div.inner { border-radius: 10px; background: #74CEE4; box-shadow: 0px 5px 0px 0px rgba(116,206,228,0.4); position: relative; margin-top: -30px; }
div.container div.home-notice div.inner div.notice-title { color: #FFF; font-weight: bold; font-size: 16px; line-height: 60px; background: #51C1DD; border-radius: 10px; padding: 0 15px; display: inline-block; }
div.container div.home-notice div.inner marquee { width: calc(100% - 120px); float:right; color: #FFF; font-size: 16px; line-height: 60px; padding: 0 15px; display: inline-block; }
div.container div.home-notice div.inner marquee div { color: #FFF; font-size: 16px; line-height: 60px; }


div.container div.sub-content { }
div.container div.sub-content div.inner { padding-top: 30px; }
div.container div.sub-content div.inner h3 { color:#67BA59; margin-bottom: 30px; font-size: 18px; }
div.container div.sub-content div.inner h3 a { color:#67BA59; text-decoration: none; font-size: 18px; }
div.container div.sub-content div.inner h3 a:hover { color: #333; }
div.container div.sub-content div.inner * a { color:#67BA59; text-decoration: none; }
div.container div.sub-content div.inner * a:hover { color: #333; }


div.container div.home-intro { border-bottom: #804000 8px solid; margin-bottom: 40px; background: url("assets/images/bg-icons.png") center no-repeat; background-size: contain; }
div.container div.home-intro div.inner { padding-top: 30px; padding-bottom: 30px; color: #555555; position: relative; min-height: 500px; }
div.container div.home-intro div.inner div.kid1 { position: absolute; bottom: -5px; left:-125px; }
div.container div.home-intro div.inner div.kid2 { position: absolute; bottom: -5px; right:calc(50% - 195px); }
div.container div.home-intro div.inner div.kid3 { position: absolute; bottom: -5px; right:-20px; }

div.container div.home-intro div.inner div.tree { position: absolute; bottom: -5px; right:0; }
div.container div.home-intro div.inner div.tree img { }
div.container div.home-intro div.inner div.tree-mobile { display: none; }
div.container div.home-intro div.inner div.welcome { padding: 80px 0; max-width: 50%; }
div.container div.home-intro div.inner div.welcome i { font-size: 60px; font-weight: normal; }
div.container div.home-intro div.inner div.welcome h1 { font-size: 22px; font-weight: bold; margin: 15px 0; }
div.container div.home-intro div.inner div.welcome p { }
div.container div.home-intro div.inner div.welcome div a { color:#80AA00; text-decoration: none; }
div.container div.home-intro div.inner div.welcome div a:hover { text-decoration: underline; }


div.container div.home-blocks { }
div.container div.home-blocks div.inner { }
div.container div.home-blocks div.inner div.block { border-radius: 10px; padding: 20px; display: inline-block; width: 31%; float: left; color: #FFF; text-align: center; min-height: 460px; }
div.container div.home-blocks div.inner div.block.block1 { background:#EDBF47; box-shadow: 0px 5px 0px 0px rgba(237,191,71,0.4); }
div.container div.home-blocks div.inner div.block.block2 { background:#EC774B; margin: 0 3.5%; box-shadow: 0px 5px 0px 0px rgba(236,119,75,0.4); }
div.container div.home-blocks div.inner div.block.block3 { background:#6FC191; box-shadow: 0px 5px 0px 0px rgba(111,193,145,0.4); }
div.container div.home-blocks div.inner div.block i { font-size: 60px; color: #FFF; font-weight: normal; }
div.container div.home-blocks div.inner div.block h2 { font-size: 22px; font-weight: bold; margin: 15px 0; }
div.container div.home-blocks div.inner div.block iframe { }
div.container div.home-blocks div.inner div.block.block2 div { text-align:left; }
div.container div.home-blocks div.inner div.block.block2 div strong { display: block; border-radius: 5px; background:#E9612E; text-align:left; padding: 10px; margin-bottom: 10px; }
div.container div.home-blocks div.inner div.block.block2 a { color:#FFF; text-decoration: none; }
div.container div.home-blocks div.inner div.block.block2 a:hover { text-decoration: underline; }
div.container div.home-blocks div.inner div.block #mod1 ul { margin-left: 0 !important; }
div.container div.home-blocks div.inner div.block ul { list-style: none; }
div.container div.home-blocks div.inner div.block ul li { color: #FFF; }
div.container div.home-blocks div.inner div.block ul li a { display: block; color: #FFF; text-decoration: none; line-height: 40px; border-bottom: #55B77E 1px solid; }
div.container div.home-blocks div.inner div.block ul li:last-of-type a { border-bottom: none; }
div.container div.home-blocks div.inner div.block ul li a:hover { background:#55B77E; }

div.container div.home-blocks div.inner div.block.block2 #mod2 ul { list-style: none; margin: 0!important; padding: 0; }
div.container div.home-blocks div.inner div.block.block2 ul li a { display: block; color: #FFF; text-align: center; text-decoration: none; line-height: 40px; border-bottom: #E9612E 1px solid; }
div.container div.home-blocks div.inner div.block.block2 ul li:last-of-type a { border-bottom: none; }
div.container div.home-blocks div.inner div.block.block2 ul li a:hover { background:#E9612E; text-decoration: none; }

div.container footer { background: #F7F7F7; margin-top: 40px }
div.container footer div.inner { padding-top: 30px; padding-bottom: 30px; text-align: center; }
div.container footer div.inner div.awards { background: #FFF; padding: 15px 10px; border-radius: 10px; margin-bottom: 25px; }
div.container footer div.inner div.awards img { }

div.container footer div.inner p { color:#999999; font-size:13px; }
div.container footer div.inner a { color:#999999; font-size:13px; text-decoration: none; }
div.container footer div.inner a:hover { color: #333; }







ul.innerNav { margin:15px 0 20px 0; list-style:none; height:99px; }
ul.innerNav li { display:inline-block; float:left; margin-right:5px; }
ul.innerNav li a { margin-right:15px !important;
    width: 210px;
    color: #fff!important;
    font-weight: 800;
    background: #67BA59;
    display: block;
    border-radius: 20px;
    text-align: center;
    line-height: 99px; }
ul.innerNav li.summer a { color:#FFF; background:url(assets/images/summer.png) 0 0 no-repeat; float:left; width:210px; height:99px; text-indent:-9999px; margin-right:0 !important }
ul.innerNav li.spring a { color:#FFF; background:url(assets/images/spring.png) 0 0 no-repeat; float:left; width:210px; height:99px; text-indent:-9999px; margin-right:8px !important;  }
ul.innerNav li.autumn a { color:#FFF; background:url(assets/images/autumn.png) 0 0 no-repeat; float:left; width:210px; height:99px; text-indent:-9999px; margin-right:8px !important; }
ul.innerNav li.distancelearning a { color:#FFF; background:url(assets/images/distancelearning.png) 0 0 no-repeat; float:left; width:210px; height:99px; text-indent:-9999px; margin-right:8px !important; }


ul.innerNav li.leaf a { background:url(assets/images/overlay.png) 0 0 no-repeat; float:left; width:160px; height:160px; text-align:center; padding:60px 30px 0 20px; margin:0 0 15px 0 !important; font-size:16px; color:#FFF; font-weight:bold; }
ul.innerNav li.leaf.tree a { background:url(assets/images/overlay-tree.png) 0 0 no-repeat; padding: 40px 30px; }
ul.innerNav li.leaf a:hover { text-decoration:none; }


.inner1.leaf a { background-color: #F30 !important; color:#FFF !important; }
.inner1.leaf a:hover { background:#F30 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner2.leaf a { background-color: #F90 !important; color:#FFF !important; }
.inner2.leaf a:hover { background:#F90 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner3.leaf a { background-color: #F36 !important; color:#FFF !important; }
.inner3.leaf a:hover { background:#F36 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner4.leaf a { background-color: #690 !important; color:#FFF !important; }
.inner4.leaf a:hover { background:#690 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner5.leaf a { background-color: #639 !important; color:#FFF !important; }
.inner5.leaf a:hover { background:#639 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner6.leaf a { background-color: #090 !important; color:#FFF !important; }
.inner6.leaf a:hover { background:#090 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner7.leaf a { background-color: #06C !important; color:#FFF !important; }
.inner7.leaf a:hover { background:#06C url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner8.leaf a { background-color: #936 !important; color:#FFF !important; }
.inner8.leaf a:hover { background:#936 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }

.inner9.leaf a { background-color: #F30 !important; color:#FFF !important; }
.inner9.leaf a:hover { background:#F30 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner10.leaf a { background-color: #F90 !important; color:#FFF !important; }
.inner10.leaf a:hover { background:#F90 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner11.leaf a { background-color: #F36 !important; color:#FFF !important; }
.inner11.leaf a:hover { background:#F36 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner12.leaf a { background-color: #690 !important; color:#FFF !important; }
.inner12.leaf a:hover { background:#690 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner13.leaf a { background-color: #639 !important; color:#FFF !important; }
.inner13.leaf a:hover { background:#639 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner14.leaf a { background-color: #090 !important; color:#FFF !important; }
.inner14.leaf a:hover { background:#090 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner15.leaf a { background-color: #06C !important; color:#FFF !important; }
.inner15.leaf a:hover { background:#06C url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }
.inner16.leaf a { background-color: #936 !important; color:#FFF !important; }
.inner16.leaf a:hover { background:#936 url(assets/images/overlay2.png) top left no-repeat; color:#000 !important; }



div.container div.sub-content div.inner .leafenglish a { background-color: #EDBF47 !important; color:#FFF !important; }
div.container div.sub-content div.inner .leafmaths a { background-color: #5270D8 !important; color:#FFF !important; }
div.container div.sub-content div.inner .leaflittlethings a { background-color: #68BB59 !important; color:#FFF !important; }

#mod1, #mod2, #mod3, #mod4 { margin-bottom:20px; }
#mod3 a { margin:0 10px 10px 0; float:left; }
#mod3 img { border:#CCC 3px solid; }
#mod3 ul { margin-left:0 !important; }
#mod3 p { margin-bottom:10px !important; }
#mod1 ul, #mod2 ul { margin-left:20px !important; }

#mod7 { width:700px; }
#mod7 ul { padding:0; margin:15px 0 0 0!important; }
#mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
#mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
#mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
#mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
#mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { width:100px; float:left; }
.mod7write input { width:200px; float:left; padding:5px; border:#999 1px solid; }
.mod7write textbox { width:100px; float:left; }
.mod7write textarea { width:300px; float:left; padding:5px; border:#999 1px solid; }

.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }




@media screen and (max-width: 1175px) {	
	div.container header div.inner div.title { font-size:36px; }
}

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

	div.container header div.inner { text-align: center; }
	div.container header div.inner a.logo { float: none; margin-right: 0;  }
	div.container header div.inner ul { display: none; }
	
	div.container div.home-intro div.inner div.kid1 { display: none; }
	div.container div.home-intro div.inner div.kid2 { display: none; }
	div.container div.home-intro div.inner div.kid3 { display: none; }
	
	/* nav start */
	div.container nav div.inner .nav-btn { display: block; background: #67BA59; line-height: 60px; border-radius: 10px; color:#FFF; text-align: center; font-size: 19px; font-weight: bold; z-index: 2; position: relative; cursor: pointer; }
	div.container nav div.inner .nav-btn:hover { background: #333; }
	div.container nav div.inner ul { display: none; }
	
	div.container nav div.inner ul li { flex-grow: 0; display: block; border-radius: 0 !important; }
	div.container nav div.inner ul li:hover ul { position: relative; width: 100%; top: 0;  }
	
	/* nav end */
	
	div.container div.home-intro div.inner div.welcome { text-align: center; padding: 0; max-width: 100%; }
	div.container div.home-intro div.inner { padding-bottom: 500px; }
	div.container div.home-intro div.inner div.tree { max-width: 457px; right: 0; left: 0; margin-left: auto; margin-right: auto; }
	
	div.container div.home-blocks div.inner div.block { width: 100%; min-height: 0; }
	div.container div.home-blocks div.inner div.block.block2 { margin: 3.5% 0; }
	
	div.container footer div.inner div.awards { display: none; }
}

@media screen and (max-width: 500px) {	
	
	div.container header div.inner div.title { font-size: 22px; margin-top: 5px; }
	div.container header div.inner div.subtitle { font-size: 20px; }
		
	div.container div.home-intro div.inner { padding-bottom: 400px; }
	
	div.container div.home-intro div.inner { padding-bottom: 20px; }
	div.container div.home-intro div.inner div.tree { display: none; }
	div.container div.home-intro div.inner div.tree-mobile { display: block; }
	div.container div.home-intro div.inner div.tree-mobile ul { list-style: none;  }
	div.container div.home-intro div.inner div.tree-mobile ul li {  }
	div.container div.home-intro div.inner div.tree-mobile ul li a { display: block; background: #81AA00; color: #FFF; font-weight: bold; text-align: center; margin-bottom: 10px; border: #678900 2px solid; border-radius: 8px; text-decoration: none; padding: 10px; }
}


/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #1e5631;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #67ba59;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #56a04a;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/