/*:root{
    --firstcolor:#222222;
    --secoundcolor:#8b734b;
    --thirdcolor:#444444;

}*/
    .search-bx.style-1 .input-group-btn button{
        background-color: var(--secoundcolor);
    }
 
    a, .text-primary, .primary li:before, .menu-links .nav > li.active > a, .menu-links .nav > li:hover > a, .menu-links .nav > li .mega-menu > li ul a:hover, .menu-links .nav > li .sub-menu li:hover > a, footer a:active, footer a:focus, footer a:hover, footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a, .testimonial-1 .testimonial-position, .acod-head a:after, .acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover, .ttr-tabs .nav-tabs > li > a i, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .btn.outline, .btn-link:hover {
        color: var(--secoundcolor);
    }
    .line {
    
        background-color: var(--secoundcolor);
      }
      .event-time {
      
        background-color: var(--firstcolor);
     
    }
    h1, h2, h3, h4, h5, h6 {
        color: var(--firstcolor);
      
    }
    .portfolio-bx .portfolio-info-bx, .btn.outline:hover, .course-info-list ul li a.active, .course-info-list ul li a:hover, .btn, .profile-tabnav .nav li a.active, button.back-to-top, .upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next, .courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev {
        background-color: var(--firstcolor);
     
    }
    .upcoming-event-carousel.owl-btn-1 .owl-prev,.upcoming-event-carousel.owl-btn-1 .owl-next{
        color: var(--firstcolor);
    }
    .course-info-list ul li a.active:hover, .course-info-list ul li a:hover, .btn:hover, .profile-tabnav .nav li a.active:hover, button.back-to-top:hover, .upcoming-event-carousel.owl-btn-1 .owl-prev:hover, .upcoming-event-carousel.owl-btn-1 .owl-next:hover, .courses-carousel .owl-nav .owl-next:hover, .courses-carousel .owl-nav .owl-prev:hover, .recent-news-carousel .owl-nav .owl-next:hover, .recent-news-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover, .testimonial-carousel .owl-nav .owl-prev:hover {
        background-color: var(--secoundcolor);
      
    }
    .college-header-menu .nav>li:after {
 
        background-color: var(--secoundcolor);

      }
      .card-links:nth-of-type(1),
  
.card-links:nth-of-type(3) {
  background-color: var(--firstcolor) !important;
}
.card-links:nth-of-type(2),
.card-links:nth-of-type(4) {
  background-color: var(--secoundcolor) !important;
}
.college-header-links {
    background-color: var(--firstcolor) !important;
 
  }
  .college-header-menu .nav>li>a:hover{
      background-color: var(--secoundcolor);
  }
    
  .news-hover-color {
    background-color: var(--firstcolor);
   
}
.event-left-section:hover>.event-left-side {
  
    border-left: 5px solid var(--secoundcolor);
}
.event-section .event-title, .event-section .event-month, .media-post {
    color: var(--secoundcolor);
}
.calender-year {
    background-color: var(--firstcolor);
  
}
.table .row .cell.active span {
    border-bottom: 5px solid var(--firstcolor);
   
}
button.back-to-top {

    background-color: var(--firstcolor) !important;
}
.firstcolor{
    color: var(--firstcolor)!important;
}
.firstcolor-bg{
    background-color: var(--firstcolor)!important;
}

.secoundcolor{
    color: var(--secoundcolor)!important;
}
.secoundcolor-bg{
    background-color: var(--secoundcolor)! important;
}
.list-inline .btn-link{
    background-color: var(--firstcolor);
    color: #fff;
}
.list-inline .btn-link:hover{
    background-color: var(--secoundcolor);
   
}
.pt-social-link .btn-link i:hover{
    color: #fff !important;
}
.ovpr-dark:after{
    background: var(--secoundcolor);
opacity: 50% ;
}
.bg-primary {
    background-color: var(--firstcolor);
}
.courses-search-bx .focused .input-group label,
.contact-bx .focused .input-group label{

	color:var(--secoundcolor);
}
.btn-link{
    color: var(--firstcolor);
}
.btn-link :hover
{
    color: var(--secoundcolor);
}
.b-bottom{
    border-bottom: var(--secoundcolor) solid 9px
  }
  .footer_widget ul li a:hover, [class*="ovbl-"] .counter-style-1 .counter-text, .header-transparent .secondary-menu .btn-link:hover, .header-transparent .menu-links .nav > li:hover > a, .header-transparent .menu-links .nav > li.active > a {
    color: var(--firstcolor)!important;
}
.fill-first {
    fill:var(--firstcolor)!important ;
}
.fill-secound {
    fill:var(--secoundcolor)!important ;
}
.fill-cl .cls-4{
    fill: var(--firstcolor);
}

.college-news-date{
    background-color: var(--firstcolor);
}
.share {
    background: var(--firstcolor);
    color: white;
  }
  
  .icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left: -1px !important;
  }
  
  .college-quick-links{
    background: var(--firstcolor);
   
  }
  .college-quick-links li:hover{
    background: var(--secoundcolor);
   
  }
  /* ========================= */
/* research */
/* ======================== */
.slider-info{
   background-color: var(--firstcolor);
   
   }
   .secoundcolor-bg{
    background-color: var(--secoundcolor)! important;
}
.research .event-title a{
    color: var(--thirdcolor) !important;
}
.sort a:hover{
    color: var(--secoundcolor);
    
    }
    .sort a:active{
        color: var(--secoundcolor);
      
      }
      .research-box {
       
        background-color: var(--firstcolor);
    }
    .border-bottom-secound{
     

border-bottom-color: var(--secoundcolor) !important;
      }
      .arrow .fa-angle-right{
        color: var(--secoundcolor);

      }
      
      
                  
element.style {
}
.section-sp2 {
    direction: ltr;
}
.section-bg {
    background-color:#1879821c !important;
}

.btn {
     background-color: var(--secoundcolor) !important;
    color: #000;
}
.portfolio-bx .portfolio-info-bx, .btn.outline:hover, .course-info-list ul li a.active, .course-info-list ul li a:hover, .btn, .profile-tabnav .nav li a.active,.upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next, .courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev {
    background-color: var(--secoundcolor) !important;
    color:white !important;
}
  .owl-prev:hover{
 color:var(--firstcolor) !important;
	
}
.owl-next:hover{
	color: var(--firstcolor) !important;
}
.cours-bx .info-bx{
	background-color:white;
}

.cours-bx:hover .action-box .btn {
   left: 0;
   background-color: var(--firstcolor) !important;
   
   }
   
   .social-image h4 {
    color: var(--secoundcolor) !important;
}

.courses-carousel .owl-nav .owl-next:hover{
	background-color: var(--firstcolor) !important;
    color:white !important;

}
.courses-carousel .owl-nav .owl-prev:hover{
	background-color: var(--firstcolor) !important;
    color:white !important;

}


.ms-siteicon-img {
    display: block;
    max-width: 600px !important;
    max-height: 64px;
}

 /* Honors */
      /* =========== */
      .border-red{
     border-color:  #A21E29; }
.border-yellow{
 border-color:  #E4A613;}

 .border-pink{
border-color:#BE3E7B;}

.border-blue1{
 border-color:#1937CB;}

 .border-green1{
border-color:#159888;}

.border-blue2{
    border-color:#159888;}

     .border-green2{  border-color:#59B03B;}

     .border-green3{  border-color:#0C7109;}



.bg-red{
 background-color: #A21E29 !important;}

.bg-yellow{
 background-color: #E4A613 !important;}

 .bg-pink{
 background-color: #BE3E7B !important;}

.bg-blue{

background-color: #1937CB !important;}
.bg-blue2{ background-color: #2694FF !important;}

.bg-green{
 background-color: #159888!important;}



 .bg-green2{ background-color: #59B03B;}

 .bg-green3{ background-color: #0C7109;}
 
 .stickylogo .ms-siteicon-img{
	
	max-height: 43px !important;
}
.header-transparent .menu-links .nav > li.active > a {
   color:#fff !important;}

/*#carouselHeaderControls {
    margin-top: -32px;
}*/
#ctl00_xdbedeb7ec6864c9785de8b1aab47af42 {
    max-width: 400px !important;
}
@media only screen and (max-width: 500px) {#ctl00_xdbedeb7ec6864c9785de8b1aab47af42 {
    max-width: 271px !important;
}
.ms-siteicon-img {
    padding-bottom: 0px;
}
}

/*.logo-container {
    padding-right: 15% !important;
    padding-left: 15% !important;
}*/
html[dir="rtl"] .fixed .stickylogo {
	    margin-left: 192px !important;
}
@media only screen and (max-width: 640px) {

html[dir="rtl"] .sitelogo{
 margin-right: unset !important;

}}
      /*topbar*/
.top-utility .top-header-links li.active {
    background-color: var(--secoundcolor) !important;
    color: #fff !important;
}

/*.top-utility .quick-links{
	  background-color: var(--secoundcolor) !important;
}*/

.top-utility .menu-links .nav>li .sub-menu li :hover{
	    background-color: transparent !important; 
	    color: #fff !important;
}

.top-utility .search-btn {
    color: #fff !important;
}


.btn-link :hover
{
    color: #fff;
}
.icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left : 0px !important;
  }

.menu-links .ms-core-listMenu-root>li .dynamic-children li:hover>a .menu-item-text {
    color: var(--firstcolor) !important;
}
.top-utility .menu-links .nav>li .sub-menu li a:hover {
    background-color: var(--firstcolor)!important;
}
.btn-section{
background-color:var(--firstcolor)!important;


}

.ms-siteicon-img {
    display: block;
    max-height: 60px!important
}

.under-header {
    background-image: none;
 background-color:var(--firstcolor)!important;
 
 height: 12px !important;
 }
.firstcolor {
    color: var(--secoundcolor)!important;
}
#carouselHeaderControls .carousel-item {
    height: 94vh !important;
}
.fixed .b-bottom {
    padding-bottom: 20px;
}

footer .pt-social-link li a:hover{
    color: #fff !important;
	background-color: var(--secoundcolor)!important;
}
  @media (max-width: 576px) {
.mods li:nth-child(2) {
 margin-bottom:48px
}
.hovereffect img {
       width: 100%;
}}
@media (max-width: 678px) {
.hovereffect {
 margin-bottom:48px
}}

.under-header {
    background-image: url(../images/honor/honor-pattern1.png);
    height: 12px !important;
}
.hovereffect h2 {
      overflow: hidden;
    width: 90% !important;
    transform: translate(0px, -16px) !important;}
.hovereffect .overlay {
    width: 100% !important;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.mod-bg{
	background:none !important
}
.hovereffect .overlay{
	left:0
}
.hovereffect {
	    display: flex;
    justify-content: center;
    align-items: center;
}
.hovereffect {
	    display: flex;
    justify-content: center;
    align-items: center;
    position:relative
}
.hovereffect img {
     width: 100%;
}
.hovereffect a.info{
	top:-9%
}
.hovereffect a.info {
	width: 90%;
	    left: -1%;
 padding: 90px;
}
.hovereffect .info {
    transform: translate(7%, 7%) !important;
}

#carouselHeaderControls .carousel-item {
  background-color: transparent; 
    overflow: hidden;
    opacity: 1;
     transition: opacity 0.3s ease-in-out !important;
  }
  .carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}
  /*#carouselHeaderControls .carousel-item.active {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }
  
  #carouselHeaderControls .carousel-item-next.carousel-item-left,
  #carouselHeaderControls .carousel-item-prev.carousel-item-right,
  #carouselHeaderControls .carousel-item-next,
  #carouselHeaderControls .carousel-item-prev,
  #carouselHeaderControls .carousel-item.active,
  #carouselHeaderControls .carousel-item-left.active,
  #carouselHeaderControls .carousel-item-right.active {
    transform: translateX(0);
  }
  /*
  #carouselHeaderControls .carousel-item-left,
  #carouselHeaderControls .carousel-item-right {
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }*/
  #carouselControls .carousel-item img{
    height: 90vh;
}