@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; margin:20px;}

h1,h2,h3,h4,h5,h6{ font-family: 'Roboto Slab', serif; color:#000;}
p,a,li{ font-family: 'Roboto', sans-serif; color:#9f9f9f}
a:hover{ text-decoration:none;}
ul { padding:0; margin:0;}
ul li{ list-style:none;}
.navbar-nav .nav-link, .dropdown-item{ font-family: 'Roboto Slab', serif;}
.library-color{ color:#f3701d; }

h4{ border-color: rgba(27,27,27,0.05);}
h4 hr, h2 hr{ position: absolute; height: 0.3rem; width: 2rem; position: absolute; z-index: 0; background-color: #f3701d;}

.slider-1{ background:url(img/banner.jpg); background-position:center; background-repeat:no-repeat; }
.slider-1 h1{ color:#fff; padding-top:350px; font-size:5rem; }
@media (max-width: 576px) { .slider h1{ color:#fff; padding-top:250px; font-size:3rem; margin:0 0 0 25px;}}
.slider-content{ background:#f2f0ee; padding-left:45px; padding-right:25px; padding-top:25px; padding-bottom:25px;}
.slider-content p{ margin-top:30px;} 
.slider-content a{ color:#f3701d;}
.slider-content h4{  margin-top:18px;}

.search-box, .time-section{ padding:20px 40px;}
.search-box input{ background:none; border:none; border-bottom:1px solid #fff; border-radius:0;}
.search-box input::before{ position:absolute;  font-family: Flaticon;  content: "\f100"; color:#f3701d; left:0; top:0;}
.form-control:focus { border-color: #f3701d; outline: 0; color: #fff; background:none; box-shadow:none;}
.time-section { background-image:url(img/bg-small.webp);}
.time-section h2, .time-section p{ color:#fff;}


.tab-vertical .nav.nav-tabs {float: left;display: block;margin-right: 0px;border-bottom: 0;background:#1b1b1b;}
@media (max-width: 768px) {.tab-vertical .nav.nav-tabs { display: inline-flex;}}
.tab-vertical .nav.nav-tabs .nav-item { /*margin-bottom: 6px; */}
.tab-vertical .nav-tabs .nav-link { padding: 24px 49px; color: #9F9F9F;}
.tab-vertical .nav-tabs .nav-link.active {color: #fff; border-bottom-color: rgba(159,159,159,.2) !important;}
.tab-vertical .nav-tabs .nav-link { border-bottom: 1px solid rgba(159,159,159,.2);}
.tab-vertical .tab-content{}
.nav-tabs .nav-link.active{ background:none;}
.tab-content-custom{}
.tab-content-custom h2{ color:#fff;}
.tab-img{ background-image:url(img/tab-1.jpg); background-repeat:no-repeat; background-position:center; padding:25px; min-height:360px; }
.tab-vertical .nav-tabs .nav-link { font-family: 'Roboto Slab', serif;}

.bg-light-custom{ background:#f2f0ee;}
.news-feeds{ }
.news-feeds h4 { border-left:5px solid #f3701d; padding-left:25px; margin-left:25px;}
.news-feeds h4 span{ font-family: 'Roboto', sans-serif; font-size:14px; color:#f3701d; line-height:25px; }
.news-feeds p{ padding-left:25px; margin-left:30px;}

.read_more { margin-top:50px;}
.read_more a{ color: #1b1b1b; border:1px solid #f2f0ee; border-radius: 2rem; padding: 0.5em 3.5em; background:#fff; margin:0 auto; transition:1s;}
.read_more a:hover{ color:#fff; background:#f3701d;}
.read_more hr{}

.news-list ul{ margin-top:40px;}
.news-list ul li { margin-bottom:25px;}
.news-list ul li a:hover{ text-decoration:none;}
.news-list ul li a .date{ color:#f3701d; font-size:14px;}
@media (max-width: 996px) {.news-list h2{ margin-top:50px;}}

.Libarary-timing{ background-image:url(img/img-8.jpg); padding:35px;}
.Libarary-timing h2{ color:#fff; font-size:35px; padding-bottom:60px;}
.Libarary-timing h3{ color:#fff; margin-bottom:20px;}
.Libarary-timing p{ margin-bottom:0;}

.digital-resourses { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e93a2a+0,ef6930+100,ef6930+100,ef6930+100,ef6930+100,ef6930+100 */
background: rgb(233,58,42); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(233,58,42,1) 0%, rgba(239,105,48,1) 100%, rgba(239,105,48,1) 100%, rgba(239,105,48,1) 100%, rgba(239,105,48,1) 100%, rgba(239,105,48,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(233,58,42,1) 0%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(233,58,42,1) 0%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%,rgba(239,105,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e93a2a', endColorstr='#ef6930',GradientType=1 ); /* IE6-9 */
 padding:70px 0;}
.digital-resourses h2{ color:#fff; text-align:center;}
.digital-resourses hr{ left:48%; background:#fff;}
.digital-feeds{ text-align:center; color:#fff;}
.digital-feeds i{ font-size:60px; width:150px; height:150px; background:#e23826; vertical-align:middle; display:inline-block; padding-top:25px; border-radius:200px;}
.digital-feeds h3{ color:#fff; margin-top:25px; font-size:25px;}

footer{ background:#f2f0ee; padding:70px 0;}
footer ul li{ margin-bottom:15px;}
footer ul li a{ transition:1s;}
footer ul li a:hover{ color:#f3701d;}


.slider-1 {width: 100%; }
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before { color: black; }
.slick-slide {transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: 1; }
.slick-current {opacity: 1;}

.departments{ background-image:url(img/department/computer.jpg); background-position:center; padding-top:250px; background-size: cover;}
a .content{width:100%; background:rgba(27,27,27,.8); padding:25px; transition:1s; }
a:hover .content{ background:rgba(27,27,27,1);}
.content h3 { color:#f3701d; padding-left:25px; border-left:5px solid #f3701d;}
.content p{ color:#fff; padding-left:30px; }
.content h3, .content p{}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
	top:40%; color:#fff;
}

.carousel-caption h2{ font-size:55px;}
.carousel-caption h2, .carousel-caption p{ color:#fff;}

.carousel-caption h2 hr{ left:49%;}
.carousel-caption h2{}

@media (max-width: 996px) {.carousel-caption {top:35%;}.carousel-caption h2{ font-size:35px;}}
@media (max-width: 669px) {.carousel-caption p{ visibility:hidden;} .carousel-inner { margin-top:60px; } .carousel-caption {top:25%;} .carousel-caption h2{ font-size:25px;} }

 .navbar{
    
     padding-top: 0;
     padding-bottom: 0;
     
}
 .navbar-light .navbar-brand {
     color: #2196F3;
}
 .navbar-light .navbar-nav .nav-link {
     color: #1b1b1b;
}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #1ebdc2;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #f3701d;
}
 .navbar-light .navbar-nav .nav-link{
     padding-top: 22px;
     padding-bottom: 22px;
     transition: 0.3s;
     padding-left: 24px;
     padding-right: 24px;
         font-size: 14px;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    
     transition: 0.3s;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f3701d !important;
}
.sm-menu{
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
        font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2196F3;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #1ebdc2;
}
.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px; 
}

@media (max-width: 991px) { .megamenu{ overflow: auto; height:250px;}}


.megamenu h6{
    margin-left: 21px; color:#f3701d;
}
.megamenu i{
    width: 20px;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.megamenu a h6 { color:#3c3c3c; transition:1s;}
.megamenu a:hover h6{ background:#f3701d; color:#fff;}



.contact-us ul li{ margin-top:25px;}
.contact-us ul li:first-child::before{ content: "\f124";font-family: FontAwesome; font-style: normal; color:#f3701d; margin-right:10px;}
.contact-us ul li:nth-child(2)::before{ content: "\f095";font-family: FontAwesome; font-style: normal; color:#f3701d; margin-right:10px;}
.contact-us ul li:nth-child(3)::before{ content: "\f003";font-family: FontAwesome; font-style: normal; color:#f3701d; margin-right:10px;}


.slider-1 { background: url(img/banner.jpg); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-position: center; background-repeat: no-repeat;}
.inner-page .slider-1 h1 { padding-top: 250px;}
.slider-1 h1 { color: #fff; padding-top: 354px; padding-bottom: 32px; padding-left: 25px; font-size: 5rem; line-height: 81px; margin-bottom: 0;}

.inner-listing { background:#f2f0ee; }
.inner-listing .news-feeds { padding:25px;}
.inner-listing h3, .inner-listing p{ padding:0 25px;}
.inner-listing h3 { padding-top:25px;}

.form-control { border-radius:0; border:none; border-bottom:1px solid #9f9f9f;}

form button {
    color: #1b1b1b;
    border: 1px solid #f2f0ee;
    border-radius: 2rem;
    padding: 0.5em 3.5em;
    background: #fff;
    margin: 0 auto;
    transition: 1s;
	 color: #fff;
    background: #f3701d;
}

form button:hover {  color: #f3701d; border: 1px solid #f2f0ee; background:none;}



/*
orange: #f3701d
*/