.menu-area{background: #FFDF00;}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#000;font-size:14px;text-transform:capitalize;padding:10px 15px; display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff; background: #8B0000;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #8B0000;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #8B0000;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #8B0000;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#FFFCFC; color:#8B0000;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#FFFCFC; color:#8B0000;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#FFFCFC; color:#8B0000;}


.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu li > a{color:#8B0000;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu li > a{color:#8B0000;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu li > a{color:#8B0000;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu li > a:hover{color:#fff;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu li > a:hover{color:#fff;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu li > a:hover{color:#fff;}


/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:6px 5px 6px 5px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:6px 5px 6px 5px}

}




.carousel-item {
  height: 450px;
}

.carousel-image-1 {
  background: url('../img/image11.jpg');
  background-size: cover;
}

.carousel-image-2 {
  background: url('../img/image22.jpg');
  background-size: cover;
}

.carousel-image-3 {
  background: url('../img/image33.jpg');
  background-size: cover;
}

header{
  background-color:maroon;
  height:130px;
}




.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}

#active_x{
	color:#fff;
}

#navbarDropdown:hover {
	color:#fff;
}

.dropdown-item:hover{
	
}


#navbarSupportedContent{
	background: #FFDF00;
}

#main_navbar{
	background: #FFDF00 !important;
}

/*

@media (max-width: 576px){
 
  #ocb{
      margin-left:100px !important;
      padding:auto !important;
  }
  
  #ql-2{
      width:100%;
  }
}



@media (max-width: 576px){
 
  #ocb{
      padding:auto !important;
  }
}
*/


@media (min-width: 576px){
  .container{
    max-width:98%;
  }  
 
}

@media (min-width: 768px){
  .container{
    max-width:98%;
  }  
}

@media (min-width: 992px){
  .container{
    max-width:95%;
  }
}


@media (min-width: 1200px){
  .container{
    max-width:96%;
  }
}


#main-footer{ height:250px;}


h1, h2, h3, h4, h5, h6, .site-title {
		font-family: 'Open Sans', sans-serif;
}

p {
		font-family: 'font-family: Arial, sans-serif;'
	}

#ql{background:maroon!important;}

#ql-2{background:maroon!important; width:30%;}

#main-footer{background:black!important;}

hr{
height: 3px;
margin-top:-19px;
background-color:maroon;
border: none;
}

hr.hrN{
height: 2px!important;
width: 50%;
margin-top:19px;
background-color:white!important;
border: none!important;
}


hr.hr_news{
height: 1px!important;
margin-top:10px;
background-color:#e3e1df!important;
border: none!important;
}


hr.hr_header{
	height: 2px;
    margin-top:0px;
    background-color:yellow;
}

small{
	margin-top: 0px!important;
	font-size:12px;
	margin-bottom: 30px!important;
}


#list-group {
    width:100% !important;
}

.x_x{
    margin-left:170px !important;
}

#list-group-item.active{
    background-color:maroon !important;
}

#sp_link{
    color:#5a5c69 !important;
}

.list-group-item {
    border-left: none;
	border-right: none;
	padding:10px;
}


.navbar {
    -webkit-box-shadow: 0 8px 6px -4px #494847;
    -moz-box-shadow: 0 8px 6px -4px #494847;
    box-shadow: 0 8px 6px -4px #494847;

    /* the rest of your styling */
}


@media (max-width: 576px){
 
  #ocb{
      margin-left:100px !important;
      padding:auto !important;
  }
  
  #ql-2{
      width:100%;
  }
}

@media (max-width: 768px){
 
  #ocb{
      padding:auto !important;
  }
  
  #ql-2{
      width:100%;
  }
}


#carou-cap{
    background-color:black !important;
    width: 30%;
    height: 60%;
    border-radius:10px;
    opacity:70%;
}




/* for student dashboard navigation*/

.mini-submenu{
  display:none;  
  background-color: maroon !impor;  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 42px;

}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

/* end of --- for student dashboard navigation ----*/



.txt-hidden{
    visibility:hidden;
}

.txt-show{
    visibility:visible;
    color:red;
}

#shadow-x{
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
}


/*========================= table ============================ */

td {
 width: 1px;   
 white-space: nowrap;
}

th {
    width: 1px;
    white-space: nowrap;
}


/* video ===================================== */
#video-play {
  position: relative;
  min-height: 200px;
  background: url('../img/media.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0 -300px;
  text-align: center;
  color: #fff;
}

#video-play a {
  color: #fff;
}
/*============================================ */