/* CSS Document */
.topLang{
	margin-left:-2.2%;
	margin-top:-2.6%;
}
.logInfo{
	margin-left:-48vw !important;
	font-size:0.8em;
}
.schoolName, .mainLink, #homeAnimation, #homeAnimationSection{
	z-index:15;
}
.schoolName{
    font-size:1.5em;
    padding-top:-2em;
    line-height:1;
}
.schoolName h1{
	font-size:1em;
	margin-top:-1.2em;
}
.mobileMenu{
	position:relative;
	display:grid;
	width:40px;
	color:#000000;
	border-top:#804000 thick solid;
	border-bottom:#804000 thick solid;
	line-height:0.5;
	font-size:12px;
	font-weight:bold;
	margin-left:135px;
	margin-top:-1.2em;
	z-index:110;
}
.mobileMenu a{
	display:block;
	width:40px;
	text-decoration:line-through;
	color:#999999;
}

.mainLink{
	position:absolute;
	display:none !important;
	max-width:100vw;
	height:320px;
	margin-left:-1.7%;
	margin-top:147px;
	z-index:100;
}

.mainLink a{
	display:block;
	width:100%;
	border-bottom:#FFFFFF thin solid;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-left:4px;
	margin-right:0px;
	border-right:none;
	alignment-adjust:central;
	margin-top:4px;
	line-height:1.5;
}
	.mainLink a:nth-child(2){
		font-size:16px;
		width:100%;
		margin-left:0vw;
		padding-left:1vw;
		border-right:none;
		border-bottom:#FFFFFF thin solid !important;
		border-right:none !important;
		alignment-adjust:central;
		font-family:Arial, Helvetica, sans-serif;
		white-space:nowrap;
	}
	.mainLink a:nth-child(1), .mainLink a:nth-child(7), .mainLink a:nth-child(8){
		width:100%;
	}

#homeAnimation{
	position:relative;
	display:grid;
	width:101.5%;
	height:150px;
	margin-left:-0.7%;
}
#homeAnimation:after{
	width:100vw;
	margin-left:-1.5%;
	opacity:0.5;
}
#homeAnimationSection img{
	position:absolute;
	width:65%;
	margin-top:0px;
	transform:scale(0, 0);
    -webkit-animation-name:alertLandingTopAnim;
   	-webkit-animation-duration:360s;
	-webkit-animation-iteration-count:infinite;
	animation-name:alertLandingTopAnim;
	animation-duration:360s;
	animation-iteration-count:infinite;
}

	#homeAnimationSection img.landFirst{
		animation-delay:0s;
		-webkit-animation-delay:0s; 
		width:100px;
		height:100px;
		margin-left:5px;
		z-index:1;
		opacity:0.7;
		}
	#homeAnimationSection img.landSecond{
		animation-delay:1s; 
		-webkit-animation-delay:2s;
		width:100px;
		height:100px;
		margin-left:110px;
		z-index:2;
		opacity:0.8;
	}
	#homeAnimationSection img.landThird{
		animation-delay:4s; 
		-webkit-animation-delay:4s;
		width:100px;
		height:100px;
		margin-left:220px;
		z-index:3;
		opacity:0;
		}
	#homeAnimationSection img.landFour{
		animation-delay:4s; 
		-webkit-animation-delay:4s;
		width:100px;
		height:100px;
		margin-left:220px;
		z-index:4;
		opacity:1;
		}
	#homeAnimationSection img.landFive{
		animation-delay:6s; 
		-webkit-animation-delay:6s;
		width:400px;
		height:60px;
		margin-left:-20px;
		margin-top:90px;
		z-index:5;
		box-shadow:0px 0px 0px 0px  #FFF;
	}	
	

.firstContact{
	grid-template:10vh/15vw 27vw 5vw 28vw 3vw 20vw;
	margin-top:-1%;
	margin-left:-2.2%;
	width:100vw;
	height:70px;
	font-size:10px;
	text-indent:16px;
	line-height:4;
}

.firstContact a{
	font-size:1.2em;
	margin-left:-5.8em;
	line-height:6;
}


 .footerContact{
	margin-top:20px;
	margin-left:-0.5em;
	width:101vw;
	height:260px;
	font-size:17px;
	font-weight:bold;
	text-indent:160px;
	line-height:4;
	color:#FFF;
	z-index:10;
	white-space:pre-line;
}

.footerContact a{
	font-size:15px;
	font-weight:normal;
	margin-right:0px;
	color:#FFF;
}

#homeFirstSection{
	width:99.5%;
	height:253px;
	margin-left:1.2em;
	padding-top:1px;
	padding-left:1px;
	padding-right:2px;
}
#homeFirstSection p{
	top:5em;
	left:0.5em;
	width:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:800;
	z-index:4;
	opacity:0;
}

#tranPic{
	display:none;
}

#tranPic img{
	width:100%;
	height:150px;
	opacity:0.5;
}

#homeSecondSection{
	width:100vw;
	height:373px;
	margin-left:-1.5%;
	background-color:#fef06c;
	padding-top:2px;
	padding-left:3px;
	padding-right:2px;
	color:#804000;
	text-align:justify;
	z-index:2;
}

#homeSecondSection p{
	position:fixed;
	top:50px;
	width:95%;
	font-size:25px;
	z-index:2;
}

#homeThirdSection{
	width:100vw;
	height:413px;
	margin-left:-0.5%;
	padding-top:20px;
	padding-left:4px;
	background-color:#FFF;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	z-index:20;

}

#homeFourthSection{
	position:relative;
	display:grid;
	width:101.5%;
	height:873px;
	margin-left:-0.5%;
	background-color:#804000;
	padding-top:2px;
	padding-left:3px;
	padding-right:2px;
	color:#804000;
	text-align:center;
	z-index:5;
}

#homeFourthSection p{
	position:fixed;
	background-image:url(images/newtotalenglish-covers.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	top:10px;
	width:95%;
	height:873px;
	padding-top:320px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:800;
	z-index:5;
	opacity:0;
}

#homeFivethSection{
	position:relative;
	display:grid;
	width:101.5%;
	height:873px;
	margin-left:-0.5%;
	background-color:#000;
	padding-top:20px;
	padding-left:3px;
	padding-right:2px;
	text-align:center;
	z-index:5;
}
#homeFivethSection p{
	top:5em;
	width:95%;
	height:873px;
	padding-top:2px;
	color:#FFF;
	z-index:5;
}

#homeSixthSection{
	position:relative;
	display:grid;
	width:101.5%;
	height:973px;
	margin-left:-0.5%;
	background-color:#CCC;
	padding-top:10px;
	text-align:center;
	z-index:1;
}
#homeSixthSection p{
	position:fixed;
	top:10px;
	width:95%;
	height:873px;
	padding-top:1px;
	padding-left:3px;
	padding-right:2px;
	color:#000;
	font-size:10px;
	font-weight:800;
	opacity:0;
	z-index:1;
}
#homeSixthSection p i{
	font-style:normal;
	font-size:20px;
}
#homeSixthSection p input{
	font-size:20px;
	margin-bottom:2em;
	width:90vw;
	height:35px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	opacity:0;
}
#printBtn{
	display:block;
}

#homeSevenSection{
	position:relative;
	display:grid;
	width:101.5%;
	height:873px;
	margin-left:-0.5%;
	background-color:#fef06c;
	padding-top:10px;
	text-align:center;
	z-index:1;
}
#homeSevenSection p{
	position:fixed;
	top:10px;
	width:95%;
	height:873px;
	padding-top:1px;
	padding-left:3px;
	padding-right:2px;
	color:#FFF;
	font-size:30px;
}
#homeSevenSection p i{
	font-style:normal;
	font-size:20px;
}
#homeSevenSection p input{
	font-size:20px;
	width:90vw;
	height:35px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	opacity:0;
}
#homeSevenSection p textarea{
	font-size:20px;
	text-align:justify;
	width:90vw;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	opacity:0;
}
#homeSevenSection a{
	text-decoration:none;
	color:#FFF;
}

#homeEightSection{
	position:relative;
	width:101.5%;
	height:873px;
	margin-left:-0.5%;
	background-color:rgba(51,204,0,0.31);
	padding-top:10px;
	text-align:center;
	z-index:1;
}
#homeEightSection p{
	position:fixed;
	top:3em;
	width:90%;
	height:873px;
	padding-top:1px;
	padding-left:2px;
	padding-right:2px;
	font-size:1.15em;
}

#homeEightSection p iframe{
	width:95vw;
	height:300px;
}

.classPages{
	position:relative;
	width:100%;
	height:200px;
	margin-left:-0.7%;
	margin-top:0px;
	background-repeat:no-repeat;
	background-size:100% 400px;
}

.classPages img{
	position:absolute;
	width:65%;
	height:200px;
	margin-top:0px;
	transform: translateX(1200px);
    -webkit-animation-name:alertClassTopAnim;
   	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	animation-name:alertClassTopAnim;
	animation-duration:30s;
	animation-iteration-count:infinite;
}

	.classPages img.landFirst{
		animation-delay:0s;
		-webkit-animation-delay:0s; 
		width:200px;
		height:100px;
		margin-left:-5px;
		margin-top:3px;
		z-index:1;
		}
	.classPages img.landSecond{
		animation-delay:0.4s; 
		-webkit-animation-delay:5s;
		width:220px;
		height:100px;
		margin-left:-5px;
		margin-top:108px;
		z-index:2;
	}	
	.classPages img.landThird{
		animation-delay:0.4s; 
		-webkit-animation-delay:4s;
		width:180px;
		height:100px;
		margin-left:180px;
		margin-top:3px;
		z-index:3;
		}
	.classPages img.landFour{
		animation-delay:2s; 
		-webkit-animation-delay:6s;
		width:180px;
		height:100px;
		margin-left:180px;
		margin-top:108px;
		z-index:4;
		}
	.classPages img.landFive{
		display:none;
		}	


.pageTitle{
	display:grid;
	font-size:24px;
	text-indent:20%;
}

.insideTabPage{
	grid-auto-flow:column;
}

.insideTabPage a{
	font-size:16px;
}

.pageSection{
	position:relative;
	display:grid;
}

.pageFirst, .pageThird, .pageFiveth{
	width:90%;
	margin-left:3%;
}
.pageSecond, .pageFourth, .pageSixth{
	font-size:18px;
	line-height:2;
}

.pageSecond img{
	display:block;
	width:100%;
	height:120px;
}

.blogSection{
	position:relative;
	display:none;
	grid-template:auto/30vw 60vw;
	grid-column-gap:3vw;
	grid-auto-flow:row;
	width:101.5%;
	margin-left:-0.5%;
	background-color:#FFF;
	
}

#topicTitlesList{
	position:relative;
	display:grid;
	width:30vw;
	height:700px;
	overflow-y:auto;
	vertical-align:top;
	box-shadow:#36F 1px 10px 10px 1px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#topicTitlesList a{
	color:#8080FF;
	text-decoration:none;
	text-indent:2px;
	border-bottom:#8080FF 0.51em solid;
	font-size:0.7em;
	border-radius:2em;
}
#topicTitlesList a:hover{
	text-decoration:underline;
	border-bottom:#804000 1em solid;
}
#topicTitlesList h2{
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

.blogTopic{
	position:relative;
	display:grid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	text-align:justify;
	width:50vw;
	margin-left:2vw;
	vertical-align:top;
}
.blogTopic h3{
	text-align:center;
}
.blogTopic h4{
	font-size:12px;
	font-weight:normal;
	margin-left:10vw;
}
.blogTopic img{
	display:block;
	width:60vw;
	height:20vh;
	margin-left:0vw;
}

#loginContent{
	position:absolute;
	margin-left:3% !important; 
	margin-top:10% !important; 
    width:90% !important; 
	word-spacing:1.2em; 
	letter-spacing:0.8em; 
	word-wrap:break-word; 
	height:10em; 
	border:#000 medium ridge;
	font-size:27px; overflow-style:auto;
	border-radius:20px; 
	-moz-border-radius:20px; 
	-webkit-border-radius:20px; 
	z-index:1;
}	
#tipMainContent{
	position:relative;
	display:inline-table;
	margin-left:1%; 
	margin-top:8%;
    word-spacing:0.2em; 
	letter-spacing:0.03em; 
	word-wrap:break-word; 
	font-size:17px; 
	overflow-style:auto;
	vertical-align:top;
}
#tipMainContent input[type="button"]{
	width:200px;
	height:32px;
	margin-top:20px;
	margin-left:1vw;
}