body {
    background-color: #ebebeb;
}
a {
    color: #1b194a;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px; 
}
.row {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.customDiv {
    min-height:416px;
    background-color:#ebebeb;
    text-align:center;
    font-size:small;
    vertical-align:top;  
    border-color:white;
    padding-right: 0px;
    padding-left: 0px;    
}
.widstyle {
    text-align:center;
    font-size:small;
    vertical-align:top;  
    border-color:white;
    padding-right: 0px;
    padding-left: 0px;    
}
.sidebarContent {
    margin:0px;
    text-align:center;
    min-height:50px;
    margin-bottom:2px;
}        
.logoContent { 
    margin:0px;
    text-align:center;
}
.navbar-default {
    /*background: url(../img/bg.png) rgb(66 64 122) repeat!important;*/
    /*background-color: #42407a;*/
    background-color: #fbbe1b;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #4d4d4d;
    /*font-size:small;*/
    /*font-family: 'IBM Plex Sans Condensed', sans-serif;*/
}
.navbar-default .navbar-nav>li {
    /*color:white !important;*/
    /*background: url(../img/bg.png) rgb(66 64 122) repeat!important;*/
    /*background-color:#42407a;*/
    font-size: 12px;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.navbar-default .navbar-nav>li.active {
    color:white;
    background-color:#0094ff;
    font-size: 12px;
    font-weight: bold;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.navbar-default .navbar-nav>li>a {
    color: black;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
    /*text-shadow: 0 0 1px #909090;*/
    text-transform: uppercase;   
}
.navbar-default .navbar-nav>li>a.hover {
    color:white !important;
    background-color: #00070a;
    font-size: 12px;
    font-weight: bold;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.navbar-default .navbar-nav>menu-item {
    color:white;
    background-color: #e3cbf3;
    font-size: 12px;
    font-weight: bold;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: white;
    background-color: #1b194a;
    font-size: 12px;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fbbe1b;
    border-color: #0e0e0e21;
}
.dropdown-menu {
    background-color: #e3cbf3;
    font-size:small;
    font-weight: bold;
}
.dropdown-menu>li {
    display: block;
    padding: 1px 2px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color:white;
    white-space: nowrap;
    background-color: #e3cbf3;
    font-size:small;      
}
.dropdown-menu>li>a {
    text-transform: uppercase;
    display: block;
    padding: 5px 12px;
    letter-spacing: 1px;
    /*text-shadow: 1px 1px 2px #000;*/
    clear: both;    
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
    background-color: #1b194a;
    font-weight: 500;
    font-size: 12px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-bottom-color: #0e0e0e21;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus {
    display: block;
    clear: both;
    font-weight: 600;
    /*text-shadow: 0 0 1px #909090;*/
    line-height: 1.42857143;
    /*color: white;*/
    color: #060606;
    white-space: nowrap;
    background-color: #ffba00;
}
.dropdown-menu>li.active {
    display: block;
    padding: 2px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #f5f3f3;
    white-space: nowrap;
    background-color: #010a17;
    font-size:small;
}
/*.navbar-nav .open .dropdown-menu>li>a {
    color: #f1ebeb;
}*/
.dropdown-submenu {
    position: relative;
    color:white;
    background-color:#e3cbf3;
    font-size:small;
}
.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;
    color: #e3cbf3;
    color:white;
    background-color:#e3cbf3;
    font-size:small;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;  
    color:white;
    background-color:#e3cbf3;
    font-size:small;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
    color:white;
    background-color:#e3cbf3;
}
.dropdown-submenu.pull-left {
    float: none;
    font-size:small;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 20px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
    font-size:small;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #f5f5f5;
    }
    .navbar-nav>li>a {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .navbar-default .navbar-nav>li {
        display: block;
    }
    div#bs-example-navbar-collapse-1 {
        margin-left: initial;
    }
    #naccmenu {

    }
    .img-responsive {
        width: 100% !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fdfdfd;
    }
    .navbar-toggle {
        position: relative;
        float: right; 
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 26px;
        margin-bottom: 8px;
    }
    .item { 
        height: 260px !important;
    }
    .customDiv { 
        min-height: 260px;
    }
    .navbar-default .navbar-nav>li>a:hover {
        none;
    }
}
.nav-pills {  
    color:white;
    background-color: #f5f5f5;
    border:none;
    font-size: 12px;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.nav-pills>li {
    color:white;
    /*background: url(../img/bg.png) rgb(66 64 122) repeat!important;*/
    background-color: #1b194a;
    box-shadow: black 0 0 5px;
    /*background-color:#e3cbf3;*/
    font-size: 12px;
    border: 1px solid #ffffff;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.nav-pills>li.active {
    color:white;
    background-color:#9c27b0;
    font-size: 12px;
    font-weight: 400;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.nav-pills>li>a {
    color:white;
    letter-spacing: 1px;
    /*text-shadow: 1px 1px 2px #000;*/
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
}
.nav-pills>li>a:hover, .nav-pills>li>a:active, .nav-pills>li>a:focus {
    color: black;
    font-weight: 600;
    background-color: #fbbe1b;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.navbar-nav {
    width: 100%;
    text-align: center;
    padding-right: 0%;
    padding-left: 0%;
}
.navbar-nav > li {
    display: inline-flex;
}
.slidesshow {
    width: 1000px;
    max-width:100%;
    height:30px;
    margin:auto;
    overflow: hidden;
    top:0px;
    margin-left:0PX;
}
.slidesshow-container {
    width: 4000px;
    font-size: 0;
    transition: 1s ease;
    height: 30px;
    top:0px;
    margin-left:0PX;
}
.slidesshow-container:hover {
    animation-play-state: paused;
}
.specialofferimg, .text-container {
    width: 1000px;
    max-width:100%;
    height: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: left;
    margin-left:0PX;
    margin-top:0px;
 }
.slides {
    animation: slide 24s ease infinite;
}
@keyframes slide {
    0% {
        transform: translateX(0%);
    }
    12.5% {
        transform: translateX(0%);
    }  
    25% {
        transform: translateX(-25%);
    }  
    37.5% {
        transform: translateX(-25%);
    }  
    50% {
        transform: translateX(-50%);
    }  
    62.5% {
        transform: translateX(-50%);
    }  
    75% {
        transform: translateX(-75%);
    }  
    87.5% {
        transform: translateX(-75%);
    }  
    99% {
        transform: translateX(-75%);
    }  
    100% {
        transform: translateX(0);
    }
}
.p {
    margin-top:0px;
    text-align: center;
}
hr.style1 {
    margin-top: 2px;
    margin-bottom: 2px;
    color: white;
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #fcf8e3 inset;
}
.well {
    background-color: #eff3d9;   
}
.timebadge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #8a6d3b;
    border-radius: 3px;
}
.marquee_text{
    margin: 0 0 0px;
    font-weight: 600;
    padding: 2px;
    color:#d84e39;
}
#headlogo2 {
    height: 100px;
    z-index: 9000;
    position: absolute;
    margin-left: 60%;
    padding-right: 5%;
    width: 40%;
}
#headlogo2 ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.extramenu {
    font-size: 14px;
    font-weight: 600;
    color:#7a068e;
    line-height: 26px;
    font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace;
    font-family: Calibri;
    text-shadow: 1px 1px 1px white;
}
#naccmenu {
    float: right;
    padding-top: 0px;
    padding-right: 0px;
}
#nacc {
    font-weight: 800 !important;
    font-size: 18px !important;
    color:#783C06 !important;
}
#imp {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 26px !important;
}
#developed {
    color: white;
    font-size: 14px;
    padding: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #000;
}
#dev {
    color: white;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus {
    background: #1b194a;
    /*text-shadow: 1px 1px 2px #000000;*/
    color: white !important;
}
@media(min-width: 366px) and (max-width: 900px) {
    table, .customDiv {
        overflow: scroll;
    }
    .tab-content.clearfix {
        width: 684px;
    }   
    .owl-dots {
        margin-top: 12px !important;
    }
    h1.headerstyle.animated.bounceInUp {
        font-size: 22px !important;
    }
    #foot2 {
        text-align: left !important;
    }
}
.headertext { 
    font-family:'ford_scriptford_script' !important;
    text-decoration: underline;
}
.tab-content.clearfix {
    min-height: 309px;
}
.row.col-sm-12 {
    margin-bottom: 20px;
    margin-top: 20px;
}
th.header-center.zero_pding {
    color: black;
}
.nav .navbar-nav li {
    float: none !important;
}
p.bodytext1 {
    text-align: justify !important;
    text-transform: none;
}
.departmentdiv.bg-info, .departmentdiv.drkblue {
    min-height: 170px;
    max-height: 170px;
}
#demos {
    border: 2px solid #fff;
    box-shadow: 0px 0px 1px 1px gray;
}
.topbtns {
    float: left;
    border: 1px solid #fff;
    /*background: url(../img/bg.png) rgb(66 64 122) repeat!important;
    background-color: #42407a;*/
    background-color: #d04f3a;
    letter-spacing: 0.1px;
    box-shadow: black 0 0 2px;
    /*text-shadow: 1px 1px 1px #000;*/
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    margin-right: 2px; 
    margin-bottom: 3px;
}
.topbtns a {
    color: white; 
    font-size: 12px; 
    text-decoration: 
    none;padding: 0 8px;
} 
.topbtns:hover, .topbtns:active, .topbtns:focus {
    /*background: url(../img/bg.png) #bc912d repeat!important;
    background-color: #bc912d;*/
    background-color: #fbbe1b;
}
.topbtns:hover a, .topbtns:active a, .topbtns:focus a {
    color: black;
}
.pdlftrght0 {
    padding-left: 0;
    padding-right: 0;
} 
.navbar {
    margin-bottom: 0;
}
.nav>li>a {
    padding: 8px 3px;
}
.tophead {
    margin-bottom: 20px;
    margin-top:3px;
}
.mrqw {
    background: #f7f7f7;
    margin-bottom: 5px; 
    border: 1px solid gray; 
    padding: 1px;
} 
.nav-pills>li>a { 
    border-radius: 0;
}
.marquee_text {
    height: 21px;
} 
.marquee_text img {
    height: 16px;
    margin-top: -2px;
}
.marquee_text a {
    color: #de351a;
    letter-spacing: 1px;
}
.caret {
    margin-left: 5px; 
    margin-top: -2px;
} 
.
.dropdown-menu>li>a { 
    font-size: 12px;
    font-weight: 600;
} 
.lnotice { 
    margin-top: 20px;
}
.navbar-nav>li>a {
    padding-top: 10px; 
    padding-bottom: 10px;
    line-height: 20px;
} 
.navbar {
    min-height: 44px;
} 
.lnotice li {
    width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) { 
    .item {
        height:381px!important; 
    } 
    .customDiv {
        min-height: 385px;
    }
}
.item {
    height: 390px;
} 
.owl-dots {
    display: none !important;
} 
.sldr h1 {
    font-size: 22px;
    letter-spacing: 1px; 
    line-height: 30px;
}
.carousel-caption {
    bottom: 0;
    left: 0!important; 
    width: 100%; 
    background: #00000099; 
    padding-top: 0; 
    padding-bottom: 5px!important;
}
.lnotice li a:hover, .lnotice li a:active, .lnotice li a:focus {
    background-color: #1b194a;
    color: white;
    font-weight: 400;
} 
.brdr {
    border: 1px solid #e6e6e6;
    box-shadow: black 0 0 5px;    
} 
.annnotice marquee {
    margin-top: 6px; 
    padding: 6px;
}
.info {
    font-size: 13px;
    color: #d04f3a;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: underline;
}
.mrq_list { 
    background: bisque;  
    padding: 5px;
    margin-bottom: 5px;
} 
.info i {
    padding-right: 8px;
}
.mrq_list:hover {
    background: #efefef;
}
.mrq_list {
    background:#fff;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px dotted #a7a7a7;
}
.footr {
    background: #1b194a;
    box-shadow: black 0 0 4px;
    color: white;
    border-top: #ffffff 1px solid;
    margin-top: 22px;
}
.conthome {
    letter-spacing: 0.4px; 
    text-shadow: 1px 1px 2px #fff; 
    color: #1b194a; 
    font-size: 16px; 
    padding: 12px; 
    line-height: 24px;   
    font-weight: 500; 
    margin-bottom: 0;
}
.studenthome {
    padding: 12px;
} 
.studenthome .line1, .studenthome .line2 {
    margin-top: 10px;
}
.studenthome .line3 {
    background: #0a9e00;
    margin-top: 18px;
    letter-spacing: 1px;
    border: 1px solid white;
    box-shadow: black 0 0 3px;
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    font-size: 13px;
} 
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #3aa23a;
    border-color: #f7f7f7;
}
.imphome {
    list-style: none;   
    padding-left: 0; 
    padding: 10px 0;
    text-align: left;
    margin-bottom: 0;
} 
.imphome li {
    background: white;
    padding: 5px 10px;
    margin-bottom: 8px;
    letter-spacing: 0.4px;
    text-shadow: 1px 1px 2px #fff;
    border: 1px solid #cacaca;
    color: #1b194a;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
} 
.imphome li a {
    color: #1b194a;
    cursor: pointer;
}
.imphome li a:hover, .imphome li a:active, .imphome li a:focus {
    text-decoration: none;
}
.imphome li a span:hover {
    text-decoration: underline;
}
.colornew {
    color: #d04f3a!important;
}
.imlnk {
    padding: 1px 5px;
    min-height: 194px;
}
.fllwd {
    padding-left: 5px;
    padding-right: 5px;
}
.shadow6, .shadow4 {    
    margin-top: 0px;
    padding: 8px;
    margin-bottom: -25px;
}
.shadow6 {
    background: url(../img/shadow/s6.png);    
    background-size: 100% 25px;
    background-repeat: no-repeat;
}
.shadow4 {
    background: url(../img/shadow/s4.png);
    background-size: 100% 25px;
    background-repeat: no-repeat;
}
.shadow1 {
    background: url(../img/shadow/s1.png);
    background-size: 100% 25px;
    background-repeat: no-repeat;
    margin-top: -8px;
    padding: 6px;
}
.annnotice {
    margin-top: 30px;
    background: #f3f3f3;
}
.nav-stacked>li+li {
    margin-top: 4px;
}
.flds {
    padding: 10px;
    border: 1px solid #c7c7c7;
}
.flds legend {
    width: 120px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #42407a;
    text-shadow: 1px 1px 2px white;
    text-transform: uppercase;
    border-bottom: 0px solid #e5e5e5;
}
.mgtp {
    margin-top: 10px;
}
.flds1 {
    padding: 10px;
    border: 1px solid #c7c7c7;
}
.flds1 legend {
    width: 192px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #42407a;
    text-shadow: 1px 1px 2px white;
    text-transform: uppercase;
    border-bottom: 0px solid #e5e5e5;
}
.flds .form-control, .flds1 .form-control {
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 15px;
    background: white;    
}
.conthome p {
    line-height: 26px;
}
.fldsbg {
    background: white;
}
.fldsbg legend {
    width: 110px;
    background: white
}
.bxclnw {
    background: white;
    box-shadow: black 0 0 4px;
    margin: 8px 0;
    padding: 8px 10px;
    /*min-height: 167px;*/
    min-height: 138px;
}
.menu-item:hover>.dropdown-menu {
    display: block;  
    color:white;
    background-color:white;
    font-size:small;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #d04f3a;
}
@media (min-width: 1300px) and (max-width: 1400px) {    
    /*.toprmenus {
        padding-right: 0;
    }*/
    /* .dyn0 {
        width: 142px; 
    }
    .dyn1 {
        width: 289px; 
    }
    .dyn2 {
        width: 211px;
    }
    .dyn3 {
        width: 200px;
    } */
}
@media (min-width: 1258px) and (max-width: 1329px) {    
    .nav>li>a {
        padding: 8px 3px;
    }
}
@media (min-width: 1234px) and (max-width: 1257px) {    
    .nav>li>a {
        padding: 8px 3px;
    }
}
@media (min-width: 300px) and (max-width: 767px) {
    .navbar {
        min-height: 38px;
    }
    .navbar-nav {
        margin: 7.5px -7.5px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        text-align: center;
    }
    .dropdown-menu>li>a {
        text-align: center;
        line-height: 20px;
        padding: 5px 15px 5px 25px;
    }
    .menu-item:hover>.dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-toggle {
        padding: 5px 6px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .customDiv {
        overflow: none;
        min-height: 210px;
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .item {
        height: 206px !important;
    }
    .widstyle {
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mrqw {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .carousel-caption {
        padding-bottom: 0px!important;
    }
    h1.headerstyle.animated.bounceInUp {
        font-size: 14px !important;
        line-height: 22px;
        margin: 5px 0;
    }
    #developed {
        font-size: 13px;
    }
    .fllwd1 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .fllwd1 .imphome {
        padding-top: 0;
    }
}
.cnum a:hover, .cnum a:active, .cnum a:focus {
    text-decoration: none;
}
@media (min-width: 768px) and (max-width: 778px) {
    .nav-pills>li>a {
        font-size: 10px;
    }
    .customDiv {
        min-height: 396px;
    }
    .carousel-caption {
        min-height: 162px;
        background: #d04f3a;
    }
    .flds1 legend {
        width: 118px;
        font-size: 12px;
    }
}
@media (min-width: 779px) and (max-width: 904px) {
    .nav-pills>li>a {
        font-size: 10px;
    }
    .customDiv {
        min-height: 401px;
    }
    .item {
        height: 396px;
    }
    .rightmenus li a {
        padding: 9px 7px;
    }
    .carousel-caption {
        min-height: 162px;
        background: #d04f3a;
    }
    .flds1 legend {
        width: 118px;
        font-size: 12px;
    }
}
@media (min-width: 905px) and (max-width: 983px) {
    .nav-pills>li>a {
        font-size: 10px;
    }
    .customDiv {
        min-height: 370px;
    }
    .item {
        height: 364px;
    }
    .carousel-caption {
        min-height: 162px;
        background: #d04f3a;
    }
    .flds1 legend {
        width: 118px;
        font-size: 12px;
    }
}
@media (min-width: 983px) and (max-width: 1100px) {       
    .customDiv {
        min-height: 396px;
    }
    .carousel-caption {
        min-height: 80px;
        background: #d04f3a;
    }
    .flds1 legend {
        width: 118px;
    }
}
@media (min-width: 1101px) and (max-width: 1121px) {       
    .customDiv {
        min-height: 396px;
    }
    .carousel-caption {
        background: #d04f3a;
    }
}
@media (min-width: 1122px) and (max-width: 1300px) {       
    .customDiv {
        min-height: 384px;
    }
    .item {
        height: 382px;
    }
}
@media (min-width: 1360px) and (max-width: 1360px) {    
    .dyn0 {
        width: 148px;
    }
    .dyn1 {
        width: 295px;
    }
    .dyn2 {
        width: 218px;
    }
    .dyn3 {
        width: 206px;
    }
}
@media (min-width: 1347px) and (max-width: 1347px) {    
    .dyn0 {
        width: 141px;
    }
    .dyn3 {
        width: 199px;
    }
}
@media (min-width: 1346px) and (max-width: 1346px) {    
    .dyn0 {
        width: 141px;
    }
    .dyn3 {
        width: 199px;
    }
    .dyn1 {
        width: 288px;
    }
}
@media (min-width: 1345px) and (max-width: 1345px) {    
    .dyn0 {
        width: 140px;
    }
    .dyn3 {
        width: 198px;
    }
    .dyn2 {
        width: 209px;
    }
    .dyn1 {
        width: 288px;
    }
}
@media (min-width: 1344px) and (max-width: 1344px) {    
    .dyn0 {
        width: 140px;
    }
    .dyn3 {
        width: 198px;
    }
    .dyn2 {
        width: 209px;
    }
    .dyn1 {
        width: 287px;
    }
}
@media (min-width: 1343px) and (max-width: 1343px) {    
    .dyn0 {
        width: 139px;
    }
    .dyn3 {
        width: 197px;
    }
    .dyn2 {
        width: 209px;
    }
    .dyn1 {
        width: 287px;
    }
}
@media (min-width: 1342px) and (max-width: 1342px) {    
    .dyn0 {
        width: 139px;
    }
    .dyn3 {
        width: 197px;
    }
    .dyn2 {
        width: 209px;
    }
    .dyn1 {
        width: 286px;
    }
}
@media (min-width: 1341px) and (max-width: 1341px) {    
    .dyn0 {
        width: 138px;
    }
    .dyn3 {
        width: 196px;
    }
    .dyn2 {
        width: 208px;
    }
    .dyn1 {
        width: 286px;
    }
}
@media (min-width: 1340px) and (max-width: 1340px) {    
    .dyn0 {
        width: 138px;
    }
    .dyn3 {
        width: 196px;
    }
    .dyn2 {
        width: 208px;
    }
    .dyn1 {
        width: 285px;
    }
}
@media (min-width: 1319px) and (max-width: 1339px) {    
    .dyn0 {
        width: auto;
    }
    .dyn3 {
        width: auto;
    }
    .dyn2 {
        width: auto;
    }
    .dyn1 {
        width: auto;
    }
}
@media (min-width: 1299px) and (max-width: 1318px) {    
    .dyn0 {
        width: auto;
    }
    .dyn3 {
        width: auto;
    }
    .dyn2 {
        width: auto;
    }
    .dyn1 {
        width: auto;
    }
    .topbtns {
        margin-right: 0;
    }
}
@media (min-width: 1233px) and (max-width: 1298px) {        
    .topbtns {
        margin-right: 0;
    }
    .topbtns a {
        font-size: 11px;
    }
}
@media (min-width: 1177px) and (max-width: 1232px) {        
    .bxclnw {
        min-height: 168px;
    }
    .topbtns a {
        font-size: 11px;
    }
}
@media (min-width: 1054px) and (max-width: 1176px) {        
    .bxclnw {
        min-height: 198px;
    }
    .topbtns a {
        font-size: 11px;
    }
}
@media (min-width: 992px) and (max-width: 1053px) {        
    .bxclnw {
        min-height: 229px;
    }
    .topbtns a {
        font-size: 11px;
    }
}






/* @media (min-width: 1019px) and (max-width: 1153px) {        
    .bxclnw {
        min-height: 198px;
    }
    .topbtns a {
        font-size: 11px;
    }
} */
/* @media (min-width: 992px) and (max-width: 1018px) {        
    .bxclnw {
        min-height: 230px;
    }
    .topbtns a {
        font-size: 11px;
    }
} */
@media (min-width: 943px) and (max-width: 991px) {        
    .bxclnw {
        min-height: 106px;
    }
}
@media (min-width: 867px) and (max-width: 942px) {        
    .bxclnw {
        min-height: 136px;
    }
}
@media (min-width: 716px) and (max-width: 866px) {        
    .bxclnw {
        min-height: 137px;
    }
}
@media (min-width: 623px) and (max-width: 715px) {        
    .bxclnw {
        min-height: 168px;
    }
}
@media (min-width: 555px) and (max-width: 622px) {        
    .bxclnw {
        min-height: 198px;
    }
}
@media (min-width: 485px) and (max-width: 554px) {        
    .bxclnw {
        min-height: 229px;
    }
}
@media (min-width: 460px) and (max-width: 484px) {        
    .bxclnw {
        min-height: 260px;
    }
}
@media (min-width: 388px) and (max-width: 459px) {        
    .bxclnw {
        min-height: 291px;
    }
}
@media (min-width: 378px) and (max-width: 387px) {        
    .bxclnw {
        min-height: 322px;
    }
}






/* @media (min-width: 611px) and (max-width: 659px) {        
    .bxclnw {
        min-height: 168px;
    }
}
@media (min-width: 540px) and (max-width: 610px) {        
    .bxclnw {
        min-height: 200px;
    }
}
@media (min-width: 460px) and (max-width: 539px) {        
    .bxclnw {
        min-height: 230px;
    }
}
@media (min-width: 388px) and (max-width: 459px) {        
    .bxclnw {
        min-height: 262px;
    }
}
@media (min-width: 378px) and (max-width: 387px) {        
    .bxclnw {
        min-height: 292px;
    }
}
@media (min-width: 377px) and (max-width: 377px) {        
    .bxclnw {
        min-height: 324px;
    }
}
@media (min-width: 322px) and (max-width: 376px) {        
    .bxclnw {
        min-height: 354px;
    }
}
@media (min-width: 300px) and (max-width: 321px) {        
    .bxclnw {
        min-height: 385px;
    }
    li.list-group-item{
        width: 100%;
    }
} */
.webcount {
    font-weight: 600;
    color: #1b194ae8;
    cursor: grab;
    font-family: cursive;
    letter-spacing: 4px;
}



@media (min-width: 280px) and (max-width: 815px) {        
   
    li.list-group-item{
        width: 100% !important;
    }
}



/*===================================Style by Manoj=============================*/

.title_style
{
    background: linear-gradient(45deg, #1b194a, #337ab7);
    color: white;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 1px grey;
}


.title_style h3 {
  display: inline-block;
  margin: 10px 0px;

}
.title_style .border_left {
  display: inline;
  position: relative;
}
.title_style .border_left:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid gray;
  width: 100px;
  position: relative;
  top: -11px;
}
.title_style .border_left:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #42407a;
  width: 50px;
  position: absolute;
  top: 8px;
  right: 0;
}
.title_style .border_right {
  display: inline;
  position: relative;
}
.title_style .border_right:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid gray;
  width: 100px;
  position: relative;
  top: -3px;
}
.title_style .border_right:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #42407a;
  width: 50px;
  position: absolute;
  bottom: 13px;
  left: 0;
}


.headertext.text-center {
    color: #42407a;
    text-shadow: 0px 0px 2px #42407a;
    margin-top: 10px !important;
}

.para_text{
    margin: 0 0 10px;
    text-align: justify;
    padding: 0px 15px;
    font-size: 15px;
    line-height: 25px;
    /*word-spacing: 1px;*/
    letter-spacing: 0.6px;
    color: black;
    /*font-family: Georgia;*/
}
.para_text2{
    margin: 0 0 10px;
    text-align: center;
    padding: 0px 15px;
    font-size: 15px;
    line-height: 25px;
    word-spacing: 1px;
    color: black;
    /*font-family: Georgia;*/
}

.para_title
{
    color: blue;
    font-size: 19px;
    
}



.p_img
{
    width: 340px;
    box-shadow: 0px 0px 4px 1px #464646;
    border: 2px solid white;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

thead{
      background: #232346;
    color: white;

}
table{
      border-color: #dddddd;
}


.img_body{
    border: 1px solid white;
    box-shadow: 0px 0px 0px 2px grey;
    margin: 10px 0px;
    

}
.img_body img{
    width: 190px;
}

.img_body h4{
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
    padding: 5px 0px;
    background: #363469;
    color: white;
}
.img_body:hover
{
     box-shadow: 0px 0px 4px 2px black;
     cursor: pointer;
}

#text_body
{
    border: 1px solid #656565;
    box-shadow: 0px 2px 4px 2px #bfbfbf;
    margin-bottom: 20px;
    background-color: #ffffff;
    /*font-family: Georgia;*/

}

.active_li{
    background: #fbbe1b !important;
    color: black !important;
    font-weight: 600 !important;
}

.page_menu{
    list-style: none;
    text-align: left;
    padding: 0px;
    border: 2px solid white;
    box-shadow: 0px 2px 4px 2px #505050;
    margin-bottom: 10px;

}
.page_menu li{
   
    padding: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    color: white;
    text-decoration: none;
     font-size: 12px;
    background: linear-gradient(45deg, #1b194a, #337ab7);
}
.page_menu li a{
     text-transform: uppercase;
    display: contents;
    padding: 3px 5px;
    letter-spacing: 1px;
    clear: both;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
    background-color: #1b194a;
    font-weight: 500;
    font-size: 12px;
    
}

.page_menu li:hover{
    background: #fbbe1b;
    color: black;
    font-weight: 700;
    text-decoration: none;
}

.page_menu a:hover{

    text-decoration: none;
}

.vission
{
      
        transform:translate(0%,0%);
        margin: 15px 15px 15px 15px;
        border-bottom: 5px solid #1b194a;
        

}
.crd
{
    margin: 25px 15px 15px 15px;
}
.para_title
{
    color: white;
    background: #1b194a;
    display: inline-block;
    padding: 2px 20px;
    text-transform: capitalize;
    border-radius: 15px 15px 0px 0px;

}
.marquee_link
{
    margin-top: 26px;
    background: aliceblue;
    padding: 2px;
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid #dddddd;
    padding-left: 10px;
    padding-right: 10px;
}

.ul_text{
    margin: 0 0 10px;
    text-align: justify;
    padding: 0px 15px;
    font-size: 15px;
    line-height: 22px;
    word-spacing: 1px;
    color: black;
    /*font-family: Georgia;*/
    list-style: none;
}
.ul_text li{
    padding: 10px;
    margin-bottom: 5px;
    letter-spacing: 0.6px;
}

.principal_img
{
        margin: 0px 7px 0px 0px;
}
.text-decoration-underline
{
    text-decoration: underline;
}



.item-card 
{
    transition: 0.5s;
    cursor: pointer;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 5px 0px #00000087;
    margin-bottom: 15px;

}
.item-card-title {
  font-size: 15px;
  transition: 1s;
  cursor: pointer;
  font-weight: 600;
}
.item-card-title i {
  font-size: 15px;
  transition: 1s;
  cursor: pointer;
  color: #ffa710;
}
.card-title i:hover {
  transform: scale(1.25) rotate(100deg);
  color: #18d4ca;
}
.card:hover {
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}
.card-text {
  height: 80px;
}

.card::before,
.card::after {
     position: absolute;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform 0.3s ease-out 0s;
    background: rgb(0 0 0 / 30%);
    content: "View More";
    pointer-events: none;
    color: #ffffff;
    font-size: 20px;
    margin-top: 6%;
    height: 30px;
}



.card::before {
  transform-origin: left top;
}
.card::after {
  transform-origin: right bottom;
}
.card:hover::before,
.card:hover::after,
.card:focus::before,
.card:focus::after {
  transform: scale3d(1, 1, 1);
}



.item-card2 
{
    transition: 0.5s;
    cursor: pointer;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 5px 0px #00000087;
    margin-bottom: 15px;

}
.item-card2-title {
  font-size: 15px;
  transition: 1s;
  cursor: pointer;
  font-weight: 600;
}
.item-card2-title i {
  font-size: 15px;
  transition: 1s;
  cursor: pointer;
  color: #ffa710;
}
.card2-title i:hover {
  transform: scale(1.25) rotate(100deg);
  color: #18d4ca;
}
.card2:hover {
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}
.card2-text {
  height: 80px;
}

.card2::before,
.card2::after {
     position: absolute;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform 0.3s ease-out 0s;
    content: "";
    pointer-events: none;
    color: #ffffff;
    font-size: 20px;
    margin-top: 6%;
    height: 30px;
}



.card2::before {
  transform-origin: left top;
}
.card2::after {
  transform-origin: right bottom;
}
.card2:hover::before,
.card2:hover::after,
.card2:focus::before,
.card2:focus::after {
  transform: scale3d(1, 1, 1);
}


.item-card3 
{
    transition: 0.5s;
    cursor: pointer;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 5px 0px #00000087;
    margin-bottom: 15px;

}
.item-card3-title {
  font-size: 15px;
  transition: 1s;
  cursor: pointer;
  font-weight: 600;
}
.item-card3-title i {
  font-size: 15px;
  transition: 1s;
  cursor: pointer;
  color: #ffa710;
}
.card3-title i:hover {
  transform: scale(1.25) rotate(100deg);
  color: #18d4ca;
}

.card3-text {
  height: 80px;
}

.card3::before,
.card3::after {
     position: absolute;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform 0.3s ease-out 0s;
    content: "";
    pointer-events: none;
    color: #ffffff;
    font-size: 20px;
    margin-top: 6%;
    height: 30px;
}

.p-bottom10 {
    padding-bottom: 10px;
}


.card3::before {
  transform-origin: left top;
}
.card3::after {
  transform-origin: right bottom;
}

.margin_all{
        margin: 15px 15px 15px 15px;
}

.margin_left_right{
        margin: 0px 15px 0px 15px;
}



.min-height340{
    min-height: 340px;
}

.min-height375{
    min-height: 375px;
}




.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}


.baguetteBox-button {
    background-color: transparent !important;
}



img#image-gallery-image {
    max-height: 456px;
}

#image-gallery .modal-footer{
  display: block;
}

#image-gallery .modal-header{
   background: linear-gradient(45deg, #0d0e25, #225786);
    color: white;
}

#image-gallery .close{
    background: white;
    padding: 6px 10px;
    position: absolute;
    right: 2%;
    top: 2%;
    border-radius: 5px;

}
   

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}


.mrginB0{
    margin-bottom: 0px !important;
}
.mrginT30{
    margin-top: 30px !important;
}
.mrginT20{
    margin-top: 20px !important;
}

.mrginB20{
    margin-bottom: 20px !important;
}

.mrginB10{
    margin-bottom: 10px !important;
}

.mrginB30{
    margin-bottom: 30px !important;
}

.card2 .thumbnail:hover
{
    text-decoration: none !important;
     border: none !important;
}
.card2 .thumbnail{
    border: none !important;
}


button#show-previous-image,#show-next-image {
    background: #1b194a;
    color: white;
    margin-top: 15px;
}




.page_menu li .fa-angle-double-right {
    margin-right: 5px;
    font-size: 15px;
}



.ul_text i.fa.fa-hand-o-right {
    margin-right: 5px;
}

.border_shadow{
    border: 2px solid #fff;
    box-shadow: 0px 0px 1px 1px grey;
}
.fm_img{
    width: 100px;
    height: 100px;
    border-radius: 49px;
}
.fm_padding
{
    padding: 40px 10px !important;
    text-align: center;
}
.list-group a{ 
    
    background: linear-gradient(45deg, #0d0e25, #225786);
    color: white;
    font-size: 15px;
    margin-bottom: 5px;
}

.list-group a:hover{ 
    
    background: linear-gradient(45deg, #225786, #0d0e25);
    color: white;
}

.btn_click
{
    
    border: 1px solid white;
    box-shadow: 0px 0px 1px 1px grey;
   

}

.sub_heading
{
   
    padding: 10px 0px;

}

.sub_heading h4 {
    font-size: 16px;
    font-weight: 600;
    color: #1b194a;
    line-height: 25px;
}

.rotate_icon
{
    transform: rotate(45deg);
    margin-right: 5px;
}
.note{
    background: bisque;
    padding: 10px 15px;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}
.padding0
{
    padding: 0px !important;
}
.margin0
{
    margin: 0px !important;
}
.ec_td_h
{
    text-decoration: underline;
    font-weight: 600;
}
.w-12
{
    width: 12%;
}
.w-10
{
    width: 10%;
}
.w-15
{
    width: 15%;
}
table.table {
    font-family: serif;
}
.text-middle
{
        vertical-align: middle !important;
}
.table-bordered>tbody>tr>th{
        border: 1px solid #969696 !important;
        font-weight: 600;
}
.table-bordered>tbody>tr>td{
        border: 1px solid #969696 !important;
        font-weight: 600;
}




.list-group-horizontal .list-group-item
{
    display: inline-block;
}
/*.list-group-horizontal .list-group-item
{
    margin-bottom: 0;
    margin-left:-4px;
    margin-right: 0;
    border-right-width: 0;
}*/
.list-group-horizontal .list-group-item:first-child
{
    border-top-right-radius:0;
    border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child
{
    border-top-right-radius:4px;
    border-bottom-left-radius:0;
    border-right-width: 1px;
}

.ul_text2 li
{
    margin: 0px;
    width: 33%;
    text-align: left;
    border: 1px solid gray;
    margin-bottom: 5px;
    font-weight: 600;
}

.sub_heading2 {
   
    line-height: 35px;

}
.sub_heading2 h4 {
   
    font-weight: 600;
    color: #1b194a;
     text-transform: capitalize;
    text-decoration: underline;
    font-size: 20px;
}
.text-bold{
    font-weight: 600;
}

.margin_top_bottom20{
   margin-top: 20px;
   margin-bottom: 20px;
}

.line-height25
{
  line-height: 25px !important;
}
.margin-bottom20
{
    margin-bottom: 20px;
}
thead,tfoot{
    background: #3274b1 !important;
    color: white;
}
.text-dark_blue
{
        color: #1b194a;
}

li.list-group-item {
    background: #1b194a;
    color: white;
    
}
.text-red{
    color: red;
}
.text-purple{
color: purple;
}
.ug_adm li{
    padding: 10px 0px;
}

.note_title
{
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
}
.text-middle th,td{
    vertical-align: middle !important;
}
.w-15
{
    width: 15%;
}
.list-style-none
{
    list-style: none;
}

.sub_heading3{
    font-weight: 600;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0px 15px;
    line-height: 25px;
    background: #1767fe;
    padding: 5px 0px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 1px black;

}
.margin-right10
{
    margin-right: 10px;
}

.li3 li
{
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #1767fe;
    color: black;
    font-size: 14px;
    text-transform: capitalize;
}

.line_height30{
    line-height: 30px;
}
.ul_text3
{
    text-align: left;
    padding: 15px 15px;
    font-size: 15px;
    line-height: 30px;
    word-spacing: 1px;
    color: black;
    /*font-family: Georgia;*/
    list-style: none;
    border: 1px solid #1767fe;
    margin-bottom: 20px;
}

.ul_text3 li{ 
    color: black;
    font-size: 14px;
    text-transform: capitalize;
}

.paddingT47{
    padding-top: 47px;
}

.ce_subheading{
    background: #1b194a;
    padding: 5px;
    border: 1px solid white;
    box-shadow: 0px 0px 3px 1px grey;
    color: white;
}

.ce_img
{
    height: 130px;
    width: 100%;
}
.margin-top5
{
    margin-top: 5px;
}

.ce_div
{
    margin: 20px 0px;
}

.ce_div .para_text
{
    min-height: 130px;
}
.marginT0
{
    margin-top: 0px;
}

.min-height212
{
    min-height: 212px;
}
.cd_box_para
{
    background: #1b194a;
    color: yellow;
    padding: 14px;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    text-align: justify;
}
.reg_form .fa {
    width: 10px;
}
.text-blueviolet
{
    color: blueviolet;
}
.text-justify
{
    text-align: justify;
}
i.fa.fa-chevron-circle-right {
    margin-right: 5px;
}

.bg_antiquewhite
{
    background: antiquewhite;
}

.page_menu
{
    max-height: 394px;
    overflow: auto;
}

.font-number
{
    font-family: monospace;
}



.inputGroupContainer {
    margin-bottom: 10px;
}

.form_font_style
{
    text-transform: capitalize;
}

.text-blue
{
    color: blue;
}
i.fa.fa-envelope-o {
    margin-right: 5px;
}


.ul3 li{
    padding: 10px;
    border: 1px solid #3070ac;
    border-radius: 5px;
    box-shadow: 0px 0px 1px 0px #1d2355;
    margin-bottom: 12px;
}


.scroll{width: auto !important;}
.scroll>.table {
    margin-bottom: 20px;
}
::-webkit-scrollbar {
    width: 8px;

}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background: #205588;
}
.imphome li{
    display: inline-flex;
    margin-right: 6px;
    width: 49%;
    
}
.scroll >.table {
    border: 1px solid;
}
@media (min-width: 300px) and (max-width: 1045px) {        
   
   .imphome li{
    
    width: 100% !important;
    
} 
}

.dep_name{
    padding:1px;
}

/*==========================================================NEW CSS====================================================*/

#filter{
        background: linear-gradient(45deg, #1b194a, #337ab7);
    color: white;
}

input#search {
    width: 100%;
    border: 1px solid white;
    font-size: 15px;
}

.dropdown-menu-scroll{
    max-height: 450px;
    overflow-y: scroll;
    height: 450px;
}
.vpdf {
    color: whitesmoke;
    font-size: 12px;
    margin-left: 10px;
    background: #ff0000;
    padding: 4px 10px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 600;
}