/*@import url('https://fonts.googleapis.com/css?family=Merriweather');*/
/*font-family: 'Raleway', sans-serif;

@import url('https://fonts.googleapis.com/css?family=Merriweather');*/

@font-face {
    font-family: 'merriweather';
    src: url('../fonts/merriweather-regular.eot');
    src: url('../fonts/merriweather-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-regular.woff2') format('woff2'),
         url('../fonts/merriweather-regular.woff') format('woff'),
         url('../fonts/original-merriweather-regular.ttf') format('truetype'),
         url('../fonts/merriweather-regular.svg#merriweather') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font-size:15px;font-family: 'Merriweather', serif;line-height:25px;}
ul,li{list-style-type:none;}
ul{padding-left:0;}
body.active_home .navbar-default .nav li a.active_home,
body.active_loe .navbar-default .nav li a.active_loe,
body.active_about .navbar-default .nav li a.active_about,
body.active_faculty .navbar-default .nav li a.active_faculty,
body.active_courses .navbar-default .nav li a.active_courses,
body.active_library .navbar-default .nav li a.active_library,
body.active_events .navbar-default .nav li a.active_events,
body.active_gallery .navbar-default .nav li a.active_gallery,
body.active_student .navbar-default .nav li a.active_student,
body.active_college .navbar-default .nav li a.active_college,
body.active_research .navbar-default .nav li a.active_research,
body.active_naac .navbar-default .nav li a.active_naac,
body.active_infrastructure .navbar-default .nav li a.active_infrastructure,
body.active_admission .navbar-default .nav li a.active_admission
{color: var(--color-new);
  background-color:#fff;
}
.m-bottom{margin-bottom:30px;}
.m-bottom-50{margin-bottom:100px;}
.m-top{margin-top:30px;}
.navbar-brand{padding:0;}
.pad-top{padding-top:30px;}
.navbar-brand p{margin-top:0px;line-height:50px;font-size:22px;}
.navbar > .container-fluid .navbar-brand {margin-left:0px;}
.navbar-default {
  /* background-color:#0c1f38; */
  background-color: var(--background-color);
  border-color:var(--background-color);}
.navbar-default .navbar-nav > li > a {color:#fff;font-size:14px;padding:15px 5px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: var(--color-new);background-color:#fff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: var(--color-new);background-color:#fff;cursor:pointer;}
.navbar-default .navbar-brand {color:#fff;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {color:#fff;background-color:transparent;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:transparent;}
.section .news-box i.fa.fa-circle {color:#f0ad4e;margin-right:5px;}
.section .content-box i.fa.fa-circle {color:#f0ad4e;margin-right:5px;}
.nav-tabs>li>a{padding:6px 14px;margin-right:6px;background:#286090;color:#fff;}
.nav-tabs > .dropdown-menu{right:0;}
.nav-tabs .open>a, .nav-tabs .open>a:focus, .nav-tabs .open>a:hover {color:#0032AB;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#0032AB;border:1px solid transparent;border-bottom-color:transparent;}
.nav-tabs {border-bottom:1px solid transparent;display:inline-block;}
.navbar-default .navbar-toggle {border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.navbar{margin-bottom:0px;border-radius:0;}
.navbar-default .navbar-nav{ display:inline-block;float:none;vertical-align:top;}
.navbar-default .navbar-collapse {text-align:center;}
.navbar-default .dropdown-menu{border-radius:0;}
.navbar-default .dropdown-menu > li{border-bottom:1px solid #919191;}
.navbar-default .dropdown-menu > li:last-child{border-bottom:1px solid #fff;}
.navbar-default .dropdown-menu > li > a{padding:10px 20px;}
.navbar-default .dropdown-menu > li > a:hover{color:#fff;background-color: var(--background-color);}
.thumbnail {overflow:hidden;display:block;position:relative;padding:0px;height:400px;}
/* .thumbnail img {zoom:1;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-0-transition:all 0.9s ease;transition:all 0.9s ease;} */
/* .thumbnail:hover img {-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-0-transform: scale(1.4);transform: scale(1.4);} */
.thumbnail .caption {position:relative;background:#f6f6f6;}
.in-banner{background:var(--background-color);padding:20px 0;}
.banner-heading h2{color:#fff;text-align:center;margin-top:0px;margin-bottom:0px;}
.content-box{border:1px solid #ddd;padding:15px;margin:15px;overflow:hidden;}
.content-box li a{color:#333;}
.s-f-login {margin-right:25px; margin-bottom: 10px;}

/*quick-links*/
.quick-links {
    /* background: #0c1f38; */
    background-color: var(--background-color);
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 12px 15px;
    border-bottom: 3px solid var(--background-color);
}
a.list-group-item { 
  padding: 28px 10px;  
  border: 1px solid transparent; 
  background: var( --background-color-new);
  
}


.quick-links-wrap a.list-group-item { color: #fff; text-transform: uppercase;}
.item img{height:338px;}
.list-group h4{font-size:15px;}
.list-group-item:hover {color: #fff;background-color: var(--background-color);}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--background-color);;
}
/*quick-links*/
.founder img{border:4px solid var(--red-border-color);margin:auto;}
.founder p{margin-top:10px;text-align:center;}
/*.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px;}
.dropdown-submenu:hover > .dropdown-menu {display:block;}
.dropdown:hover > .dropdown-menu {display:block;}*/
#side .side-button{padding:15px;color:#fff;background-color:#2E5087;border-bottom:1px solid #fff;display:block;}
#side .side-button a{text-decoration:none;}
#side .side-button a:active, .side-button a:hover {background-color:#2E507F;color:#fff;text-decoration:none;}
.lead{margin-top:15px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:var(--color-new);background-color:#fff;}
.wrapper{
    /*background:url(../images/bg.jpg) no-repeat center center;*/
    padding:1px 15px;
    background-attachment:fixed;
    background-color: #d3d3d3;
}
/*.disabled{*/
/*    background-color:#124d83;  float: right;  height:25px;margin-right: 40px;*/
/*}*/
.container {width: 95%;}
.mid-bar{background:#fff;position:relative;}
.mid-bar .navbar-right{margin-right:15px;}
.mid-bar .navbar-right li a{color:#333;}
.mid-bar .navbar-right li a .fa{font-size:15px;}
.fixed {position:fixed;height:50px;background: var(--background-color);border-bottom:1px solid var(--color-new);z-index:10000;width:100%;top:0;}
.carousel-caption{background:rgba(0,0,0,0.5);margin-bottom:50px;}
.welcome img{margin-bottom:20px;}
#start{position:relative;}
.start-box{padding:15px;color:#ffffff;text-align:center;position:relative;bottom:0px;margin:20px 0;}
.start-box .icon-box{width:139px;height:139px;margin:0 auto;display:block;border-radius:50%;position:absolute;top:-65px;left:30%;background: var(--background-color);}
.dark-sec{padding:40px 0;background-color: var(--background-color);margin-top:40px;}
.dark-sec .seprator {height:2px;width:56px;background-color:#fff;margin:7px 0 10px 0;}
.dark-sec h2,.dark-sec h4{font-weight:bold;margin-top:0px;color:#fff;}
#achievements h4{font-size:13px;font-weight:bold;}
.dark-sec a{color:#fff;}
#start .start-box h4{font-size:25px;} 
.start-box .fa{font-size:40px;color:#daa106;padding:15px 0px;}
.start-box a{color:#daa106;}
.start-box a:hover{color:#d39e03;text-decoration:none;}
.section{padding:15px;background:var(--click-bg);margin:15px auto;}
h2{font-weight:bold;margin-top:0px; color: var( --font-color-h);}
h4{font-weight:600;}
#palecement h4{font-weight:bold;margin-top:20px;}
.news-box {background:trnsparent; color:#333;border:1px solid #ddd;height:475px;margin-bottom:0px;position:relative;overflow:auto;}
.news-box li{padding:13px;border-top:1px solid #ddd;}
.thumbnail li{padding:13px 0;border-bottom:1px solid #ddd;}
.thumbnail li a{display: flex;}
.thumbnail a>img, .thumbnail>img {margin-right: 0 !important;margin-left: 0 !important;}
 .thumbnail i.fa.fa-circle {color: #f0ad4e; margin-right: 5px;}
.section .news-box i.fa.fa-circle {color: #f0ad4e; margin-right: 5px;}
.thumbnail li a {font-size: 14px;font-weight: normal;}
.thumbnail li a {color: #333;}
/*.news-box li a{font-weight:normal;}*/
.news-heading {margin:0;
  /* background: var(--background-color); */
  background-color: var(--background-color);
  color:#fff;padding:15px;font-size:22px;}
.notice-heading {
  margin:0;
  background:var(--background-color-new-3);
  /* #917247 */
  color:#fff;
  padding:15px;
  font-size:22px;
}
.btn-bg{
  color: #fff;
  background: var(--background-color-new-3);
    border-color: var(--background-color-new-3);
}
.seminar-heading {margin:0;
  background: var(--background-color-new-2);
  color:#fff;
  padding:15px;font-size:22px;}
iframe{margin-top:15px;}
marquee{font-size:15px;line-height:20px;max-height:700px;/* padding:18px; */}                       
.news-box li a{color:#333;}
.news-box p a{color:rgb(51, 122, 183);font-size:15px;}
figcaption{padding:10px;}
figcaption p {font-size:10px;line-height:20px;}
figcaption p strong{font-weight:300;}
figcaption h4{font-size:16px;margin-top:0;}
figcaption .btn-warning{position:absolute;bottom:5px;right:5px;padding:3px 6px;font-size:12px;}
.btn-warning{margin-top:15px;}
.faculty-bg{ background:url(../images/faculty-bg.jpg) no-repeat top center;padding:40px;background-size:cover;}
.faculty{background:#fff;padding:15px;text-align:center;border-radius:20px;}
.faculty-bg h2{font-weight:bold;color:#fff;}
.faculty-thumb{width:100px;height:100px;border-radius:20px;overflow:hidden;margin:auto;}
.testimonial_subtitle{color:var(--color-new);font-size:12px;}
.seprator {height:2px;width:56px;background-color: var(--color-new);margin:7px 0 10px 0;}
.principal img{border:4px solid var(--background-color);float:left;margin-right:15px;margin-bottom:15px;width:20%;}
#library img{border:4px solid var(--color-new);}
#moot-court-2017 img{border:1px solid var(--color-new);}

/*faculty*/
.f-faculty{margin-bottom:30px;border:1px solid #ddd;padding:15px 10px;}
.f-faculty h4{color:#337ab7;font-size:15px;}
.f-faculty p{ text-align:center;font-size:13px;}
.f-faculty img{margin:auto;border:2px solid #3488bf;}


/*dropdown css*/
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display:block;}
.dropdown-submenu>a:after {display:block;content: " ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after {border-left-color:#fff;}
.dropdown-submenu.pull-left {float:none;}
.dropdown-submenu.pull-left>.dropdown-menu {left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.scrollToTop{
    width: 40px;
    height: 40px;
    background: var(--background-color-new-3);
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    color: #fff;
    font-size: 16pt;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
}
.thumbnailh{   height: 539px !important;}
.scrollToTop:hover,.scrollToTop:active,.scrollToTop:focus{color:#fff;text-decoration:none;}
footer{ background-color: var(--background-color);
  /* background-color:#0c1f38 ; */
  color:#fff;padding:30px 0;}
footer ul li{padding:10px 0px;}
footer ul li a{color:#fff;}
footer ul li a:hover{color:#ccc;text-decoration:none;}
/*.arrow{background:url(../images/arrow-circle.png) no-repeat 0px 0px;padding: 0px 0px 0px 30px;}*/
.arrow-right li{background:url(../images/arrow-circle.png) no-repeat 0px 12px;padding: 10px 0px 3px 30px;}
.arrow-right li ul li{background:url(../images/arrow.png) no-repeat 0px 7px;padding: 3px 0px 3px 20px;}
.arrow-right li a{color:#333;}
#library img{margin:0 auto 15px;border:4px solid var(--color-new);}
hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #ddd;}
.table>thead>tr>th {vertical-align:middle;}
a.prac-btn {background-color: #f0ad4e;padding: 10px 20px;color: #fff;margin-top: 15px;display: inline-block;text-decoration: none;}
s-f-login a{color: #337ab7;}
.item img
{
    width: 100%  !important;
    height: 400px  !important;
}
@media (max-width: 1450px){
.navbar-default .navbar-nav > li > a {font-size:13px;}
.navbar-default .nav>li>a {padding:14px 8px;}
.mid-bar .navbar-right li a{padding:10px 14px; font-size:15px;}
.mid-bar .navbar-right li a .fa{font-size:15px;}
#last-drop{left: -40px;}
}
@media (max-width: 1920px){ 
   a.list-group-item {padding: 22.4px 10px;}
  
    .slick-list.draggable {
      height: 612px !important;
  }
  .thumbnailh{   height: 730px !important;}
}
@media (max-width: 1440px){ 
  
    .slick-list.draggable {
      height: 590px !important;
  }
  .thumbnailh{   height: 590px !important;}
}
@media (max-width: 1391px){
.navbar-default .navbar-nav > li > a {font-size:12px;}
.navbar-default .nav>li>a {padding:14px 5px;}
.mid-bar .navbar-right li a{padding:10px 14px; font-size:15px;}
.mid-bar .navbar-right li a .fa{font-size:15px;}
#last-drop{left:-40px;}
a.list-group-item {padding: 22px 10px;}
}

@media (max-width: 1235px){
.navbar-default .navbar-nav > li > a {font-size:10px;}
.navbar-default .nav>li>a {padding:14px 5px;}
.dropdown-menu{font-size:10px;}
.mid-bar .navbar-right li a{padding:10px 11px;font-size:14px;}
.mid-bar .navbar-right li a .fa{font-size:15px;}
#last-drop{left: -40px;}
a.list-group-item {padding: 22px 10px;}
}
@media (max-width: 1125px){
.navbar-default .navbar-nav > li > a {font-size:9px;padding-top:15px;padding-bottom:15px;}
.navbar-default .nav>li>a {padding:10px 3px;}
.dropdown-menu{font-size:10px;}
.navbar{min-height:40px;}
.mid-bar .navbar-right li a{padding:10px 11px;font-size:10px;}
.mid-bar .navbar-right li a .fa{font-size:15px;}
#last-drop{left:-60px;}}

@media (max-width: 991px){
.navbar-default .navbar-nav > li > a {color:#fff;font-size:8px;padding-top:15px;padding-bottom:15px;}
.navbar{min-height:30px;}
.navbar-default .nav>li>a {padding:5px 1px;}
.dropdown-menu{font-size:9px;}
.mid-bar .navbar-right li a{padding:10px 11px;font-size:12px;}
.mid-bar .navbar-right li a .fa{font-size:15px;}
#last-drop{left:-70px;}
.banner-heading h2{font-size:25px;}
a.list-group-item {padding: 17px 10px;}  
}
/*@media (max-width: 800px){*/
/*.navbar-default .navbar-nav > li > a {color:#fff;font-size:8px;}*/
/*.navbar{min-height:30px;}*/
/*.navbar-default .nav>li>a {padding:5px 1px;}*/
/*.dropdown-menu{font-size:8px;}*/
/*.mid-bar .navbar-right li a{padding:10px 11px;font-size:11px;}*/
/*.mid-bar .navbar-right li a .fa{font-size:14px;}*/
/*#last-drop{left:-95px;}*/
/*.banner-heading h2{font-size:25px;}}*/

@media (max-width: 767px){
.navbar-default .navbar-nav > li > a {color:#fff;font-size:14px;padding:8px;}
.navbar{min-height:50px;}
.navbar-default .navbar-collapse{text-align:left;position:absolute;width:100%;background:#202c45;z-index:111;}
.navbar-default .navbar-nav {display:block;}
.carousel-caption{margin-bottom:0px;padding-bottom:0px;padding-top:0px;bottom:0px;}
.carousel-caption h3{font-size:14px;margin-top:10px;}
.mid-bar .navbar-right li a{float:left;padding:10px 13px;font-size:13px;}
.banner-heading h2{font-size:20px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: var(--color-new);background-color:#fff;} a.list-group-item {padding: 17px 10px;}}

@media (max-width: 550px){
.principal img{border:4px solid var(--color-new);float:none;margin-right:15px;margin-bottom:15px;}
.mid-bar .navbar-right li a{padding:10px 6px;font-size:10px;}
.carousel-caption h3{font-size:10px;}}




@media (max-width: 576px){
a.list-group-item {
    font-size: 14px;
    padding: 10px 10px;
}
.section {
    /* padding: 15px; */
    margin: 0px auto;
}
.news-box {height:620px;margin-bottom:0px;}
.news-box.news-box-new {
    height: 609px !important;
}
.mid-bar .navbar-right li a{padding: 0px 3px;
    font-size: 12px;}
.s-f-login a{font-size: 12px;}
.s-f-login {
    margin-right: 0;
    text-align: left;
    margin-bottom: 0;
}
h2{font-size:24px;}
.item img {
    width: 100% !important;
    height: auto !important;
}
.principal img{width: 1000% !important;}

.new-sec-add img{width: 1000% !important;}

.switch {padding: 0px 5px  !important;}
.disabled ul li { padding: 0 0px !important;}
.switch p { font-size: 12px !important;}

footer ul li {
    padding: 0px 0px;
}
footer ul li a {
    font-size: 12px;
}
p{font-size: 14px;}
.mid-bar .navbar-right {
    margin: auto;
}
.click-btn {
    margin: 6px 0;
}
.thumbnailh {
    height: 450px !important;
}
.slick-list.draggable {
    height: 430px !important;
}
}
@media (max-width: 576px){
    ul.tabs li a {padding: 8px 7px !important; font-size: 12px !important;}
    ul.tabs li {display: inline-block !important;  margin-bottom: 10px !important;}
    .content ul {margin:0px;padding:0px !important;}
    .content-box { padding: 5px !important; margin: 5px !important;}
    .content ul li {padding-top: 5px !important;padding-bottom: 5px!important;  font-size: 13px;}
    .click-btn {margin: 0px 5px !important;}
}

@media (max-width: 400px){
    ul.tabs li a {
    padding: 8px 7px !important;
    font-size: 12px !important;}
    .disabled ul li { font-size: 12px;}
    .news-box {height:620px;margin-bottom:0px;}
    .mid-bar .navbar-right li a{padding: 0px 3px;font-size: 12px;}
    .s-f-login a{color:#337ab7; }
    .s-f-login {margin-right: 0;text-align: left;margin-bottom: 0;}
    .section {margin: 0px auto;}
    .item img { width: 100% !important; height: auto !important;}
    .principal img{width: 1000% !important;}
    .in-banner {padding: 10px 0 !important;}
    .new-sec-add img{width: 1000% !important;}
    .breadcrumb { margin: auto !important;width: 93% !important;}
    .switch {padding: 0px 5px  !important; margin-bottom: 2px !important;}
    .disabled ul li { padding: 0 0px !important;}
    .switch p { font-size: 12px !important;}
    footer ul li {    padding: 0px 0px;}
    footer ul li a {font-size: 12px;}
    p{font-size: 14px;}
    .mid-bar .navbar-right {margin: auto;}
    .click-btn {margin: 6px 0;}
    .thumbnailh {  height: 450px !important;}
    .slick-list.draggable {  height: 430px !important;}
    .content ul {margin:0px;padding:0px !important;}
    .content-box {padding: 5px !important; margin: 5px !important;}
    .content ul li {padding-top: 0px !important;padding-bottom: 0px;font-size: 12px;}
    .carousel-caption h3{font-size:8px;}
    .dropdown-menu{font-size:14px;}
    h2 {font-size:24px;}
    h3 {font-size:18px;}
    h4 {font-size:16px;}
    .section {padding:10px;}
    .wrapper{padding:1px 5px;}
    .scrollToTop{right:10px;bottom:10px;}
    .dropdown-menu{font-size:14px;}}
    .logo{padding:10px 0;}
    button.slick-next.slick-arrow { float: right !important;  transform: translateY(-300px) !important; display: none!important;}
    .button.slick-next.slick-arrow {display: inline-block; float: right;transform: translateY(-251px);}
    button.slick-prev.slick-arrow { display: none !important;}
    .slick-list.draggable { width: 100%;height: 400px;}
    button.arrow.arrow__next { background: none;border: navajowhite;}
    button.arrow.arrow__prev.disabled{background: none;  border: navajowhite;}
/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline {
    background: #d3d3d3;
  white-space: nowrap;
  overflow-x: hidden;
}
.timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 190px 0;
  transition: all 1s;
}
.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 160px;
  height: 3px;
  background: #fff;
}
.timeline ol li:last-child {
  width: 280px;
}
.timeline ol li:not(:first-child) {
  margin-left: 14px;
}

.timeline ol li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--background-color) !important;
  /* background: #0c1f38 ; */
}

.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  width: 280px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: black;
  background: white;
}

.timeline ol li div::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
}
button.arrow.arrow__prev {
    background: none;
    border: none;
}
.timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent;
}

.timeline ol li:nth-child(even) div {
  top: calc(100% + 16px);
}
.timeline ol li:nth-child(even) div::before {
  top: -8px;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent white;
} 
.timeline  .arrows{ background: none !important;}
.timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.timeline .arrows .arrow__prev { margin-right: 5px;}
.timeline .disabled {opacity: 0.5;}
.timeline .arrows img {width: 30px; height: 30px;}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
  .timeline ol,
  .timeline ol li {
    width: auto;
  }

  .timeline ol {
    padding: 0;
    transform: none !important;
  }

  .timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }

  .timeline ol li:first-child {
    margin-top: 25px;
  }

  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }

  .timeline ol li div {
    position: static;
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }

  .timeline ol li:nth-child(odd) div {
    transform: none;
  }

  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  }

  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {
    display: none;
  }
}

/* FOOTER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: fixed;
  right: 0;
  bottom: 20px;
  display: flex;
  align-items: center;
  padding: 5px;
  color: black;
  background: rgba(255, 255, 255, 0.65);
}
.page-footer a {
  display: flex;
  margin-left: 4px;
}
.hori-timeline .events {
    border-top: 3px solid #e9ecef;
}
.hori-timeline .events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0;
}
.hori-timeline .events .event-list:before {
    content: "";
    position: absolute;
    height: 36px;
    border-right: 2px dashed #dee2e6;
    top: 0;
}
.hori-timeline .events .event-list .event-date {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    width: 75px;
    margin: 0 auto;
    border-radius: 4px;
    padding: 2px 4px;
}
/* .your-class img{
  height: 100%;
  object-fit: cover;
} */



@media (min-width: 768px) {
    ul.tabs li {
    list-style: none;
    display: -webkit-inline-box !important;
    margin-bottom: 17px !important;}
    .content ul li {
    padding-top: 0px !important;;
    padding-bottom: 0px !important;}
    .content ul { margin: 0px; padding: 0px !important;}
    
    .disabled ul li {
    padding: 0 5px !important;}
    .d-flex1 { margin-bottom: 5px !important;}
    .switch p {font-size: 12px !important;}
    
}



@media (min-width: 1140px) {
    .hori-timeline .events .event-list {
        display: inline-block;
        width: 24%;
        padding-top: 45px;
    }
    .hori-timeline .events .event-list .event-date {
        top: -12px;
    }
}
.bg-soft-primary,.bg-soft-success,.bg-soft-danger,.bg-soft-warning {
    background-color: var(--background-color) !important;
    color: #fff;
}
.disabled-new {  height:25px; float: right; }
.disabled ul li {
    /* background: #0c1f38; */
    background-color: var(--background-color);
    display: table-cell;
    color: white;
    font-weight: 700;
    border-right: 2px solid white;
    padding: 0 23px;
    margin-right: 0;
    width: 90px;
    text-align: center !important;
    cursor: pointer;
    transition: all .3s ease-in;
}
.sociol-icon li {
    float: left;
    margin-right: 5px;
}
.disabled ul li:hover {
    background-color: var(--background-color-red);
}
.disabled ul li:last-child{
             border-right: none;
        }
.m {
    font-size: 13px !important;
}
.s {
    font-size: 11px !important;
}
.l {
    font-size: 17px !important;
}
.xl {
    font-size: 19px !important;
}

/* Button link */



.slick-list.draggable {
  height: 539px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body{background: var(--main-bg-color);}
a{color:var(--a-link);}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    
}

.thumbnail {
    background: var(--main-bg-color) !important;    margin-bottom: 0 !important;
    
}
:root {
  --font-color: black;
  --font-color-h: black;
  --font-color-2: #fff;
  --main-bg-color:#fff;
  --background-color-new: #124d83;
  --background-color-new-2: #00aedb;
  --background-color-new-3: #f0ad4e;
  --background-color-red: #B80924;
  --red-border-color: #fa1905;
  --click-bg:#fff;
  --a-link:#337ab7;
}

[data-theme="dark"] {
  --background-color: #0c1f38;
  --color-new: #0c1f38;
  --button-background-color: #e84a5f;  
}

[data-theme="light"] {
  --font-color-h: #fff;
  --background-color: #07515a;
  --color-new: #07515a;
  --main-bg-color:#d3d3d3;
  --button-background-color: #15a78a;
  --background-color-new: #4e9099;
  --background-color-new-2: #aab6cc;
  --background-color-new-3: #463927;
  --background-color-red: #B80924;  
  --red-border-color: #0470ff;
  --click-bg:#76a6b4;
   --a-link:#fff;
}



.container {
  /* background-color: var(--background-color); */
  color: var(--font-color);
  flex-direction: column;
  height: inherit;
  justify-content: center;
  align-items: center;
}

* {
  transition: color 0.1s ease, var(--background-color) 0.1s ease;
}

.switch {
  /* background-color: var(--button-background-color); */
  background-color: var(--background-color);
  color: var(--font-color-2);
  
  padding: 5px 10px;
  /* border: 1px var(--button-background-color) solid; */
  /*border-radius: 5px;*/
  outline: none;
  cursor: pointer;
}
.switch p{font-size: 15px; margin: 0; color: #fff;}
.click-btn{
    line-height: 1;
  text-align: right;
  margin: 0px 5px;
}
.d-flex1{display: flex; justify-content: end; align-items: center}
h1,h2,h3,h4,h5,h6,p{
  color: var(--font-color-h);
}
.breadcrumb a{ --a-link: #337ab7;}

.section .news-box i.fa.fa-circle {
    color: #f0ad4e;
    margin-right: 5px;
}
.thumbnail-2 p{    display: flex;}

.thumbnail-2 img {
    float: left;
}

.imghvr-hinge-up p{color:#fff;}









            .tabbed_box h4 {font-family:Arial, Helvetica, sans-serif;font-size:23px;color:#000000;    font-family: Arial, Helvetica, sans-serif; font-size: 23px; color: #000000; margin-bottom: 22px; margin-top: 32px;}
            .tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;top:-4px;left:6px;}
            .tabbed_area {padding:8px;}
            ul.tabs {margin:0px; padding:0px;margin-top:5px;margin-bottom:6px;}
            ul.tabs li {list-style:none;display:inline;}
            ul.tabs li a {background-color:#0c1f38;color:#fff;padding:8px 14px 8px 14px;text-decoration:none;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;background-image:url(#); background-repeat:repeat-x;background-position:bottom;   margin-right: 10px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            border-radius: 10px;}
            ul.tabs li a:hover {background-color:#f0ad4e;border-color:#2f343a;}
            ul.tabs li a.active {background-color:#f0ad4e;color:#fff;background-image:url(#);background-repeat:repeat-x;background-position:top;    }
            .content {background-color:#ffffff;padding:10px;border:0px solid #464c54;font-family:Arial, Helvetica, sans-serif; background-image:url(#);background-repeat:repeat-x;background-position:bottom;}
            #Part_2, #Part_3, #Part_4, #Part_5 { display:none; }
            .content ul {margin:0px;padding:0px 20px 0px 20px;}
            .content ul li {list-style:none;padding-top:15px;padding-bottom:15px;font-size:13px;}
            .content ul li:last-child { border-bottom:none;}
            .content ul li a {text-decoration:none;color:#f7fcff;}
            .content ul li a small {color:#8b959c;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0px;}
            .content ul li a:hover {color:#a59c83;}
            .content ul li a:hover small {color:#baae8e;}
            
            
            .box-main {
                        min-height: 300px;
                        display: flex;
                        position: relative;
                        text-align: center;
                        justify-content: center;
                        border: 1px solid rgba(0,0,0,0.23);
                        /*box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
                    }
            .overlap {
                        position: absolute;
                        top: -25px;
                        height: 50px;
                        background: red;
                        justify-content: center;
                        width: 50px;
                        color: #fff;
                        line-height: 50px;
                        border-radius: 50%;
                        border: 2px solid #000;

                    }
                    .center-content { margin: auto;}
                    .box-main h5
                    {
                        padding: 0 14px;
                        line-height: 1.3;
                        font-size: 18px;
                    }
                    .center-content i.fa {font-size: 30px; color:red;}
                    .admission-box h4
                    {    padding-bottom: 25px;}
                    .new-sec-add h4{height: 45px}
                    .new-sec-add img {    width: 50%;}
                   .principal-main img {width: 18%;    margin: auto;}
                   .news-box.news-box-new {
    height: 609px !important;
}