/*

Designed and Coded By: FAJIS
Date: 10/11/2014

*/


body{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:#fffff ; color:#4d4d4d; line-height:28px }
a{text-decoration:none; color:#333}
a:hover{text-decoration:none; color:#00a651}

h1 { font-size:30px; color:#4d4d4d; text-align:left;  padding:12px 40px;  margin:-58px 0px 30px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); position:relative; background:#fff; float:left; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
h1::after {position: absolute;content: "";background-color: #00a651;height: 3px;width: 50%;bottom: -1px;left: 19%; }

h2 { font-family: Arial, Helvetica, sans-serif; margin:0px; font-size:24px; color:#fff; margin:0px -30px 15px;  padding:8px 30px; text-transform:uppercase; background:#00a651}
.box1 { border:solid 1px #eee; margin-top:20px}
.box1 h2 { margin:0px -15px 20px}
h4 { font-size:24px; color:#333333; text-align:left;  padding:0px 0px;  margin:0px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; }
h4::after {position: absolute;content: "";background-color: #00a651;height: 3px;width: 11%;top: 30px;left: 2%; }
h5{font-size:16px; color:#000; text-align:center; font-family:Arial, Helvetica, sans-serif;}
h6{font-size:2vw; color:#00a24f; font-family:Arial, Helvetica, sans-serif; line-height:35px;}
h7{font-size:36px; color:#069045; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}
h8{font-size:34px; color:#666;font-family: 'Lobster Two', cursive; text-align:center;}
h9{font-size:22px; color:#000; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.bnr-txt{font-size:16px; color:#000; text-align:right;}
p { color:#1b1b1b}

/*header area starts here*/

header { color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/pattern.png) repeat; }
header .top-area { background:url(../images/pattern.png) #4d4d4d repeat; padding:10px 0px; float:left; width:100%; height:auto;  }
header .top-area a { margin-right:30px; color:#fff}
header .top-area a:hover { color:#a6ce39}

header .social-media {  float:right;  }
header .social-media .fa-2x { font-size:24px}
header .social-media a { margin-right:0px; color:#fff }
header .social-media a:hover .facebook { color:#3B5998; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .google { color:#E14107; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .twitter { color:#00ACED; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .linkedin { color:#2ba3e1; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .youtube { color:#eb4723; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}


header .bottom-area { float:left; width:100%; padding:20px 0px; background:url(../images/pattern.png) repeat; }


/*header area ends here*/


/*nav starts here*/
.nav-header {  }
.nav-header-border { background:#57ba47; }
.navbar-default{  border:none; padding:0;  }

.navbar-default .navbar-nav>li { padding:18px 28px 10px 0px; }
.navbar-default .navbar-nav>li>a{ font-size:15px; color:#fff;padding:0px 0px 0px 0px;  font-family: Arial, Helvetica, sans-serif; text-transform:uppercase }

.navbar-default .navbar-nav>li:last-child { padding-right:0px}
.no-margin { margin-right:0px !important; padding-right:0px !important; }

.navbar-nav > li { text-align:center }
.navbar-collapse, .collapse{   padding:0px }
.navbar { position:relative; z-index:9999; height:auto; margin-bottom:0px}
.navbar-default{ background:none; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none;  color:#fff ; border-bottom:solid 2px #fff}

.navbar-default .navbar-nav > li > a:hover{ background:none;  color:#fff ;  transition:ease-out 0.3s; }
.navbar-default .navbar-brand{color:#fff; }
.navbar-collapse{border:none;}
.navbar-header{ background:#4d4d4d;  }
.navbar-default .navbar-nav{ margin:0px }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0px 0 !important;
  margin: 0px 0 0 !important;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #00a651;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 3px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 7px 22px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  font-size:15px
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
 {
  color: #f0f0f0;
  text-decoration: none;
  background:#4d4d4d;
  border-top:solid 1px #e0e0e0
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background:#4d4d4d; border-top:solid 1px #e0e0e0}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background:#4d4d4d; border-top:solid 1px #e0e0e0}
@media(min-width:768px) {
.dropdown:hover .dropdown-menu {
    display: block;
 }
}
@media(max-width:1199px) and (min-width: 991px) {
.navbar-default .navbar-nav>li { padding:36px 19px 10px 0px; }
}
@media(max-width:991px) and (min-width: 768px) {
.navbar-default .navbar-nav>li { padding:36px 40px 10px 0px; }
}


@media(max-width:1199px) {
.logo { margin:0 auto !important}

}

@media(max-width:767px)  {
.navbar-default .navbar-nav>li { padding:0px 0px 0px 0px; }
.navbar-default .navbar-nav>li>a{ font-size:14px; padding:12px 14px; border-bottom:none; text-align:left}
.navbar-default .navbar-nav { border:solid 1px rgba(146,154,155,0.2)}
header .bottom-area .pull-right { float:none !important}
.navbar { margin-bottom:0px}


}

/*Content starts here*/
.work-box { width: 100%;
position: relative;
padding: 20px 15px 40px;
text-align: center;
color: #fff; background:#154e9f; min-height:333px; margin:60px 0px 0px 0px }
.work-box h2 { font-family: Arial, Helvetica, sans-serif; margin:0px; font-size:21px; color:#fff; margin:15px 0px; background:rgba(255,255,255,0.2); padding:6px 6px}
.work-box:hover { background:#a6ce39; transition:ease-in-out 1s}
.work-box:after {
background: #fff;
bottom: -55px;
content: "";
height: 55px;
left: 0;
position: absolute;
transform: skew(4deg) rotate(4deg);
-ms-transform: skew(4deg) rotate(4deg);
-moz-transform: skew(4deg) rotate(4deg);
-webkit-transform: skew(4deg) rotate(4deg);
-o-transform: skew(4deg) rotate(4deg);
transform-origin: right bottom 0;
-ms-transform-origin: right bottom 0;
-moz-transform-origin: right bottom 0;
-webkit-transform-origin: right bottom 0;
-o-transform-origin: right bottom 0;
width: 100%;
z-index: 1;}
.work-box p { color:#fff; text-align:left}
.work-box a { color:#fff}
.work-box a:hover { color:#4d4d4d}
.content-img { border-bottom:solid 2px #00a651; margin-bottom:20px}
.content-img img { border-bottom:solid 5px #daa636; margin:0px auto 1px auto}
.banner { margin:0 0 50px 0px; float:left; width:100%}

/*news starts here*/

.news {width: 100%;background: #fff;margin: -107px 0px 40px;position: relative;float: left;color:#4d4d4d;padding:30px 0px 15px 0px;border-top-left-radius:4px;border-top-right-radius:4px;}
.news .nav-tabs { margin:-75px 0px 0px;}
.news .tab-content { padding:20px 0px 0px; }
.news .nav-tabs > li.active > a, .news .nav-tabs > li.active > a:hover, .news .nav-tabs > li.active > a:focus { background:#00A651; color:#fff}
.news .nav-tabs > li > a { background:#fff; font-size:18px; font-family: Arial, Helvetica, sans-serif;}

.news .thumbnail { border-radius:0px; border:none; padding:0px; margin:0px; background:none; margin-right:30px}
.news .thumbnail img { border:solid 1px #00a651}
.news .thumbnail .caption { padding:9px 0px}

/*==================================================
 * Effect 8
 * ===============================================*/
.news{
  	position:relative;       
/*    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.news:before, .news:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.news:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
.news article{ color:#4d4d4d; font-size:16px; margin:30px; font-family: 'Arial';  }
.news .pull-right { margin:15px 0px}

.carousel-indicators { display:none}
.news .carousel-control.left, .news .carousel-control.right { background:none; opacity:1}
.news .carousel-control { top:60px; bottom:auto; color:#0D7F15; text-shadow:none; width:auto; padding:8px 16px; margin-right:20px; font-size:30px; z-index:99999 }
.news .carousel-control.left { right:30px; left:auto}
.carousel-control:hover, 
.carousel-control:focus { opacity:0.8 !important}

@media(max-width:768px)  {

.news { width:100%; height:auto; }
.welcome { text-align:center; margin:0 auto 30px}
.news article { display:inline-block; margin:0px}
.news .pull-left { float:none !important}
.news .thumbnail { margin:0 auto; text-align:center}
}
/*.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}*/



/*footer starts here*/
footer { background:url(../images/pattern.png) #000 repeat; font-size:14px; color:#888; padding:0px; margin:40px 0px 0px}
footer h3 { color:#f0f0f0; font-size:24px;  margin:60px 0px 20px; font-family: Arial, Helvetica, sans-serif;}
footer address i { line-height:24px !important}
footer address p { margin:0px 0px 0px 25px}
footer p { color:#c0c0c0}
footer a{ color:#c0c0c0}
footer li {color:#c0c0c0; line-height:normal; padding:0px 0px 16px 0px; font-size:15px}
footer li:hover {color:#00a651}
footer .thumb-footer { float:left}
footer address {  color:#c0c0c0; line-height:26px}
footer .thumb-footer img{ float:left; }
footer .thumb-footer img:hover { opacity:0.7; cursor:pointer; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .thumbnail { border-radius:0px; margin-bottom:5px}

footer .social-media {  margin:0px 0px 0px }
footer .social-media a { margin-right:0px; color:#c0c0c0 }
footer .social-media .facebook { color:#3B5998; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .google { color:#E14107; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .twitter { color:#00ACED; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .linkedin { color:#2ba3e1; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .youtube { color:#eb4723; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media a:hover  { opacity:0.7; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .logo-footer { margin:120px 0px 0px; float:right}

.footer-bottom { border-top:solid 1px rgba(77,77,77,0.3); font-family:Arial, Helvetica, sans-serif;  padding:16px 0px 8px}
.footer-bottom p { color:#c0c0c0}
.footer-bottom p a{ color:#c0c0c0}
.footer-bottom p a:hover{ color:#00a651}

@media(max-width:768px)  { 
footer .logo-footer { margin:20px 0px 20px; float:left}
}


/*--About Section--*/
.inner { margin:0 auto; text-align:center}
.inner img{  margin:0 auto; text-align:center; }
.inner .container { }
.breadcrumb-bg {  z-index:999; right:0; top:-40px; position:relative}
.breadcrumb > .a {color:#00a651;}

.breadcrumb > .active { color:#00a651}
.about img{ margin:0 20px 10px 0}
.box{
  	position:relative;       
/*   -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
	border-bottom:solid 10px #00a651;
	margin:40px 0 0 0		
}
.box:hover{

	border-bottom:solid 10px #4d4d4d;
	transition:ease-in 0.5s		
}
.box:before, .box:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.4);
    box-shadow:0 0 5px rgba(0,0,0,0.4);
	top:0;
	bottom:0;
    left:0;
    right:0;
/*    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;*/
	
} 
.box:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
			
}
.box article { padding:25px 30px}


@media(max-width:768px)  { 
h1 { margin:0px 0px 20px 0px; padding:12px 0px}
.breadcrumb-bg { top:0px}
}

/*contact*/
.about address i { float:left; margin:0px 6px 15px 0}
.form-control { border-radius:0px; box-shadow:0px !important; box-shadow:0px 0px 0px 0px #fff}
.btn {  border-radius:0px;}

/*Gallery starts here*/

.gallery { padding:0px 0px 0px 0px;}
.gallery .thumbnail { margin:0 auto; text-align:center; margin-bottom:30px; padding:0px; border-radius:0px; background:#000}
.gallery .thumbnail i { margin:0 auto; text-align:center; position:absolute; opacity:0}
.gallery .thumbnail .caption { padding:8px 6px; background:#00a651}
.gallery .thumbnail h3 { margin:0px; font-size:16px; color:#fff}
.gallery .thumbnail:hover { border:solid 1px #00a651;  }
.gallery .thumbnail:hover i {  top:35%;  opacity:100; z-index:999; color:#00a651; transition:ease-in-out 0.5s !important; text-align:center; margin:0 auto; margin-left:-12px}
.gallery .thumbnail:hover img { opacity:0.4}

@media (min-width: 768px) {.gallery .thumbnail img { height:110px; }}
@media (min-width: 992px) {.gallery .thumbnail img { height:110px; }}
@media (min-width: 1200px) {.gallery .thumbnail img  { min-height:120px  }}

/*administrator*/
.administrator {}
.administrator .row, .administrator .bottom { margin-bottom:25px}

.administrator .bottom { }
.administrator .bottom span { background:#00a651; color:#fff; padding:4px 8px; font-size:10px; margin:0px 10px 10px 0; float:left}

.administrator h2 { margin:0px 0px 20px}
.administrator h5{ font-size:18px; margin:0 0 15px; border-left:solid 5px #00a651; padding:0 0 0 10px }
/*.administrator h5::after {position: absolute;
content: "";
background-color: #00a651;
height: 3px;
width: 15%;
top: 44px;
left: 4%; }*/
.administrator h5 small { font-size:13px; color:#999}
.administrator .thumbnail{	
border-radius:0px	;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1);
	transition:ease-in 0.4s	
}
.ad-right .thumbnail { margin-bottom:3px}
.administrator .thumbnail:hover{


	transition:ease-in 0.4s	;
	cursor:pointer	
}

.faculties .thumbnail { margin:0 auto 20px; text-align:center}
.faculties h5 { text-align:center; border-left:solid 0px #00a651;  }	
.faculties h5 small{  border-bottom:solid 1px #00a651; padding-bottom:5px}


.bnrch{width:100%; float:left;}
.grnclr{color:#089145; font-size:16px;}
.mrg10{margin-top:20px;}
.nws-scrl{background:#06C; color:#fff; font-size:18px; font-weight:bold; margin-top:15px; padding:10px;}
.mnu-bg{background:#09F; width:100%; margin-top:10px;}
.tbtxt{font-weight:bold; text-align:center; font-size:24px;}
.fltr{font-size:24px; font-weight:bold;}
.bgsd{background:#09F; padding:5px}
.vsnmsn{font-family: 'Lobster Two', cursive; font-size:36px; color:#069045; text-align:center; padding-bottom:20px;}
.vmsntxt{text-align:center; font-size:24px; padding:25px; border:double 5px #CCC;}
.fnszl{font-size:18px;} 
.ctimglft{float:left; padding:4px; }

.nwsbg{background:#f8f8f8; border-bottom:solid 1px #333; padding:10px 20px; font-size:18px; margin-bottom:30px; }
.lblst{color:#FFF; padding:0px 15px; font-size:14px; margin-top:10px;}
.alcr{text-align:center;}

.nwscr{color:#fff; text-align:left; padding:0 5%}
.nwscrbg{padding:4px 10px 0px 10px; background:#c80000; float:left }
.nwshd{padding-right:15px; float:left; font-weight:bold; font-size:18px}
.nwsct{float:left; font-size:16px; font-weight:bold; float:left }