@charset "utf-8";
/* CSS Document */
body{
margin:0px;	
font-size:16px;
overflow-x:hidden;
overflow-y:scroll;
font-weight:300;
}
.slides{
	height:500px !important;
}
.slides > li.active > img{
	animation: zoom_in 7s linear 0s infinite normal;
	-webkit-animation: zoom_in 7s linear 0s infinite normal;
}
@-webkit-keyframes zoom_in {
    0% {-webkit-transform:scale(1);}
	100% {-webkit-transform:scale(1.1);}
}
@keyframes zoom_in {
    0% {transform:scale(1);}
	100% {transform:scale(1.1);}
}

.navi{
	float:right;
	right:-200px;
	top:42px;
	position:fixed;
	width:200px;
	height:100%;
	background-color:#004d40;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #fce4ec;
	z-index:500;
	overflow-y:auto;
	/*box-shadow: -10px 3px 10px #888888;*/
}
.navi li
{
	padding:0px !important;	
padding-top:20px !important;
padding-bottom:20px !important;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color:#00695c;
	text-indent:10px;
}
.navi li:hover{
	background-color:#099;
	padding-left:-10px;
	margin-left: -10px;
}
.navi li a{
color:#fff !important;	
}
.navi li a:hover{
color:#000 !important;
}
.material-icons
{
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}
.material-icons:active
{
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg); /*skew(30deg,20deg);*/
}
.clop1 span
{
	float:left !important;
	display:none;
	font-weight:500;
	margin-right:5px;
	transition:all 0.3s;
}
.clop1 span:active
{
	transform:rotateX(90deg);
}
.clop1 .material-icons
{
	float:left !important;
}
.ucht
{
	height:400px !important;
}
.clop1{
float:right;
position:relative;
z-index:1;
height:56px;
top:-5px;
right:0px;	
}
.clopy{
float:left;
position:relative;
z-index:1;
height:56px;
top:14px;
display:none;
left:0px;	
}
.side-nav{
top:56px !important;
text-align:center;
background-color:#974947;
}
.side-nav li a{
color:#FFF;		
}
.side-nav li a:hover{
color:#000;		
}
.clop{
float:left;
margin:0px;	
}
.page_in
{
	background-color:#666;
}
.posi{
position:absolute;	
}
.pad
{
	line-height:normal;
}
	.my_caption
{
	left:0% !important;
	width:100% !important;
	top:0 !important;
	height:100% !important;
	
}
.themeColo1
{
	background-color:#00695c;
}
.textColo2
{
	color:#00695c;
}
.textColo1
{
	color:#fce4ec;
}
.themeColo2
{
	background-color:#fce4ec;
}
.bposi{
	background-repeat:no-repeat;}
.slidet
	{
		position:relative;
		left:30% !important;
		width:60% !important;
	}
.hty{
	height:100% !important;
	top:40px;
	z-index:1000;
}
.hty li{
padding:0px !important;	
padding-top:20px !important;
padding-bottom:20px !important;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color:#966;
	text-indent:10px;
}
.hty li:hover{
	background-color:#ccc;
	padding-left:-10px;
	margin-left: -10px;
}
.hty li a{
color:#fff !important;	
}
.hty li a:hover{
color:#000 !important;
}
.parallax-container
{
	margin-bottom:-20px !important;
}
.parallax-container h4
{
	padding-top:50px;
	color:#fff;
	text-align:center;
	text-shadow:2px 2px 2px #000;
	font-weight:300;
}
.mycontainer{
float:left;
height:100%;
width:100%;
margin:0px !important;	
color:#974947 ;
}
.cnta{
	float:right;
	right:0px;
	height:auto;
	width:100%;
}
.mycontainer1{
float:left;
height:100%;
width:100%;
margin:0px !important;	
}
.my-text{
color: #974947 !important;	
}
.nomargin{
margin:0px !important;	
}
.log{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2rem !important;	
}
.log1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2rem !important;
}
.ht1{
height:400px !important;	
}
.ht2
{
	height:300px !important;
}
.parallax img{
display: block !important;
background-position: center top;	
}
.op{
opacity:0.8;
box-shadow: 0px 5px 5px rgb(0, 0, 0) !important;	
}

.aftp{
float:left;
color:#636363;
width:100%;	
}
.menu:hover{
	text-decoration:none;
	font-style: italic;
}
.tpmgn{
margin-top:40px;	
}
.tpmgn1{
margin-top:40px;	
margin-bottom:40px;	
}
.tpmgn11{
margin-top:100px;	
margin-bottom:100px;	
}
.slht{
height:500px !important;	
}
.slht1{
height:520px !important;	
}
.stpg{
height:350px !important;	
}
.cap{
color: #636363;
font-family:"Josefin Sans",sans-serif;
}
.cap1{
color: #636363;
font-family:"Josefin Sans",sans-serif;
}
.pic{
height: 250px;
margin-top: 40px;
padding:0px !important;
}
.index1{
	background-image:url(images/bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:20px;
}
.index2{
	background-image:url(images/bg4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:20px;
}
.index3{
	background-image:url(images/school_front.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height:300px;
}
.index4{
	background-image:url(images/school_frnt1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:20px;
}
.links li a{
font-size:12px !important;	
}
.logo1{
marin-left:10px;
margin-top:-40px;	
}
.logo2{
marin-left:10px;
position:relative;
z-index:100;	
}
.txtshad{
text-shadow:2px 2px 2px #000; 	
}
.sdbd{
border-right-width: thin;
border-right-style: solid;
border-right-color: #CCC;   
color:#ccc;
font-size:12px;
padding-right:10px;
}
.sdbd1{  
color:#ccc;
font-size:12px;
padding-left:10px;
}
.tpmgn2{
margin-top:30px;	
}
.fnt{
font-size:13px;	
}
.slide_fnt
{
	font-size:15px;
	margin-top:80px;
	line-height:35px;
	font-weight:300;
}
.slider_grad {
 background: ; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
  background: -ms-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
}
.fac_ht
{
	width:100%;
	height:400px;
	overflow:hidden;
}
.fnt1{
font-size:13px;
margin-top:10px;	
}
.amp li{
list-style-image: url(images/arr.png);
list-style-position: inside;
margin-top:20px;
font-size:18px;
color:#000;
}
.fbx{
float: left;
width: 98% !important;
height:40px !important;
margin-bottom: 30px !important;
padding-left: 2% !important;
border: 1px solid #D4D4D4 !important;
border-radius:5px !important;
background-color: white !important;	
}
.lgn_bt {
    font-size: 14px;
	color: #FFFFFF;
	background-color: #CC0000;
	float: left;
	height: 30px;
	width: 90px;
	border: 1px solid #CC0000;
	border-radius: 3px;
	margin-left: 11px;
}
.fgot {
	font-size: 12px;
	line-height: 25px;
	color: #999999;
	text-decoration: none;
	float: left;
	height: 30px;
	width: 150px;
	margin-left:10px;
}
.note1{	
background-color:#FFF !important;
border:1px solid #666 !important;
border-radius:5px !important;
padding-left:5px !important;
margin:0px !important;
}
.note2{
height:60px !important;	
background-color:#FFF !important;
border:1px solid #666 !important;
border-radius:5px !important;
padding-left:5px !important;
margin:0px !important;
}
::-webkit-input-placeholder{
	color:black !important;	
}
:-moz-placeholder{
	color:black !important;	
}
::-moz-placeholder{
	color:black !important;	
}
:-ms-placeholder{
	color:black !important;	
}
:-ms-input-placeholder{
	color:black !important;	
}
.sm a{
font-size:13px !important;
width:10%;
padding-left:0px;
padding-right:10px;		
}
.sm{
height:50px;
padding-top:15px !important;
padding-bottom:15px !important;
}
.cic{
width:30px;	
}
.pic_ht{
	height:400px !important;
	}
