@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
	font-family: 'Lato', sans-serif;
}
 
*{
		margin: 0;
		padding:0;
		border:0;
	}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
div.mainCont{
	width:100%;
	margin:0 auto;
	
	
	
}
h1{
font-family: 'Cabin', sans-serif;
font-size:100%;
}


h2{
	font-size:150%;
	font-weight:bold;
}
h3{
	font-family: 'Cabin', sans-serif;
	font-size:200%;
	color:#39bada;
	margin:0px;
	padding:0px;
	
}
h4{
	font-family: 'Cabin', sans-serif;
	font-size:120%;
	
	margin:0px;
	padding:0px;
	
}
h5{
	font-weight:normal;
	font-size:150%;
	padding-bottom:20px;
}
h6{
	font-weight:normal;
	font-size:120%;
	padding-top:10px;
	padding-left:10px;

}
.head_up{
	width:100%;
	height:50px;
	padding-top:10px;
	background-color:#65517a;
}
.top_left{
	float:left;
	width:60%;
}
.top_right{
	width:40%;
	float:right;
	text-align:right;
}

.sbtn{
	width:140px;
	height:50px;
	font-size:120%;
	background-color:#f53225; 
	color:white;
	font-family: 'Cabin', sans-serif;
	border-radius:6px;
	margin-top:20px;
	cursor:pointer;
	transition: 0.3s;
}
.sbtn:hover {
  background-color: #3e8e41;
  color: white;
}
.fMenu{
	width:50%;
	text-align:center;
	margin:0 auto;
	font-size:120%;
	line-height:150%;

}
.fMenu li a:hover{
	color:#F60;
	
}


div{
	box-sizing:border-box;
}
p{
	
	font-family: 'Cabin', sans-serif;
}


.head_content{
	width:90%;
	margin:0 auto;
}
.top_right img{
	padding-left:5px;
	padding-top:5px;
	
	
}
nav{
	width:100%;
	background-color:#fff;
	z-index:100;
	
	border-bottom:2px solid #f3f3f2;
	
	height:120px;
	
  
	
}

.navcont{
	width:90%;
	margin:0 auto;
	
}
.navLeft{
	float:left;
	display:block;
	width:30%;
}
nav:after {
   
}
.slogo{
	padding-top:10px;
	float:left;
	
}
.slogo img{
	
}
#micon{
	float:right;
	position:absolute;
	top:0px;
	right:0px;
}
.navRight{
	float:right;
	display:block;
	width:70%;
	
	text-align:right;
	font-size:120%;
	
}
.navRight ul li{
	list-style:none;
	display:inline-block;
	padding-left:20px;
	height:120px;
	
	
	
}

.navRight ul li a:visited{
	
	

}
.navRight ul li a:hover{
	color:#fff;
background-color:#ff9900;
height:120px;

}
.navRight ul li a:active{
	color:#ff9900;

}
.navRight ul li a:link {
	height:120px;
	display:block;
	padding-top:40px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
	cursor:pointer;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.menu_link{
cursor:pointer;
}
.banner{
	width:100%;
	height:600px;
	
	
	

}

.menu_link{
color:#000;

}

.menuactive{
 color:#ff9900;
 font-weight:bold;
}
.midbody{
	
	width:100%;
	height:auto;
	


}


.mtitle{
	padding-top:70px;
	width:100%;
	height:200px;
	text-align:center;
	color:cyan;
	font-weight: 900;
}

/* Slideshow container */
.slideshow-container {
  height:600px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  
  height:600px;
  overflow:hidden;
}
.mySlides img{
	width:100%;
	min-height:500px;
	

}


/* Caption text */
.trasnpd{
	width:80%;
	height:130px;
	margin:0 auto;
	top:110px;
	left:10%;
	position:absolute;
	background-color:#edeae8;
	opacity:0.7;
	border-radius:10px;

}
.slideh{
	color: #ff3300;
  font-size: 100%;
 
  position: absolute;
  top: 120px;
	
  width: 100%;
  text-align: center;
  
	margin:0 auto;
  font-weight:bold;
  
}

.slideh h1{
	
  font-size:400%;
  
}
.slideh h2{
	
  color:black;
  
}
.sticky {
  position: fixed;
  top: 0;
  width:100%;
}
.infosec{
	width:100%;
	height:auto;
	background-color:white;
	padding-left:1%;
	padding-right:1%;
	padding-top:40px;
	padding-bottom:40px;
}
.one_third{
	display:block;
	float:left;
	width:33%;
	text-align:center;
	padding-right:30px;
	padding-left:30px;
	
}
.one_third a:link{
 text-decoration:none;
}
.sbubble{
background-image:url("../images/sbubble.png");
height:292px;
background-repeat:no-repeat;
text-align:center;


}

.one_third p{
	margin:0 auto;
	width:90%;
	padding-top:10px;
	color:#767676;
	text-align:center;

}
.rinfosec{
	width:100%;
	height:350px;
	background-color:#f8d69f;
	padding-left:7%;
	padding-right:5%;
	padding-top:30px;
	padding-bottom:40px;
}
.infosec ul li{
	list-style:none;
	display:block;
		
}
.one_fourth{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	
		
}
.one_fourth a:link{
text-decoration:none;
font-size:120%;

}
.one_fourth a:visited{
text-decoration:none;
color:white;

}

.one_fourthd{
	
	height:240px;
	width:100%;
	border-radius:6px;
	
	
}
.circled{
min-height:60px;
border-radius:60px;

}
.one_fourth_bc1{
border:1px solid rgb(50,177,110);

}
.one_fourth_bc2{
border:1px solid rgb(239,32,89);

}
.one_fourth_bc3{
border:1px solid rgb(142,196,41);

}
.one_fourth_bc4{
border:1px solid rgb(244,102,0);

}
.one_fourth_bc5{
border:1px solid rgb(255,101,169);

}
.one_fourth_bc6{
border:1px solid rgb(0,171,139);

}
.one_fourth_bc7{
border:1px solid rgb(249,137,0);

}
.one_fourth_bc8{
border:1px solid rgb(216,31,17);

}
.upperseg{
	width:100%;
	height:50px;

}
.upperseg a:link img{
	border:6px solid white;
	border-radius:10px;
}
.upperseg a:visited img{
	border:6px solid white;

}
.lowerseg{
	width:100%;
	padding-top:20px;
	color:#767676;
	padding-left:5px;
	padding-right:5px;
	text-align:center;

}
.artip {
	width:22%;
	height:50px;
	color:white;
	padding:5px;
	margin-left:-10px;
	margin-top:10px;
	font-size:200%;
	font-weight: bold;
	float:left;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

}
.gtitle{
	margin-top:10px;
	padding-top:8px;
	width:78%;
	float:left;

}
.gtitle p{
	text-align:left;
	padding-left:5px;
	font-size:140%;
	font-weight: bold;

}
.tipcolor0{
background-color:#dff7e5;

}
.tipcolor1{
background-color:rgb(50,177,110);

}
.tipcolor2{
background-color:rgb(239,32,89);

}
.tipcolor3{
background-color:rgb(142,196,41);

}
.tipcolor4{

background-color:rgb(244,102,0);
}
.tipcolor5{
background-color:rgb(255,101,169);

}
.tipcolor6{
background-color:rgb(0,171,139);

}
.tipcolor7{
background-color:rgb(249,137,0);

}
.tipcolor8{
background-color:rgb(216,31,17);

}
.pcolor1{
	color:rgb(50,177,110);

}
.pcolor2{
	color:rgb(239,32,89);

}
.pcolor3{
	color:rgb(142,196,41);

}
.pcolor4{
	color:rgb(244,102,0);

}
.pcolor5{
	color:rgb(255,101,169);

}
.pcolor6{
	color:rgb(0,171,139);

}
.pcolor7{
	color:rgb(249,137,0);

}
.pcolor8{
	color:rgb(216,31,17);

}
.grade_link{


}

.ptitle{
	font-size:400%;
}
.stitle{
	font-size:200%;
	text-align:center;
	padding-top:0px;
	margin:0px;
}
 p.stitle{
color:#39bada;
	padding-top:0px;
	margin:0px;
	text-align:center;
}
.timage{
	padding-bottom:0px;
	

}
.timage img{
	padding-top:20px;
	padding-bottom:0px;
	
	

}
.one_fifth{
	display:block;
	float:left;
	width:20%;
	text-align:center;
	height:220px;
	padding-left:10px;
	padding-right:10px;

}

.one_fifth a:link{
text-decoration:none;
font-size:120%;

}
.one_fifth a:visited{
text-decoration:none;
color:black;



}

.centerp{
	width:25%;
	min-height:60px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0 auto;
	text-align:center;
	
}
.fiftht{
	width:100%;
	height:50px;
	padding-top:10px;
	color:white;
	font-size:140%;
	font-weight:bold;
	
}
.fifthp{
 padding:10px;
 color:#767676;

}
.two_third{
	display:block;
	float:left;
	width:66.333%;

}
.one_thirdb{
	display:block;
	float:left;
	width:33.33%;
	padding:10px;
	
	
}
.innerc{
	width:98%;
	color:#fff;
	text-align:center;
	padding:10px;
	border-radius:6px;
	height:550px;

}
.imgbd{
	border:6px solid white;
	border-radius:6px;

}
.iclass{
	width:100px;
	font-size:80px;
	color:#EEEEE9; 
	padding-bottom:10px;
	padding-top:10px;
	border-radius:50px;
	border:1px solid #EEEEE9;

}
.iclassb{
	width:60px;
	font-size:40px;
	color:#01b0f1; 
	padding-bottom:5px;
	padding-top:5px;
	border-radius:6px;
	border:1px solid #EEEEE9;
	float:left;

}

.one_half{
	display:block;
	float:left;
	width:50%;
	color:#666;
	margin-top:10px;
	overflow:hidden;
	margin-bottom:10px;
	min-height:400px;
	padding-right:20px;
	padding-bottom:20px;
	
	
}
.lowestpart{
	width:100%;
	height:500px;
	background-image:url("../images/backg.png");
		
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}
.floatbox{
	width:100%;
	height:auto;
	padding:50px;
	
	

}
.testim{
	width:70%;
	height:200px;
	text-align:center;
	font-size:120%;
	margin:0 auto;
	padding:10px;
	background-color:white;
	 line-height: 150%;
	 border-radius:8px;
	opacity:0.9;
	

}
.menu_foot{
	text-decoration:none;
	color:white;
	
}

i{
	padding-left:10px;	
}
.pdfclass{
		width:90%;
		text-align:center;
		color:red;
		font-size:1000%;
		padding-left:0px;
		height:150px;
		margin-bottom:10px;
		margin-top:20px;
	
	}
i:first-child{
	padding-left:0px;	
}
footer{
	width:100%;
	height:80px;
	background-color:#3192c2;
}

.ftleft{
	width:90%;
	float:left;

}
.ftleft p{
	padding-top:20px;
	color:#fff;
	padding-left:80px;
	text-align:center;

}
.ftleft p a:link{
	text-decoration:none;
	color:white;
}
.ftleft p a:visited{
color:white;
}
.ftleft p a:hover{
color:#f7c305;
}
.ftright{
	width:10%;
	float:right;

}
.ftright p{
padding-top:10px;
font-size:150%;
text-align:right;
padding-right:10px;

}
.ftright a:link{
	color:white;
	padding-top:20px;
	text-decoration:none;
	
}

.sbutton {
	width:100px;
	height:36px;
	font-size:105%;
	background-color:#fec20b; 
	color:white;
	font-family: 'Lato', sans-serif;
	border: none;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	border-radius:10px;
	cursor:pointer;
	transition: 0.3s;
}
.sbutton:hover {
  background-color: #3e8e41;
  color: white;
}
.mbutton {
	width:130px;
	height:40px;
	font-size:100%;
	background-color:white;
	color:#3b3a39;
	font-family: 'Lato', sans-serif;
	
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	border-radius:6px;
	cursor:pointer;
	 transition: 0.3s;
}
.mbutton:hover {
  background-color: #3e8e41;
  color: white;
  border: none;
}
#pMenuM{
	float: none;
	width:100%;
	height:auto;
	font-size:150%;
	margin-top:20px;
	background-color:#fff;
	padding-left:0px;
}
#pMenuM li {
	display:block;
	width:100%;
	text-align:center;
	padding-left:0px;
	line-height:60px;
	border-bottom:1px solid grey;
}
#pMenuM li a:link{
color:black;


}
article{
color:#767676;
font-size:120%;
display: block;
padding-bottom:20px;
border-bottom: 4px dotted #ccc;
margin-bottom:10px;

}
article h2{
	color:red;
	font-size:200%;
	
}
article p{
	padding-top:10px;
	line-height:150%;
}
article{
	
	
}
article img{
	display:block;
	width:640px;
	height:auto; 
	margin:0 auto;
	
}
iframe{
	width:100%;
	height:700px;
}

	.button:active {
 	
	 border: none;
	}	
	
	.inbox p{
		font-family: 'Lato', sans-serif;
		font-size:120%;
		
		
	}
	
.boxShadow{
 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
}	
	
@media only screen and (max-width: 900px) {
.head_up{
display:none;
}
#pMenu{
display:none;
}
.navRight{
	width:100%;
	padding-top:0px;
	font-size:90%;
	
	
}
.banner{
	width:100%;
	height:500px;
	
	
	

}
.trasnpd{
	width:100%;
	left:0%;
}
.slideh{
	
	left:0px;
}
.slideh h1{
	font-size:140%;
  
  
}
.slideh h2{
	font-size:100%;
  color:black;
  
}
.midbody{
	
	width:100%;
	height:auto;
	
}
.sbubble{
	background-position: center;

}
.one_third{
	width:100%;
	text-align:center;

}
.one_third p{
	margin:0 auto;
	width:40%;
	text-align:center;
}
.stitle{


}

.infosec{
	height:auto;
}

.rinfosec{
	height:auto;
	
}
.one_fourth{
width:100%;
padding:5%;

}
.one_fifth{
	width:50%;
	height:250px;


}

.fiftht{
	font-size:100%;
}
.fifthp{
font-size:80%;
}
.one_fourthd{
	height:240px;

}
.one_thirdb{
	width:99%;
	
}
.innerc{
	height:400px;
}
.floatbox{
	
}
.centerp{
	width:98%;
	
}
.testim{
	height:auto;
}
.two_third{
	width:100%;

}
.one_half{

text-align:center;
width:100%;
padding:2%;
}
.one_half img{
	text-align:center;
}

footer{
	width:100%;
	padding:0px;
}
div.ftleft{

	width:100%;
	clear:both;
	float:none;
	text-align:center;
}
div.ftleft p{
	padding-left:0px;
	padding-top:10px;
	color:#fff;
	float:none;
	clear:both;
	text-align:center;

}
.ftright{
	display:none;
}
.one_fourthp{
	width:100%;
	
margin-bottom:5px;

}
.one_thirdp{
width:100%;
margin-bottom:5px;

}

input{
	margin-left:0px;
	margin-right:0px;
}
textarea{
	margin-left:0px;
	margin-right:0px;
	
}
}
@media only screen and (max-width: 600px) {
.head_up{
display:none;
}
#pMenu{
display:none;
}

.midbody{
	
	width:100%;
	height:auto;
	background-position: center;
	background-repeat: no-repeat;
	

}

.infosec{
	height:auto;
}
.one_third{
	width:100%;

}
.rinfosec{
	height:auto;
}
.one_third p{
	margin:0 auto;
	width:90%;
	text-align:center;
}
.one_fourth{
width:100%;
padding:5%;
}
.one_fifth{
	width:50%;
	height:250px;


}
.fiftht{
	font-size:100%;
}
.one_fourthd{
	height:240px;

}
.one_thirdb{
	width:99%;
	
}
.innerc{
	height:700px;
}
.floatbox{
	
}
.testim{
	height:auto;
}
.two_third{
	width:100%;

}
.one_half{
text-align:center;
width:100%;
padding:1%;
}
.one_half img{
	text-align:center;
}
.slogo img{
	width:200px;
	height:auto;
}
footer{
	width:100%;
	padding:0px;
}
div.ftleft{

	width:100%;
	clear:both;
	float:none;
	text-align:center;
}
div.ftleft p{
	padding-left:0px;
	padding-top:10px;
	color:#fff;
	float:none;
	clear:both;
	text-align:center;

}
.ftright{
	display:none;
}
.one_fourthp{
	width:100%;
margin-bottom:5px;

}
.one_thirdp{
width:100%;
margin-bottom:5px;

}

iframe{
	width:100%;
	
}
input{
	margin-left:0px;
	margin-right:0px;
}
textarea{
	margin-left:0px;
	margin-right:0px;
	
}
	
}