﻿*{  margin:0; padding:0; }
body {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
	line-height: 1.50;
	color: #333;
	background-color: #ffffff;
	
	overflow-x:hidden!important
}

        h3 {
    font-size: 20px;
    position: relative;
    border-bottom: 1px solid #002B5B;
    margin: 0 0 10px;
    padding: 0 0 10px;
    color: #002B5B;
    font-weight:bolder;
    font-family:  sans-serif;
}
         h3:before {
             position: absolute;
    height: 5px;
    width: 15%;
    bottom: -3px;
    content: '';
    background-color: #03356E;
}
         .inner h4 {
    border-bottom: 1px dashed #7A7979;
    padding-bottom: 10px;
    color: #004f9c;
}
 
a:hover
{ cursor:pointer; }

.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important; color :#221b00 !important;font-size:12px;}
.navbar {min-height:20px !important;border-bottom: 0px; border-radius:0px !important; margin-bottom:8px;  }

.navbar-nav > li > a:hover
{ color:Red !important; 
    }
    
.top-bar 
{  
  /*  background: #5f5f5f; */
      background:  #fecd30;
    border-bottom: 0px;
    padding: 0px;
    
}


@media (max-width: 1024px) and (min-width: 798px)
{
#top-bar li a{ font-size:10px; padding: 0px 2px;}
.top-bar::before { background: none;}
#nav li a{ font-size:11px;}
}

.top-bar:before {
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    width: 10%;
}

.top-bar:after {
    content: '';
    position: absolute;
    width: 20%;
    left: 0;
    background: yellow;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.logo-1
{ height:102px;
  width:102px;
}  

.logoHeader
{font-size:12px;line-height:18px;color:Navy; float:left; 
  padding-left:50px;  
}

.logoHeader1
{font-size:12px;line-height:18px;color:Black;   float:left; 
}

.header
{margin-bottom:8px;
    
    }

.banner
{ padding:0px;
  margin:0px;  
    
 }
    
.p7VSC_scrollbox {overflow:hidden;}
.p7VSC_scrolling {position:absolute;}
.p7VSCdragchannel, .p7VSCtoolbar{display: block !important;}
.p7VSCdragchannel a{font:normal 12px/21px Verdana, Geneva, sans-serif; color:#000; text-decoration:none;transition: all 0.7s ease 0s;}

.li_width{ width:100%;}


/*  popup  */
.popup
{border:1px solid #e7e7e7; margin-top:4px;  padding-right:5px;padding-left:5px; background:white; 
	}

.text
	{ margin-top:0px; 
	     padding:7px 7px; 
		 font-size:22px; 
		 border-bottom:3px solid black; 
		  width:305px; 
	}



.firstrow_background
 {
     background: #000 url(../img/xwall-1.jpg) repeat;
   }
  
  .firstrow_backgroundColor
{background-color:rgba(255,255,255,0.6); 
  padding-bottom:6px;
  
    }
	

    
.title 
{    float:left;
       margin-top :0px;
    text-align:center; 
    padding: 6px 6px 5px 5px ;
    font-size: 18px;
    color: white;
/*   background-color:#264162; */
    background-color:#f68809; 
   border-bottom:1px solid #cfcac5; 

   
}


.titleNotice

{  margin-top :0px;
 font-size: 16px;
   padding: 7px 7px ;
    background-color:#eaf3fb ; 
    border-bottom:1px solid #cfcac5; 

 
 }
    

/* nt-example1 */
.text1
	{  color :#740c01;
	    margin-top:0px; 
	    
	     padding-top:7px ; 
	      padding-bottom:7px; 
	     padding-left :14px;
		 font-size:22px; 
		 border-bottom: 2px solid #1B426E;
		  width:auto; 
	}


#nt-example1-container {
	text-align: left;
	
}

#nt-example1-container i {
	
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example1-container i:hover {
	color: #333;
}

#nt-example1 li {
	color: #4e4e4e;
/*	background: #F8F8F8; */
	background: #FDFDFD;
	overflow: hidden;
	
	padding: 10px;
	
	
	text-align: left;
	border-bottom: 1px dashed #ccc;
}

#nt-example1 li:hover {
	background: #FFF;
}

.news1
{border:1px solid #e7e7e7;
  border-radius:4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
     background-color:White; 
}

.play-pausest
{border:1px solid #e7e7e7;
  padding:4px; 
 width:27px; 
 display:inline;  
 float:right ; 
  margin-right:5px; 
  cursor:pointer ; 
    }
    
  .btn-all
  {padding :4px;
     border:1px solid #f68809;
     text-align:center; 
     /*   color : #393939; */
      color : #f68809;
      font-weight:bold ; 
          
      }  
      
      .btn-all:hover
  { 
    padding :4px;
       text-align:center;    
  /*    border:1px solid #1B426E; 
      background: #1B426E; */
     border:1px solid #f68809; 
      background:#f68809;
     text-decoration:none;
     color :  white;
         
      } 
      
    
 
 
/* nt-example12 */


#nt-example12-container {
	text-align: left;

}

#nt-example12-container i {
	
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example12-container i:hover {
	color: #333;
}

#nt-example12 li {
	color: #4e4e4e;
	background:#FDFDFD;
	overflow: hidden;
	padding: 10px;
	text-align: left;
	border-bottom: 1px dashed #ccc;
	
}

#nt-example12 li:hover {
	background: #FFF;
}     


.announcement a { color:#4e4e4e;    }
.announcement a:hover {color:#990000;}

/* nt-example12 end*/

.leader
{  
    padding:12px;
  border-radius:10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); 
   text-align:center;
   
}

.leader img 
{
   
    display: block;
    margin: 3px auto;
    width: 150px;
    height: 150px;
    border: solid 4px rgb(32, 32, 32);
    border-radius: 10px !important;
}
.msg-btn
{ border:1px solid #fec24f;
    padding :2px;
      font-size:12px; 
    }
    
.msg-btn:hover
{ border:1px solid #fec24f;
    
    padding :2px;
    text-decoration:none; 
    background: #fec24f;
    color :maroon;
 }    
 .about_a
 { color:#CB9B3F; font-weight:bold; }
 
 .about_a:hover
 { color:#fec24f; font-weight:bold; }
 
 .stlable {
    font-size: 12px;
    text-align: center;
    color: #8e0000;
    font-weight: bolder;
    position: relative;
    top: 4px;
}
 .studenticon 
 {
    width: 100%;
     margin-top:10px;
    margin-bottom: 10px;
    height: 100px;
}
.studenticon ul {
    margin: 0;
    padding: 0;
    float: left;
}
/*.studenticon ul li 
{
    width:120px;
    list-style: none;
    display: inline;
    padding: 5px 7px;
    float: left;
    text-align: center;
}
-------------------*/
/* xs */
  .studenticon ul li 
{
    width:100px;
    list-style: none;
    display: inline;
    padding: 5px 7px;
    float: left;
    text-align: center;
}
/* sm */
@media (min-width: 768px) {
  .studenticon ul li 
{
    width:120px;
    list-style: none;
    display: inline;
    padding: 5px 7px;
    float: left;
    text-align: center;
}
}
/* md */
@media (min-width: 992px) {
 .studenticon ul li 
{
    width:120px;
    list-style: none;
    display: inline;
    padding: 5px 7px;
    float: left;
    text-align: center;
}
}
/* lg */
@media (min-width: 1200px) {
 .studenticon ul li 
{
    width:120px;
    list-style: none;
    display: inline;
    padding: 5px 7px;
    float: left;
    text-align: center;
}  
   
}
/*-------------------*/

.studenticon ul li img {
    width: 80px;
    height: 80px;
  transition: transform .2s;
}

.studenticon ul li img:hover {
  transform: scale(1.1);
  
}

.heading
{   
    color: #740c01;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    
    padding-bottom: 2px;
    border-bottom: 1px solid #740c01;
    text-align: center;
    font-size: 20px; 
}

/*---------------------------------------*/


.news-box1 {list-style:none!important; margin:0;  padding:0 0 5px 0; text-align:left;}
.news-box1 li   {  border-bottom:solid 1px #cccccc; padding:2px 0}
.news-box1 li a {line-height:22px; }


.box1 a { color:#30569D; font-size:14px; font-weight:bold; width:100%; clear:both; margin-bottom:10px }
.box1 a:hover {color:#990000}
.box1 a  i{ color:#990000;  }
 
 .footer
 { color:#999;
   font-weight:bold; 
   padding-top:10px; 
   background-color:#6c2416;
  }
 
 .footer a
 { color:#fff;
   font-weight:normal;
   font-family:Cambria;

   
  }

 .footer ul li 
 { color:#fff;
   font-weight:normal;
   font-family:Cambria;

   
  }
  .footer-content a:hover
 { color:#428bca; 
    text-decoration:none;   
   
  }
  .footer ul li
 {
  
   list-style-type:none;  
    
  }
 .footer-content h3 {
    margin: 0;
    color: #fff!important;
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
}
 
 
.social-links  ul
{ 
overflow-x:hidden;
white-space:nowrap; 
  
} 

.social-links li
{ 
display:inline; 
padding:1px; 
}

.btFot {
     border:1px solid #a5b9c0;
    border-radius:50%;
    width:50px; 
    height:50px; 
    padding:5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     font-size : 25px;
   -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.btFot1 
{   background-color:transparent;
    color:  #4e69a3;
    border: 2px solid #4e69a3;
 
 }

.btFot1:hover {
    background-color:#3b5999; 
    border:2px solid #355089;
   color: white; 
}

 
 .btFot2 
{   background-color:transparent;
    color:  #1daced;
     border:2px solid #1daced; 
  }
  
  .btFot2:hover
{  background-color:#1daced; 
    border:2px solid #1a9ad5;
   color:  white; 
  
 }
 
   .btFot5
{  background-color:transparent; 
    border:2px solid #be0f34;
   color:  #be0f34; 
  
 }
 
 .btFot5:hover
{  background-color:#be0f34; 
    border:2px solid #ab0d2e;
   color:  white; 
  
 }
 
 .contentHead{color:Maroon;}

.content   
{
     
       position: relative;top: -85px;}           

/*.content{background-color:White; color:Black;  font-size:13pt;width:100%; min-height:680px;
          text-align:justify; padding:20px;
         margin-bottom:5px;margin-right:50px;
          position: relative;top: -50px;
           font-family :Helvetica, sans-serif;
           box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
           border-radius:4px;}  
             
.content a 
{color:#0000ff;
  font-weight:bold ;  text-decoration:none;  
 }*/
 
 
    
.content a:hover
{ text-decoration:underline;
    }   
    
 .contentdata{margin-top:10px;position: relative; top: -190px;} 
              
    .PageMaintitle
   {position: relative;top: -190px; 
    /*padding-right:340px;*/ 
       }
       
    .Pagetitle
   {position:relative;top:-300px;
    /*left:-435px;*/
       }
  
  .Pagetitle a
  {color:white;
    cursor:pointer ;
  }
  .Pagetitle a:hover
  {color:white;
    cursor:pointer ;
   
  }
  
 .implink-logo {
	margin: 0px !important;
	display: block;
	text-align: center;
	padding: 0px;
}
.implink-logo li {
	list-style: none;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: rgba(255,255,255,.5);
	margin: 20px 2px ;
	/*margin: 52px 3px ;*/
	transition-duration: .2s;
	width: 19%;
}


@-moz-document url-prefix() {
 .implink-logo li {
	list-style: none;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: rgba(255,255,255,.5);
	margin: 20px 2px ;
	/*margin: 52px 3px ;*/
	transition-duration: .2s;
	width:200px;
}
}


.implink-logo li a {
}
.implink-logo li a img {
	width: 100%;
}
.hidden-lg {
    margin-bottom:80px;
}