@charset "utf-8";
*{margin:0 auto; padding:0;}

body{font-family: 'Poppins', sans-serif;line-height:25px; font-size:15px;color:#000000; text-align:justify; background:#ffffff;
}

p{text-align:justify;line-height:30px; padding:5px 0px 5px 0px;}
.clear{clear:both;}

::-moz-selection { /* Code for Firefox */
    color:#000;
    background: #ff9000;
}
::selection {
    color:#000; 
    background: #ff9000;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background: rgb(180, 18, 12);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    box-shadow: inset 0 0 6px rgba(0,0,0,.5);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
h1{color:#8c1857; font-size:18px; }
/*h2{color:#662e91; font-size:18px;}*/
h2{color:#800000; font-size:18px;}
h3{color:#ff9000; font-family: 'LatoWeb'; font-size:16px;}
h4{color: #8d1111; font-family: 'LatoWebBold'; font-size:20px; }
h5{color:#ffffff; font-size:26px;text-transform:uppercase; font-weight:lighter;text-align:center; margin-top: 10px;}
h6{color:#e9e0f1; font-size:14px;font-weight:lighter;text-align:center; margin-top: 10px; margin-bottom: 10px;}
.temp-heading{color:#7d5421; font-size:16px; font-style:italic;letter-spacing:2px;}

.boldtext{font-family: 'LatoWebBold';}
.bold_text{font-family: 'LatoWebBold';}

img{max-width:100%; max-height:100%; border:none;}

.scrollToTop{
	width:34px;
    height:34px;
    position:fixed;
    bottom:5px;
    right:5px;
    display:none;
    text-indent:-9999px;
	background:url(../images/icon_top.png) no-repeat;

}
.scrollToTop:hover{
	text-decoration:none;
}
.mandatory{color:#F00;}

.border{border: 1px solid #000;}

.footer-outer .fa{  font-size: 10px;}

.link{ 	
	color:#ffffff; background:#662e91;
	padding:5px 10px;
    -moz-box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    box-shadow: 1px 1px 2px #aaa;
	}
a.link {
	text-decoration:none;color:#ffffff; background:#662e91;
}
a:hover.link{
	color:#ffffff;
	background:#ff9000;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
}
.bold-underline{
	display:inline-block;
    border-bottom:5px solid #ff9000;
    padding-bottom:1px;font-family: 'LatoWebBold';
}
.light-underline{
	display:inline-block;
    border-bottom:2px solid #ff9000;
    padding-bottom:4px;
}
.page-list{ margin-left:20px; line-height:30px;}
.page-list li{ }

.notice-links{margin-left:0px; line-height:25px;}
.notice-links li{list-style:none; border-bottom:1px dashed #584c2d; padding-top:10px; padding-bottom:10px; text-align: justify;}
.notice-links li img{float:left; padding-top:10px; padding-right:5px;}
.notice-links li a{text-decoration:none; color:#e40808}

.bg-orage{background:#fff;}

.admission_btn{width: 60%; margin-top:20px; padding:5px; border-left:10px solid #ff9000;    background: #005554 url(../images/topbg.jpg) no-repeat;
    background-size: 100%;}
.admission_btn a{text-decoration:none; color:#fff;}
.admission_btn:hover{background:#ff9000;border-left:10px solid #662e91; color:#fff;}
.admission_btn:hover .ca-main{
    opacity: 1;
    color:#000000;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.admission_btn:hover .ca-sub{
    opacity: 1;color:#000000;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

.mybreadcrumb{padding:5px 0px 5px 0px; color: #662e91;font-family: 'LatoWebBold';
background: #e9e0f1; font-size: 16px;}

.withimg img{float: left; margin: 10px 10px 5px 0px; box-shadow: 0px 0px 15px #888888;}

figure {float: left; margin: 0px 10px 0px 0px;
    
    padding: 0;   
    overflow: hidden;
}    

figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 1.5s ease-in-out 0s;
	-webkit-transition: .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
    
}
figure:hover img {
   -webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
	-ms-transform: scale(1.3); 
    transform: scale(1.3);
	}
	
#tblpage{width:100%; line-height:35px; text-align:center;}
#tblpage td{padding:10px; vertical-align:top;}
#tblpage td img{padding-bottom:10px;}

#tblstaff{width:100%; margin-top:10px; text-align:justify; border:1px solid #662e91;}
#tblstaff td{border:1px solid #662e91;padding:10px; vertical-align:top;}

#tblstaff td img { border: 2px solid #333;}

.grad{
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(#fa720a, white); /* Standard syntax (must be last) */
}