@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -20%, 0)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
section {
padding: 30px 0
}
a, a:focus, a:hover {
color: #111;
outline: 0;
text-decoration: none
}
.select.form-control, select {
min-height: auto!important;
-moz-appearance: none;
-webkit-appearance: none;
background: #fff url(../images/select.png)no-repeat 95% 12px;
font-size: 15px;
height: 35px;
border: 1px solid #ddd;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;
cursor: pointer
}
.top-nav {
background-color: #31933a;
padding: 0;
z-index: 10;
position: relative;
font-size: 13px;
height: auto;
font-weight: 300;
transition-duration: .3s;
overflow: hidden
}
.clock, .top-nav .time, .top-nav ul.pwdarea li a {
color: #fff
}
.clock {
padding-top: 6px
}
.top-nav .time i {
font-size: 14px
}
.top-nav ul {
margin: 0
}
.top-nav ul.pwdarea li a img {
width: 20px
}
.top-nav li {
list-style-type: none;
float: left
}
.top-nav .time, .top-nav li a:hover {
text-decoration: none
}
.top-nav .btn-xs {
padding: 3px 4px;
line-height: 1.5;
border-radius: 0;
border: solid 1px rgba(255, 255, 255, .5);
background-color: #fff;
color: #333;
font-weight: 700
}
.top-nav .btn-black {
padding: 3px 6px;
font-size: 10px;
line-height: 1.5;
border-radius: 0;
border: solid 1px #fff;
background-color: rgba(255, 255, 255, .1);
color: #fff
}
.top-nav .btn-blue, .top-nav .btn-yellow {
padding: 4px 8px;
font-size: 12px;
line-height: 1.1;
border-radius: 0;
border: solid 0#000;
background-color: #00b9be;
color: #fff
}
.top-nav .btn-yellow {
padding: 4px 6px;
border: solid 0#d8470e;
background-color: #f57d57
}
.top-nav .input-sm {
height: 21px;
margin: 0;
padding: 0 10px;
border-radius: 0
}
.top-nav .navbar-right {
float: right!important;
margin-bottom: 0;
margin-right: -15px;
margin-top: -1px
}
.top-nav .defTheme {
color: #fff;
padding: 3px 6px
}
.brand-items .owl-controls .owl-page span {
background: #082c4d
}
.hi-btn, .search-open {
background-color: rgba(0, 0, 0, .5);
color: #fff!important;
padding: 6px 12px;
display: block
}
.search-open {
background-color: rgba(0, 0, 0, .24)
}
.searchbox {
width: 200px
}
.stylish-input-group .input-group-addon {
background-color: #fe5900;
border: 1px solid #fe5900;
color: #fff;
padding: 4px 0;
border-radius: 0
}
.stylish-input-group .form-control {
border-right: 0;
box-shadow: 0 0 0;
border-color: transparent;
border-radius: 0;
height: 25px
}
.stylish-input-group button {
border: 0;
background: 0 0
}
.top-nav ul.pwdarea {
text-align: right;
float: right
}
.top-nav ul.pwdarea li {
padding: 3px 8px 0;
font-weight: 600
}
.pwdarea li .fontresize, .pwdarea li .theame {
display: block;
border-radius: 50%;
border: 1px solid #eee;
box-sizing: border-box;
text-align: center;
height: 25px;
width: 25px;
line-height: 22px
}
.pwdarea li .theame {
line-height: 18px;
background-color: #ff740f;
color: #fff!important
}
.pwdarea li .contrast {
background-color: #000
}
.top-nav ul.topleft_menu {
text-align: left;
padding: 0;
margin: 0
}
.top-nav ul.topleft_menu li {
font-weight: 400
}
.top-nav ul.topleft_menu li a {
padding: 6px 8px;
display: block;
color: #666
}
.top-nav ul.topleft_menu li a:hover {
background-color: #eee;
color: #352961
}
.top-nav ul.topleft_menu li:last-child a {
border-right: 0 solid #3e3d3d
}
.top-nav ul.pwdarea li:nth-child(5) {
padding-right: 4px
}
.top-nav ul.pwdarea li:nth-child(6) {
padding-right: 4px;
padding-left: 4px
}
.top-nav ul.pwdarea li:nth-child(7) {
padding-left: 4px
}
.top-nav ul.pwdarea li:nth-child(8) {
padding-right: 3px
}
.top-nav ul.pwdarea li:nth-child(9) {
padding-left: 3px
}
.top-nav ul.pwdarea li:nth-child(10) {
padding-top: 0;
padding-right: 0
}
.top-nav ul.pwdarea li:nth-child(11) {
padding: 0
}
.logo_title h1, .primarymenu, header {
margin: 0 auto;
position: relative
}
header {
z-index: 1000;
display: block;
padding: 5px 0
}
header .navbar-inverse {
background-color: transparent;
border: 0
}
.primarymenu {
bottom: 0;
padding: 0;
background-color: #3f922e
}
.navborder {
position: absolute;
left: 0;
width: 32%;
background: #fff;
z-index: 9999;
padding: 6px 0
}
.navborder:before {
border-bottom: 49px solid #007c7c;
border-left: 45px solid transparent;
content: "";
height: 0;
right: 0;
position: absolute;
top: 0;
width: 0
}
.logo_title {
padding: 3px 0;
float: left
}
.logo {
float: left
}
.logo img {
height: 70px;
border-right: 1px solid #d6d6d6;
padding-right: 10px
}
.logo_title p {
color: #ce4814
}
.logo_title h1 {
font-weight: 600;
width: unset;
color: #3f922e;
line-height: 20px;
margin: 0 0 14px 10px;
}
.logo_title h6, .logo_title p {
margin: 0 0 0 10px;
font-weight: 600;
}
.logo_title h1 span {
padding-bottom: 5px;
border-bottom: 1px solid #00000029
}
.primarymenu .navbar-nav {
margin: 0 auto;
display: table
}
.dropdown-menu .has-submenu:after, .dropdown > a:after, .home > a::after {
font-family: "Font Awesome 7 Free";
font-weight: 900
}
.home > a::after {
content: "";
font-size: 35px;
margin-top: -14px;
display: block;
color: #ce4814
}
.dropdown-menu .has-submenu:after {
content: "";
position: absolute;
right: 8px
}
.dropdown > a:after {
content: "";
margin-left: 6px
}
.primarymenu .navbar-nav > li > a {
color: #fff;
position: relative;
border-radius: 0;
font-weight: 400;
box-sizing: border-box;
border-right: 1px solid rgba(0, 0, 0, .2)
}
.primarymenu .navbar-nav > li > a:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
background-color: #fff;
width: 0%;
transition-duration: .3s
}
.primarymenu .dropdown-menu > li.open > a:before, .primarymenu .dropdown-menu > li > a:hover::before, .primarymenu .navbar-nav > .active > a:hover::before, .primarymenu .navbar-nav > .open > a:hover::before, .primarymenu .navbar-nav > li > a:hover::before {
width: 100%
}
.emplogin > a, .login > a {
color: #fff;
background-color: #ce4814!important
}
.primarymenu .navbar-nav > .active > a, .primarymenu .navbar-nav > .active > a:focus, .primarymenu .navbar-nav > .active > a:hover {
color: #fff!important;
background-color: #3f922e
}
.primarymenu .navbar-nav > li > a:focus, .primarymenu .navbar-nav > li > a:hover {
color: #000!important;
background-color: #eee
}
.primarymenu .navbar-nav > .open > a, .primarymenu .navbar-nav > .open > a:focus, .primarymenu .navbar-nav > .open > a:hover {
color: #fff!important;
background-color: #2a6c1c
}
.primarymenu .dropdown-menu {
min-width: 240px!important;
border-radius: 0;
background-color: #3f922e;
padding: 0;
border: 0
}
.primarymenu .dropdown-menu > li > a {
white-space: normal;
position: relative
}
.primarymenu .dropdown-menu > li > a:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
background-color: #fff;
width: 0%;
transition-duration: .3s
}
.primarymenu .dropdown-menu > li.open > a, .primarymenu .dropdown-menu > li > a:focus, .primarymenu .dropdown-menu > li > a:hover {
background-color: transparent;
color: #fff
}
.login > a:hover {
color: #fff!important;
background-color: #ce4814!important
}
.wrapper {
width: 100%;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 100
}
.logo-section .nopadding {
padding: 0
}
.helpline span.oran, .whatsapp span.oran2 {
color: #dc3545;
font-size: 1.1em
}
.helpline, .whatsapp {
margin-top: 28px;
font-weight: 500
}
.helpline {
margin-left: 45%
}
.whatsapp {
text-align: center
}
.uplogo {
float: right;
margin-right: 0;
margin-top: 0
}
.uplogo img {
max-width: 80px
}
#home_services {
background-color: #bb8337;
padding: 20px 0;
background-image: url(../images/impbg.jpg);
background-repeat: no-repeat;
background-size: cover
}
.highlight-links, .ourser_wrap {
position: relative
}
#usefullinkbg .linkstitle, .ourser_wrap .linkstitle {
text-align: center;
font-size: 2em;
font-weight: 800;
color: #fff;
position: relative;
top: auto;
padding-bottom: 15px
}
#usefullinkbg .linkstitle:after {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
bottom: 0;
height: 1px;
width: 15%;
background-color: #fff
}
.ourser_wrap .linkstitle:after {
bottom: 0;
height: 1px;
width: 15%
}
#usefullinkbg .linkstitle:before, .ourser_wrap .linkstitle:after, .ourser_wrap .linkstitle:before {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
background-color: #fff
}
#usefullinkbg .linkstitle:before, .ourser_wrap .linkstitle:before {
width: 25px;
height: 25px;
border-radius: 3px;
bottom: -12px;
transform: rotate(45deg)
}
.highlight-links {
background-repeat: no-repeat;
background-size: 100%;
display: flex;
margin-top: 27px
}
.highlight-links ul, .leader ul {
list-style: none;
margin: 0;
padding: 0
}
.highlight-links ul {
width: 100%
}
.highlight-links ul li, .leader ul li {
background-color: #fff;
box-sizing: border-box
}
.highlight-links ul li {
float: left;
border-top: 0 solid rgba(0, 0, 0, .2);
border-right: 0 solid rgba(0, 0, 0, .2);
border-bottom: 0 solid rgba(255, 255, 255, .4);
border-left: 0 solid rgba(255, 255, 255, .4);
width: 25%;
text-align: center;
border: 1px solid #ccc;
position: relative;
margin-left: -1px;
margin-bottom: -1px
}
.highlight-links ul li a {
display: block;
padding: 20px 10px;
transition-duration: .3s;
color: #27310a;
font-weight: 600;
min-height: 203px
}
.highlight-links ul li a svg {
height: 50px;
fill: #ff6d03;
transition-duration: .3s
}
.highlight-links ul li a:hover {
background-color: #f2f2f2;
text-decoration: none;
color: #000
}
#usefullinkbg ul li a:hover span.icon svg, .highlight-links ul li a:hover svg {
fill: #fff
}
.highlight-links li .icons {
padding: inherit;
border-radius: 50%;
height: 100px;
width: 100px;
display: block;
margin: 0 auto 15px;
background: #fff;
border: 1px solid #ff6d03
}
.highlight-links ul li a:hover .icons {
background-color: #445710;
border-color: #445710;
transition: .3s all
}
.highlight-links li .icons img {
height: 28px
}
.highlight-links h2.serfxd {
position: absolute;
background: #fff;
padding: 3px 11px;
top: -33px;
z-index: 9999;
left: 30px;
font-weight: 700;
font-size: 28px;
text-transform: uppercase;
color: #3e3e3e
}
.leader {
background-color: #a5dee3;
position: relative
}
.leader ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px
}
.leader ul li a.ldrtext {
color: #ce6c04;
padding: 0 10px 6px;
background: #ddd;
margin-top: 8px;
cursor: pointer
}
.leader ul li {
padding: 9px 10px;
height: auto;
overflow: hidden;
border: 0 solid #ccc;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, .29)
}
.leader ul li:last-child {
margin-bottom: 0
}
.leader ul li img {
border-radius: 50%;
max-height: 95px;
display: block;
border: 2px solid rgba(255, 255, 255, .61);
margin: 0 auto
}
.footer-link h5, .leader ul li h4, .usefull_link_warp ul.usefull_link h2, .vticker ul li .ndate {
text-transform: uppercase;
font-weight: 700
}
.leader ul li h4 {color: #ce4814;margin-bottom: 0;text-align: center;font-size: 1em;}
.leader ul li p {color: #000;margin-bottom: 0;font-size: 0.8em;text-align: center}
.usefull_link_warp {
background: #f1f3f8;
padding: 15px 0 30px
}
.usefull_link_warp ul.usefull_link li {
background: #fff;
border-radius: 5px;
width: 33.3%;
text-align: center;
float: left;
height: 123px;
padding: 15px;
font-weight: 600;
margin-bottom: 25px;
box-sizing: border-box
}
.usefull_link_warp ul.usefull_link {
padding: 0;
margin: 0;
text-align: center;
list-style: none
}
.usefull_link_warp ul.usefull_link li a img {
display: table;
margin: 6px auto
}
.usefull_link_warp ul.usefull_link li a {
padding: 17px 8px;
display: block
}
.usefull_link_warp ul.usefull_link h2 {
color: #24292c;
margin: 25px 0
}
.usefull_link_warp ul.usefull_link li:hover {
background: #007c7c;
transition: 2s all
}
#map-section .title h1, .impact li .countbox:hover .count-title, .usefull_link_warp ul.usefull_link li:hover a {
color: #fff
}
#welcome {
padding: 40px 15px;
background-color: #fff;
background-image: url(../images/welcomebg.jpg);
background-repeat: repeat-x;
background-size: contain;
background-position: top center
}
.news {
padding: 15px;
border: 1px solid #ccc
}
.news .title {
margin: -15px -15px 10px;
background-color: #445710;
padding: 3px 15px
}
.news .title .toggle2 {
float: right;
color: #fff;
padding: 2px 10px;
border: 3px solid #fff;
margin-top: 3px
}
.news .title h4 {
background-color: transparent;
color: #fff
}
.news .foot {
padding: 10px 15px 0;
border-top: 1px solid #eee
}
.orders, .vticker {
margin-bottom: 15px
}
.vticker {
height: 330px!important
}
.news .title:after, .vticker .arw, .vticker .dtype, .vticker .fa-file-pdf-o {
display: none
}
.vticker .dsize {
font-size: .8em;
color: #352961!important;
margin-top: 5px
}
.vticker ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%
}
.orders ul li, .vticker ul li {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
position: relative;
padding-left: 60px
}
.orders ul li:before, .vticker ul li:before {
position: absolute;
background-color: #003c72;
padding: 11px;
border-radius: 50%;
left: 0;
width: 50px;
height: 50px
}
.vticker ul li:before {
content: url(../images/small-calendar.png)
}
.orders ul li a, .vticker ul li a {
display: block;
color: #2a2a2a;
font-weight: 700
}
#usefullinkbg ul li a, .counter li span, .logins li span, .orders ul li span, .vticker ul li span {
display: block
}
.vticker ul li .ndate {
color: #a3a3a3;
font-size: .82em
}
.vticker ul li .dsize {
color: #666;
font-size: .8em
}
.orders {
max-height: 330px!important;
overflow: auto
}
.orders .arw, .orders .dtype, .orders .fa-file-pdf-o {
display: none
}
.orders .dsize {
font-size: .8em;
color: #352961!important;
margin-top: 5px
}
.course, .orders ul {
list-style: none;
margin: 0;
padding: 0
}
.orders ul li:before {
content: url(../images/document-icon.png)
}
.orders ul li .ndate {
color: #a3a3a3;
font-size: .82em;
text-transform: uppercase;
font-weight: 700
}
.orders ul li .dsize {
color: #666;
font-size: .8em
}
.tab-pane.fade.show {
opacity: 1
}
.tab-pane .foot {
display: block;
background: #eee;
margin: -15px;
padding: 8px 15px
}
.tab-pane .foot a {
display: inline-block
}
.news .scroll {
max-height: 352px;
overflow-y: scroll;
overflow-x: hidden
}
.course {
position: relative;
overflow: hidden
}
.course li {
padding: 8px;
box-sizing: border-box;
float: left;
width: 25%
}
.course li .icon, .course li a {
display: block;
position: relative
}
.course li a {
border-radius: 5px;
text-align: center;
font-weight: 600;
min-height: 134px;
transition-duration: .3s;
font-size: 1.1em;
background-image: url(../images/box-bg.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 54%
}
.course li .icon {
width: 80px;
height: 80px;
box-sizing: border-box;
margin: 25px auto;
border-radius: 50%;
padding: 4px
}
.course li .icon:before {
content: "";
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
right: 18px;
left: -10px;
margin: 0 auto;
top: -10px
}
.course li .icon img, .course li .icon svg {
height: 51px;
border-radius: 50%
}
.course li .icon span, .course li a .backcaption {
box-sizing: border-box;
background-color: #fff;
text-align: center
}
.course li .icon span {
display: inline-block;
height: 72px;
width: 72px;
padding: 8px;
border-radius: 50%
}
.course li a .backcaption {
position: absolute;
z-index: 9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-image: url(../images/box-bg.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 54%;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
border-radius: 5px;
color: #003c72
}
.course li a .backcaption, .course li a .front-face {
display: block;
backface-visibility: hidden;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
font-size: 1.4em;
padding: 29px 25px
}
.course li a:hover .front-face {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0
}
.course li a:hover .backcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}
.course .light-green {
background-color: #e0f0c3;
color: #2d3e0f
}
.course .light-purple {
background-color: #e1e1f9;
color: #2b2b75
}
.course .light-orange {
background-color: #ffddb0;
color: #b53f06
}
.course .light-blue {
background-color: #c3edf4;
color: #027193
}
.course .light-pink {
background-color: #fdd6ec;
color: #971e62
}
.course .light-cyan {
background-color: #b9f7e5;
color: #056448
}
.course .light-green-shade1 {
background-color: #dfffde;
color: #055903
}
.course .light-purple-shade1 {
background-color: #dcc7dd;
color: #4d234f
}
.orange {
background: #fa892d;
background: -moz-linear-gradient(-45deg, #fa892d 0, #f17c2a 100%);
background: -webkit-linear-gradient(-45deg, #fa892d 0, #f17c2a 100%);
background: linear-gradient(135deg, #fa892d 0, #f17c2a 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fa892d', endColorstr='#f17c2a', GradientType=1)
}
.orange span svg {
fill: #f17c2a
}
.orange:before {
border: 1px dashed #f17c2a
}
.btn-outline-primary {
border-color: #001e59;
color: #001e59
}
.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
border-color: #001e59;
background-color: #001e59;
color: #fff;
text-decoration: none
}
.box-back {
z-index: 10
}
.glance img, .title svg {
margin-right: 10px;
float: left
}
.fimg img, .glance img {
max-width: 100%
}
.glance .title {
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 15px
}
.glance .title h4 {
margin: 0;
padding: 15px 0;
}
.glance .title h4 span {
display: block;
font-weight: 700;
color: #175909
}
.glance .title:after {
display: none
}
.glance .content {
min-height: 197px;
line-height: 1.8;
text-align: justify
}
.award {
padding: 15px
}
.welcome .title h4 {
text-align: center
}
.title, .title h4 {
position: relative
}
.title:after {
position: absolute;
width: 100%;
height: 3px;
background-color: #e7e7e7;
content: "";
z-index: 0;
right: 0;
left: 0;
margin: 0 auto;
top: 45%
}
.title svg {
height: 30px;
fill: #dc3545
}
.title h4 {
font-weight: 700;
z-index: 2;
display: inline-block;
color: #000
}
.fimg {
margin-bottom: 10px
}
.fimg img {
border-radius: 6px
}
.bg-white {
background-color: #fff
}
.btn-outline {display: inline-block;padding: 4px 15px;border: 2px solid #ccc;font-size: .85em;text-transform: uppercase;transition-duration: .3s;font-weight: 700;}
.btn-outline-success {
border-color: #008ea1;
color: #008ea1
}
.btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover {
border-color: #008ea1;
background-color: #008ea1;
color: #fff;
text-decoration: none
}
.btn-outline-danger {
border-color: #dc3545;
color: #dc3545
}
.btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover {
border-color: #dc3545;
background-color: #dc3545;
color: #fff;
text-decoration: none
}
.btn-success {
border-color: #175909;
background-color: #175909;
color: #fff
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
border-color: #276f18;
background-color: #276f18;
color: #fff;
text-decoration: none
}
.btn-outline-warning {border-color: #000;}
.btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover {
border-color: #3f922e;
background-color: #3f922e;
color: #fff;
text-decoration: none
}
.et-run .fa:before {
content: ""!important
}
.footer-bottom ul, .footer-link ul, .impact, .typebus_warper ul.bus_serItems {
list-style: none;
margin: 0;
padding: 0
}
.impact li, .impact li .countbox {
box-sizing: border-box;
padding: 15px
}
.impact li {
text-align: center;
width: 25%;
float: left
}
.impact li svg {
height: 50px;
fill: #dc3545
}
.countermain {
padding: 15px 0;
display: table;
width: 100%
}
.countermain ul.counterno h2.count-title {
color: #352961;
font-size: 2em;
font-weight: 600
}
.countermain ul.counterno p.count-text i.fa {
background: #ff742f;
padding: 5px 11px;
margin-right: 15px
}
.countermain ul.counterno p.count-text {
font-size: 1.1em
}
.impact li .countbox {
border: 1px solid #eee;
transition-duration: .3s
}
.impact li .countbox:hover {
background-color: #352961;
border: 1px solid #352961
}
.impact li .countbox:hover svg {
fill: rgba(255, 255, 255, .8)
}
.impact li .countbox:hover .count-text {
color: rgba(255, 255, 255, .7)
}
#noticeboard, #usefullinkbg, .typebus_warper, footer {
background-repeat: no-repeat;
background-size: cover
}
.typebus_warper {
padding: 40px 0;
background-image: url(../images/welcome-bg.png);
position: relative;
background-color: #352961
}
.typebus_warper .busheading {
border-bottom: 1px solid rgba(255, 255, 255, .18);
position: relative;
margin-bottom: 45px
}
.typebus_warper .busheading h2 {
color: #fff;
position: absolute;
background: #433666;
left: 34%;
top: -25px;
text-transform: uppercase;
font-weight: 800;
font-size: 1.7em;
letter-spacing: -1px;
padding-right: 30px;
padding-left: 30px
}
.typebus_warper ul.bus_serItems {
overflow: hidden
}
.bus_serItems .owl-wrapper-outer {
display: table;
width: 100%;
padding-top: 22px
}
.typebus_warper ul.bus_serItems li {
list-style: none;
padding: 0 22px;
position: relative
}
.typebus_warper ul.bus_serItems li .eventbox {
padding: 15px;
background-color: #fff;
position: relative;
border-radius: 10px;
min-height: 198px
}
.typebus_warper ul.bus_serItems li .content {
color: #dc3545;
font-size: 1.1em;
font-weight: 600;
padding-top: 25px;
text-transform: capitalize;
padding-bottom: 10px;
padding-left: 30%
}
.typebus_warper ul.bus_serItems li p.buspara {
color: #535353;
font-weight: 500
}
.typebus_warper ul.bus_serItems li .eventbox img {
max-width: 40%;
border-radius: 50%;
float: left;
position: absolute;
left: -20px;
top: -20px;
border: 3px solid #fff
}
.brand-items .owl-buttons, .sitemap ul li:before, .typebus_warper .owl-pagination {
display: none
}
.bus_serItems .owl-buttons {
margin-top: 25px
}
.bus_serItems .owl-next, .bus_serItems .owl-prev {
display: inline-block;
background-color: transparent;
font-size: 22px;
height: 30px;
width: 30px;
line-height: 26px;
margin: 0 5px;
cursor: pointer;
border-radius: 50%;
border: 1px solid #fff;
color: #fff
}
.ftright {
width: 100px;
height: 40px;
background: #383d41;
position: absolute;
right: 0;
bottom: 0
}
.ftleft:before, .ftright:before {
content: "";
height: 0;
position: absolute;
top: 0;
width: 0
}
.ftright:before {
border-bottom: 49px solid #383d41;
border-left: 45px solid transparent;
left: -45px
}
.brand-items {
list-style: none;
margin: 50px 0 0;
padding: 0;
overflow: hidden
}
.brand-items, .brand-items .owl-wrapper-outer {
display: table;
width: 100%
}
.brand-items li {
list-style: none;
padding: 0 14px
}
.brand-items li img {
max-width: 100%;
border-radius: 8px;
border: 1px solid #ccc
}
footer {
background: #0e200a;
background-image: url(../images/footbg.png);
padding: 30px 0;
color: #fff;
font-size: 0.9em;
}
.ftleft {
width: 100px;
height: 40px;
background: #24292c;
position: absolute;
left: 0;
bottom: 0
}
.ftleft:before {
border-bottom: 49px solid #24292c;
border-right: 45px solid transparent;
right: -45px
}
.footer-link {
padding: 10px 0;
color: #eae8e8;
font-weight: 400;
font-size: .9em;
position: relative
}
.footer-link h4 {
color: #ffcc02;
margin: 0;
padding: 0;
border-bottom: 0 solid #fff;
text-transform: uppercase;
font-weight: 600
}
.footer-bottom ul, .footer-link ul {
text-align: center
}
.footer-bottom li, .footer-link li {
display: inline-block
}
.footer-link li {
padding: 0 5px
}
.footer-link li a {
display: block;
padding: 8px
}
.footer-link a {
color: #fff;
position: relative
}
.footer-link a:hover {
color: #fff;
text-decoration: none
}
.breadcrumb li a, .filter li label, .footer-bottom a, .footer-bottom li a {
color: #000
}
.footer-bottom li {
padding: 0 6px;
border-right: 1px solid #142659
}
.footer-bottom li:first-child {
padding-left: 0
}
.footer-bottom li:last-child {
border-right: 0 solid #142659
}
.banFxd {
position: fixed!important;
width: 100%!important;
left: 0;
right: 0;
margin: 0 auto!important;
z-index: 0!important;
top: 0
}
.eventcard, .greysection, .in-banner {
position: relative;
z-index: 5
}
.in-banner {
z-index: 0
}
footer {
z-index: 5
}
.footerbtm a {
color: #ffff9d
}
.footer-link ul.ft_conDetails li {
margin-bottom: 20px;
position: relative;
display: table
}
.footer-link ul.ft_conDetails li img {
float: left;
height: 70px;
margin-right: 10px
}
.footer-link ul.ft_conDetails li svg {
float: left;
height: 25px;
fill: #fff;
position: relative;
margin-left: 10px;
margin-right: 10px
}
.inheading {
overflow: hidden
}
.incontent h4, .inheading, .inheading .in-bner-image, footer {
position: relative
}
.inheading .in-bner-image img {
position: relative;
z-index: 1
}
.inheading .container {
position: absolute;
z-index: 2;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .55);
box-sizing: border-box;
padding: 5%;
text-align: center
}
.inner_bg h2 {
color: #fff;
font-weight: 600;
font-family: "Merriweather", serif;
font-size: 2.2em;
padding: 10px 0;
margin: 0
}
.in-banner li.item {
margin: 0;
list-style: none
}
.inheading h1 {
color: #fff;
font-size: 2.8em
}
.breed-crum-div {
margin-bottom: 0;
border-radius: 0;
background-color: #fff;
padding: 5px 0;
border-bottom: 1px solid #ccc
}
.breadcrumb {
font-size: 13px;
margin-bottom: 0;
background-color: transparent;
padding: 8px 0
}
.breadcrumb li {
color: #000!important;
margin: 0;
font-weight: 500
}
.breadcrumb .active {
color: #f3541c!important
}
.contentarea {
background-image: url(../images/welcome-bg.png);
padding: 0
}
.incontent {
padding: 15px;
min-height: 358px;
background-color: #fff;
box-shadow: rgb(0 0 0/30%)0 0 25px
}
.search-inline {
width: 100%;
left: 0;
padding-left: 15px;
padding-right: 15px;
top: 0;
height: 45px;
position: absolute;
opacity: 0;
visibility: hidden;
background-color: #ececec;
z-index: 99999;
transition: all .5s ease-in-out
}
.search-inline.search-visible {
opacity: 1;
visibility: visible;
animation: fadeInDown .4s ease-in-out
}
.search-inline button[type=submit] {
position: absolute;
background-color: transparent;
border: 0;
top: 0;
right: 80px;
padding: 0;
cursor: pointer;
width: 80px;
height: 99%;
background: #ff6d03;
color: #fff
}
.search-inline .form-control {
font-size: 2rem;
position: absolute;
left: 1%;
top: 0;
height: 100%;
font-family: "Montserrat", sans-serif;
outline: 0
}
.search-inline .search-close {
position: absolute;
top: 0;
right: 0;
color: #616161;
width: 80px;
height: 100%;
text-align: center;
display: table;
background: #efefef;
text-decoration: none
}
.search-inline .search-close i {
display: table-cell;
vertical-align: middle;
color: #fff;
background: #003c72
}
.search-inline .form-control {
display: block;
width: 100%;
padding: 0;
line-height: 1.5;
color: #007c7c;
background-color: #efefef;
background-clip: padding-box;
border: 1px solid #efefef;
border-radius: .25rem;
font-weight: 300;
transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out
}
#usefullinkbg, .implink-wrap {
position: relative;
padding: 25px 0 30px;
background-color: #eefbea
}
#connect .busheading h2, .implink-wrap .busheading h2 {color: #000;font-weight: 700;font-size: 0.9em;}
#connect .busheading, .implink-wrap .busheading {
text-align: center;
font-size: 2em;
font-weight: 800;
color: #000;
position: relative;
top: auto;
padding-bottom: 15px
}
#connect .busheading:after {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
background-color: #ff740f
}
#connect .busheading:after, .implink-wrap .busheading:after {
bottom: 0;
height: 1px;
width: 15%
}
#connect .busheading:before, .implink-wrap .busheading:after, .implink-wrap .busheading:before {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
background-color: #ff740f
}
#connect .busheading:before, .implink-wrap .busheading:before {
width: 25px;
height: 25px;
border-radius: 3px;
bottom: -12px;
transform: rotate(45deg)
}
#usefullinkbg {
background-color: #bb8337;
background-image: url(../images/usefullink-bg.png);
background-position: center
}
#usefullinkbg ul {
margin: 25px 0 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
list-style: none
}
#usefullinkbg ul li {
box-sizing: border-box;
margin: 0;
padding: 15px;
width: 25%;
text-align: center
}
#usefullinkbg ul li span.icon {
display: block;
width: 100px;
height: 100px;
background-color: #fff;
box-shadow: 8px 8px 1px rgba(0, 0, 0, .51);
transform: rotate(45deg);
padding: 14px 22px;
margin: 0 auto 40px;
transition-duration: .3s
}
#usefullinkbg ul li span.icon svg {
height: 55px;
transform: rotate(-45deg);
margin: 0;
display: block;
fill: #e45835;
transition-duration: .3s
}
#usefullinkbg ul li a, .noticetab .nav-tabs > li > a {
font-weight: 700;
font-size: 1.3em;
color: #fff
}
.noticetab .nav-tabs > li > a {
font-size: 1.2em;
background-color: #ff740f;
border: 1px solid #e3e3e3
}
#usefullinkbg ul li a:hover span.icon {
background-color: #e45835;
box-shadow: -8px -8px 1px rgba(0, 0, 0, .51)
}
.rightborder {
border-right: 1px solid rgba(0, 0, 0, .3)
}
.connect .fa {
margin-right: 5px
}
.connect .fa-facebook-square {
color: #3d5b9b
}
.connect .fa-twitter-square {
color: #2daae2
}
.connect .fa-youtube-play {
color: #d4111e
}
.pwdFxd {
left: 0;
position: fixed!important;
top: 0;
width: 100%
}
.filter {
display: flex;
list-style: none;
margin: -15px -15px 20px;
flex-direction: row;
justify-content: left;
background-color: #dee1d4;
padding: 10px
}
.filter li {
padding: 3px;
flex-grow: 1
}
.filter li .archive {
display: block;
background-color: #ff6d03;
color: #fff
}
.pdf-size, .rar-size {
color: #2d2d2d;
font-size: 12px;
font-weight: 400;
display: block
}
.pdf-size:before, .rar-size:before {
font-family: "Font Awesome 7 Free";
font-weight: 900;
content: "";
color: #2d2d2d;
margin: 0 5px
}
.rar-size:before {
content: ""
}
.table  thead  tr  th {
background-color: #445710;
color: #fff
}
.table tfoot  tr  th {
background-color: #d14814;
color: #fff
}
.table tbody tr:nth-child(even) {
background-color: #e3e3e3
}
.missionlist {
list-style: none;
margin: 20px 0 0;
padding: 0
}
.missionlist li {
display: table;
widows: 100%;
padding: 7px 0
}
.missionlist li .icon {
display: table-cell
}
.missionlist li .data {
display: table-cell;
vertical-align: top
}
.missionlist li .data h5 {
font-size: 20px;
color: #000
}
.missionlist li .icon {
width: 80px;
vertical-align: middle
}
.missionlist li .icon svg {
width: 82%;
fill: #ff6d03
}
.missionlist.contact-details li .icon svg {
width: 55%
}
.map {
border: 1px solid #ccc
}
.map iframe {
border: 0;
width: 100%;
height: 450px
}
.incontent h4 {
font-family: "Medula One", cursive;
color: #073555
}
.gallery {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0
}
.gallery li {
padding: 5px;
box-sizing: border-box;
width: 33%
}
.gallery li img {
max-width: 100%;
height: 180px
}
.gallery li .thumbnail {
border-radius: 0;
color: #000;
padding: 5px;
margin-bottom: 0
}
.gallery li .caption {
display: block;
min-height: 80px
}
.sitemap ul {
background: url(../images/site_map_ul.gif)0-5px repeat-y!important;
list-style-type: none!important;
margin: 0!important;
padding: 0 5px 4px 6px!important;
position: relative!important
}
.sitemap ul li {
background: url(../images/site_map_list.gif)-5px -5px no-repeat!important;
line-height: 16px!important;
padding: 0 0 0 10px!important;
font: 700 10pt arial;
margin: 10px 0
}
.sitemap ul li a {
color: #000;
display: inline-block;
padding: 5px;
border-radius: 15px 0;
transition-duration: .3s;
border: 1px solid #d5d5d5
}
.sitemap ul li a:hover {
background-color: #fbcf86;
border: 1px solid #ed9501;
color: #000;
padding-left: 5px;
text-decoration: none
}
.sitemap ul li ul {
padding-bottom: 1px
}
.sitemap ul li ul li {
font: 10pt arial
}
#noticeboard {
padding: 30px 0;
background-image: url(../images/newsbg.jpg)
}
.noticetab .tab-content {
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
padding: 15px;
background-color: #fff
}
.noticetab .nav-tabs > li > a.active, .noticetab .nav-tabs > li > a.active:focus, .noticetab .nav-tabs > li > a.active:hover {
background-color: #fff;
color: #000
}
.top-login {
padding: 25px 0;
background-color: #e6eff7;
background-image: url(../images/childbg.jpg);
background-repeat: no-repeat;
background-position: top right;
background-size: 74%
}
.quicklinks {
display: flex;
flex-wrap: wrap
}
.quicklinks li {
box-sizing: border-box;
text-align: center;
width: 20%;
border: 1px solid #eee;
position: relative;
margin-left: -1px;
margin-bottom: -1px;
transition-duration: .3s
}
.quicklinks li:hover {
box-shadow: 0 0 19px rgba(0, 0, 0, .1);
position: relative;
z-index: 3
}
.quicklinks li a {
display: block;
transition-duration: .3s;
color: #003c72;
background: #fff;
font-weight: 700;
padding-bottom: 18px;
padding-top: 10px
}
.leaders .quicklinks li a:hover {
background-color: #00a2b8;
text-decoration: none;
color: #fff
}
.quicklinks li .icons {
padding: 3px;
border-radius: 3%;
height: 85px;
width: 85px;
display: block;
margin: 3px auto 5px;
transition-duration: .3s;
border: 1px solid #fff
}
.quicklinks li a:hover .icons {
border-radius: 50%;
border: 1px dashed #ccc
}
.quicklinks li .icons img {
height: 75px
}
#connect {
padding: 30px 0;
background-color: #d6e3ee
}
#connect .panel {
margin-bottom: 0;
border-radius: 0;
border: 0;
min-height: 419px
}
.panel-default > .instahead {
background-color: #e33d6d;
color: #fff
}
.panel-default > .panel-heading {
display: inline-block;
border-radius: 0;
position: relative
}
.panel-default > .panel-heading svg {
height: 20px;
fill: #fff;
float: left;
margin-right: 10px
}
.panel-default > .panel-heading:after {
content: "";
position: absolute;
right: -34px;
top: 0;
width: 0;
height: 0;
border-top: 42px solid #eee;
border-right: 34px solid transparent
}
.panel-default > .fbhead {
background-color: #3d5a9c;
color: #fff
}
.panel-default > .fbhead:after {
border-top-color: #3d5a9c
}
.panel-default > .twithead {
background-color: #2daae4;
color: #fff
}
.panel-default > .twithead:after {
border-top-color: #2daae4
}
.panel-default > .ythead {
background-color: #ce2329;
color: #fff
}
.panel-default > .ythead:after {
border-top-color: #ce2329
}
.awards, .quicklinks {
list-style: none;
margin: 0;
padding: 0
}
#connect .panel, .awards li, .awards li img {
position: relative
}
.awards li img {
z-index: 0;
max-width: 100%
}
.awards li .caption-text {
position: absolute;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .8);
margin: 0 auto;
padding: 10px;
z-index: 2;
color: #fff;
text-align: center
}
.awards .owl-buttons, .connect li a:before, .tree .removeline:before {
display: none
}
#map-svg {
width: 75%;
filter: drop-shadow(-14px 4px 0#c6d1db)
}
#map-svg path {
fill: #2d507d;
stroke-width: 1px;
stroke: #fff;
cursor: pointer
}
#map-svg .selected, #map-svg path:hover {
fill: #ff740f
}
#map-section .title, .dList {
text-align: center
}
#map-section .title::after {
content: url(../images/headingborder.png);
height: 0;
right: 0;
left: 0;
margin: 0 auto
}
#tooltip {
dominant-baseline: hanging;
font-family: Verdana, Geneva, sans-serif;
font-size: 5pt;
color: #003c72
}
#quicklinks-wrap {
padding: 25px 0;
background-color: #003c72
}
.dList, .prernalogo {
position: absolute;
right: 20px;
top: 10px;
width: 30%;
border-radius: 8px
}
.dList .table {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}
.dList .table > thead > tr > th {
background-color: #003c72;
text-align: center;
color: #fff
}
.dList .table > tbody > tr > td {
text-align: left;
padding: 5px
}
.dList .table > tbody > tr > th {
text-align: center;
background: #ffddb0;
color: #b53f06;
padding: 5px
}
.dList .table > tfoot > tr > td, .dList .table > tfoot > tr > th, .dList .table > thead > tr > td, .dList .table > thead > tr > th {
padding: 5px
}
.dList h2 {
font-size: 1.3em;
color: #003c72;
margin: 0 auto
}
.connect li a {
padding-left: 0
}
.prernalogo {
right: 56px;
background-color: #572805;
width: 140px;
box-shadow: 0 0 8px rgba(0, 0, 0, .2);
padding: 8px;
border-radius: 8px 8px 0 0;
top: -69px;
z-index: 255
}
.prernalogo img, .tree ul {
max-width: 100%
}
#latestnews {
position: relative;
background-color: #eee;
padding: 0
}
.full-w {
width: 100%!important
}
.half-w {
width: 50%!important
}
.tree li, .tree ul.first {
text-align: center;
position: relative
}
.tree ul.first {
margin: 0 auto;
display: block;
width: 70%
}
.tree ul.first:after, .tree ul.first:before {
content: "";
position: absolute;
left: 0;
background: #ccc
}
.tree ul.first:before {
height: 2px;
width: 50%
}
.tree ul.first:after {
height: 100%;
width: 2px
}
.tree ul.first li {
display: inline-block
}
.tree ul.second {
padding-top: 0
}
.tree ul {
padding-top: 20px;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
display: block;
padding-left: 10px;
margin-top: 0
}
.tree li {
list-style-type: none;
padding: 20px 2px 0;
margin-bottom: 0;
vertical-align: top;
float: left
}
.tree li::after, .tree li::before {
content: "";
position: absolute;
top: 0;
border-top: 2px solid #78a8b3;
width: 52%;
height: 20px
}
.tree li::before {
right: 50%
}
.tree li::after {
right: auto;
left: 50%;
border-left: 2px solid #78a8b3
}
.tree li:only-child::after, .tree li:only-child::before {
display: none
}
.tree li:only-child {
padding-top: 0
}
.tree li:first-child::before, .tree li:last-child::after {
border: 0
}
.tree li:last-child::before {
border-right: 2px solid #78a8b3;
border-radius: 0 5px 0 0
}
.tree li:first-child::after {
border-radius: 5px 0 0 0
}
.tree ul ul::before {
content: "";
position: absolute;
top: 0;
left: 50%;
border-left: 2px solid #78a8b3;
width: 0;
height: 20px
}
.tree li a {
padding: 5px;
text-decoration: none;
color: #000;
font-family: arial, verdana, tahoma;
font-size: .9em;
display: inline-block;
border: 1px solid #d4943a;
width: 116px;
height: 60px;
background: #f7d8ad;
word-break: break-word;
white-space: pre-wrap;
pointer-events: none;
border-radius: 4px
}
.tree li a:hover + ul li::after, .tree li a:hover + ul li::before, .tree li a:hover + ul ul::before, .tree li a:hover + ul::before {
border-color: #94a0b4
}
.tree .maintitle {
background-color: transparent;
font-size: 1.3em;
font-weight: 700;
border: 2px solid #d4943a;
margin-left: 8px;
width: 94%
}
.connect {
color: #fff;
padding: 5px 8px;
display: inline-block;
font-size: 15px;
font-weight: 700
}
.counter {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap
}
.counter li {
width: 50%;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, .18);
background-color: rgba(255, 255, 255, .64);
padding: 15px;
text-align: center;
transition-duration: .3s
}
.counter li span.fa {
font-size: 2.5em;
margin-bottom: 8px;
color: #175909
}
.counter li span.number {
font-size: 2.3em;
margin-bottom: 8px;
color: #ce4814;
font-weight: 700
}
.counter li:hover {
background-color: #fff
}
.section-two {
position: relative;
background-image: url(../images/bg2.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain
}
.reg-process {
padding: 15px;
box-shadow: 0 0 25px rgba(0, 0, 0, .37);
background-color: #fff;
border-radius: 5px;
position: absolute;
top: 30px;
z-index: 100;
width: 400px;
right: 4%;
}
.reg-process h4 {
font-weight: 700;
color: #175909;
text-align: center;
display: block;
margin: 0
}
.reg-process .title {
margin-bottom: 29px
}
.reg-process .title:after {
bottom: -14px;
top: auto
}
.reg-process ul {
list-style: none;
margin: 0;
padding: 0
}
.reg-process ul li {
text-align: center;
padding: 0 40px;
min-height: 100px
}
.process .owl-pagination {
display: none
}
.btndiv {
text-align: center;
margin-top: 20px
}
.btn-danger {
background-color: #ce4814;
border-color: #ce4814
}
.process .owl-buttons div {
font-size: 2em;
position: absolute;
top: 34%
}
.process .owl-buttons .owl-prev {
left: 0
}
.process .owl-buttons .owl-next {
right: 0
}
.logins, .project-link {
list-style: none;
padding: 0
}
.logins {
margin: 0-10px;
display: flex;
flex-wrap: wrap
}
.logins li {
width: 16.6%;
box-sizing: border-box;
padding: 10px
}
.logins li a, .project-link li a {
display: block;
transition-duration: .3s
}
.logins li a {
background-color: #fff;
padding: 6px;
text-align: center;
margin: 0;
border-radius: 5px;
border: 2px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}
.logins li span.fa, .logins li span.number {
font-size: 2.5em;
margin-bottom: 8px;
color: #ce4814
}
.logins li span.number {
font-size: 2.3em;
font-weight: 700
}
.logins li span.text {
font-size: 1.3em;
color: #000;
font-weight: 600
}
.logins li a:hover {
background-color: #a5dee3
}
.logindash h4, .project .title h4, .glance .title h4 {display: block;font-weight: 700;color: #175909;font-size: 1.6em;}
.logindash h4 {
margin-top: 0
}
.logindash .title {
margin-bottom: 10px;
padding-top: 0
}
.logindash .title:after {
bottom: -14px;
top: auto;
display: none
}
.project .title h4 {
padding: 15px 0;
margin: 0
}
.project .title {
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 15px
}
.project .title:after {
display: none
}
.project-link {
margin: 0
}
.project-link li {
margin: 3px 0
}
.project-link li a {
padding: 13px 20px;
background-color: #ce4814;
color: #fff;
text-transform: uppercase;
border-radius: 25px 0 0 25px
}
.project-link li a:hover {
background-color: #175909
}
.banner {
position: relative;
padding: 0
}
.swiper-slide .animated-image {
opacity: 1!important
}
.incontent h1 {
color: #e78836
}
.incontent h1, .incontent h2, .incontent h3 {
font-family: "Merriweather", serif
}
.incontent h2 {
color: #0f100f;
border-left: 5px solid #77a767;
padding-left: 20px;
font-weight: 700;
}
.incontent h3 {
border-bottom: 1px solid #c8c8c8;
margin: 10px 0;
padding: 15px 10px;
color: #073555;
background: #f9f9f9;
position: relative;
}
.incontent h3 span {
color: #ff6d03
}
.incontent h3:before {
position: absolute;
height: 5px;
width: 15%;
bottom: -3px;
content: "";
background: #073555
}
.incontent ul li {
margin: 10px 0;
color: #2a5385;
font-size: 12pt
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: #cfdfd5;
padding-left: 10px!important;
margin-left: -10px;
color: #116a0e!important;
text-transform: uppercase
}
.message-section {
margin-bottom: 20px
}
.msg-box {
background: #ee7803;
border: 1px dashed #fff;
position: relative;
z-index: 100;
min-height: 257px;
margin-top: 15px
}
.msg-box img {
display: block;
margin: 0 auto
}
.img-box {
margin: 12px auto 0;
width: 76px
}
.msg-content, .msg-content-full {
color: #fff;
text-align: center;
padding-top: 6px
}
.msg-content-full {
padding-top: 12px
}
.msg-content h4 {
margin-top: 5px
}
#new-leders {
background: #f5f5f5
}
.box, .social-icon ul {
list-style: none;
margin: 0
}
.box {
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0
}
.box li {
background: #fff;
padding: 12px;
box-shadow: 1px 3px 16px #d3d3d3;
display: flex;
align-items: flex-start;
}
.box li .img-wrap {
flex: 0 0 90px
}
.box li img {
width: 80px;
height: 80px;
border-radius: 5px;
border: 2px solid #c1c1c147;
object-fit: cover
}
.box li .text-wrap {
padding-left: 10px
}
.box li h4 {color: #ce4814;margin: 0 0 4px;text-transform: uppercase;font-weight: 700;font-size: 0.9em;}
.box li p {margin: 0;line-height: 1.4;font-size: 0.8em;}
@media (max-width:991px) {
.box {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:767px) {
.box {
grid-template-columns: 1fr
}
}
.ex-link {
position: absolute;
right: 60px;
bottom: 14px;
display: none
}
.ex-btn, .primarymenu .menu-item a {
color: #fff;
font-weight: 400;
position: relative
}
.ex-btn {
padding: 4px 10px;
box-sizing: border-box;
border-right: 1px dashed rgb(255 255 255/20%);
background-color: #ff741b;
border-radius: 4px
}
.social-icon ul {
padding: 20px 0 0;
display: flex;
justify-content: flex-end
}
.social-icon li {
padding: 0 3px
}
.social-icon li a {
font-size: 1.3em;
display: block;
width: 35px;
height: 35px;
box-sizing: border-box;
text-align: center;
border-radius: 50%;
line-height: 35px;
color: #fff;
transition: all .35s ease;
transform: translateY(0) scale(1) rotate(0);
box-shadow: 0 0 0 transparent
}
.social-icon li a:hover {
transform: translateY(-6px) scale(1.15) rotate(8deg);
box-shadow: 0 10px 20px rgba(0, 0, 0, .25)
}
.social-icon li a.facebook {
background-color: #2c4c8e;
border: 1px solid #2c4c8e
}
.social-icon li a.facebook:hover {
background-color: #243f78
}
.social-icon li a.instagram {
background-color: #f64c9c;
border: 1px solid #f64c9c
}
.social-icon li a.instagram:hover {
background-color: #e13c89
}
.social-icon li a.twitter {
background-color: #000;
border: 1px solid #000
}
.social-icon li a.twitter:hover {
background-color: #111
}
.social-icon li a.youtube {
background-color: #d93232;
border: 1px solid #d93232
}
.social-icon li a.youtube:hover {
background-color: #bf2a2a
}
.social-icon li a i {
line-height: 35px
}
.primarymenu .nav > li {
position: relative;
display: block;
background: #3f922e
}
.primarymenu .menu-item a {
line-height: inherit;
display: inherit;
padding: 13px;
}
ul.dropdown-menu li {
border-bottom: 1px solid #ffffff47;
padding: 0;
white-space: nowrap
}
.navbar-inverse .navbar-toggle {
border-color: #f7f7f7
}
.net-text, .omni-text {
font-weight: 700
}
.omni-text {
color: #ffffff;
font-style: italic
}
.net-text {
color: #ffffff;
}
.primarymenu .noarow::after {
rotate: 270deg
}
.primarymenu .ok::after {
content: "";
font-family: "Font Awesome 7 Free";
font-size: .7em;
font-weight: 900;
display: inline-block;
vertical-align: middle
}
.inner_bg {
position: relative;
background-image: url(../images/inner_bg.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: cover;
text-align: center;
padding: 50px 0
}
.feature-img-otpl {
display: none
}
.dataTables_filter, .paging_simple_numbers {
float: right
}
@media only screen and (min-width:992px) and (max-width:1024px) {
.primarymenu .navbar-nav {
margin: 0!important
}
.primarymenu .navbar-inverse .navbar-nav > li > a {
padding: 15px 4px;
font-size: .8em;
font-weight: 700
}
.top-nav ul.pwdarea {
margin-right: 0
}
.top-nav ul.pwdarea li {
padding: 3px 5px 0 6px
}
.highlight-links ul li a {
padding: 20px 3px;
min-height: 224px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.highlight-links ul li a {
min-height: 274px
}
#usefullinkbg ul {
display: inline-block;
flex-wrap: inherit
}
#usefullinkbg ul li {
width: 33%;
display: inline-block
}
.leader ul li {
display: block;
width: 33.33%;
float: left;
min-height: 150px
}
.vticker {
height: 450px!important
}
.top-nav ul.pwdarea {
margin-right: 0;
padding: 0
}
#welcome {
padding: 30px 0
}
.bnrwrap, .contentarea {
padding: 0
}
.bdrwrap .breed-crum-div .breadcrumb {
padding: 8px 0
}
.primarymenu .navbar-nav {
margin: 0!important
}
}
@media only screen and (max-width:767px) {
.swiper-button-next, .swiper-button-prev {
font-size: 26px
}
.incontent p {
font-size: inherit
}
.incontent h2 {
font-size: 15pt
}
.incontent h1 {
font-size: 16pt
}
.logo img {
height: auto
}
.logo {
width: 130px
}
.social-icon ul {
list-style: none;
margin: 0;
padding: 3px 0 0!important
}
.social-icon {
margin-bottom: 10px;
position: relative;
bottom: 10px;
display: none
}
.filter-box label {
display: block;
width: 120px
}
.inheading h2 {
font-size: 2.2em
}
.top-nav .col-md-6.col-xs-12.col-sm-8.text-right {
padding: 0
}
.navbar-toggle {
margin-right: 0
}
.leftside {
display: none
}
.primarymenu .navbar-nav {
margin: 0!important
}
.bdrwrap .breed-crum-div .breadcrumb {
padding: 8px 0
}
.contentarea {
padding: 0 0 15px
}
#welcome {
padding: 30px 0
}
.leader ul li {
display: block;
width: 100%;
float: left
}
#usefullinkbg ul {
display: block;
flex-wrap: inherit
}
#usefullinkbg ul li {
width: 100%;
display: inline-block
}
.pwdarea li:nth-child(2), .pwdarea li:nth-child(5), .pwdarea li:nth-child(6), .pwdarea li:nth-child(7) {
display: none
}
.top-nav ul.pwdarea {
margin-right: 0;
padding: 0
}
.js-navbar-collapse.open {
display: block
}
.primarymenu .navbar-nav {
width: 100%;
margin-left: 0!important
}
.dropdown > a::after {
float: right
}
.primarymenu .navbar-inverse .navbar-nav > li > a {
border-bottom: 1px solid rgba(255, 255, 255, .1);
padding: 10px 7px
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #fff
}
.bn-label {
display: none
}
.bn-news {
left: 18px!important
}
.glance .title h4, .implink-wrap .busheading h2, .project .title h4 {
font-size: 20px
}
section {
padding: 10px 0
}
.leader {
margin-bottom: 0;
display: inline-block;
width: 100%
}
.glance {
margin-bottom: 15px
}
.open-block {
display: block
}
.highlight-links ul li {
float: left;
border: 1px solid #ccc!important;
width: 100%;
text-align: center
}
.top-nav.menuFxd, section#latestnews {
position: relative
}
.form-horizontal .form-group .text-right {
text-align: left!important
}
.highlight-links ul li:nth-child(2) {
width: 100%
}
.search-inline {
width: 94%
}
.bnrwrap {
margin: 0
}
.bnrwrap, .bnrwrap .col-md-12 {
padding: 0
}
#slides {
min-height: 300px!important;
overflow: hidden
}
.title-caption {
display: none!important
}
.item img {
width: auto;
max-height: 100%;
height: auto
}
.top-nav .col-xs-8 {
width: 100%
}
.highlight-links ul li:nth-child(5) {
border-right: 0;
width: 100%
}
.logo_title h1 {
font-size: 18px;
margin: 0
}
.logo_title h1 span {
padding-bottom: 5px;
border-bottom: 0 solid #00000029
}
.logo_title h6 {
margin: 0;
font-size: 15px
}
.logo_title p {
margin: 0;
font-size: 13px
}
.uplogo {
position: absolute;
right: 10px
}
.uplogo img {
max-width: 60px
}
.primarymenu .navbar-nav > li > a {
border: 0;
padding: 10px
}
.reg-process {
position: inherit;
top: 0;
width: 100%;
right: 0
}
.reg-process h4 {
font-size: 1.2em
}
.leader ul {
grid-template-columns: repeat(1, 1fr)
}
.h4, h4 {
font-size: 14px
}
footer .text-right {
text-align: left
}
.btn-group-lg > .btn, .btn-lg {
font-size: initial
}
}
.navbar-nav .dropdown-menu li a.active,
.navbar-nav .dropdown-menu li a.active:hover,
.navbar-nav .dropdown-menu li a.active:focus {
background: #cfdfd5 !important;
color: #116a0e !important;
margin-left: -10px !important;
margin-right: -10px !important;
}