/* -------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.bg-color, .bg-color #header-wrap {
    /*background-color: #4B088A !important;*/
    background-color: #d21420 !important;
}
.tab-nav.tab-nav2 li.ui-state-active a, .grid-filter li.activeFilter a  {
    background-color: #d21420;
}
.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
    color: #d21420 !important;
}
.fbox-bg.fbox-center {
    min-height: 200px;
}

.campus-location{
    font-size: 1.2rem;
    color: #F7D358;
    text-transform: uppercase;
}
.title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 {
    border-bottom: 2px solid lightgrey;
    color: #045FB4 !important;
}
.campus-name{
    font-size: 1rem;
    color: white;
}
.campus-address{
    font-size: .9rem;
}
.abbr-heading{
    color: #F7D358;
    font-size: .9rem;
    padding-right: 5px;
}
.abbr-text{
    color: white;
    font-size: .9rem;
}
.nav-tree li a {
    text-transform: none;
}
h1, h2, h3, h4, h5, h6 {
    color: #b50707;
    text-transform: uppercase;
}
.text-justify{
    text-align: justify;
}
.slider-inner h2{
    color: #F4FA58 !important;
}
.slider-inner p{
   font-weight: 400;
}
.bg-yellow{
    background: #F4FA58
}
.video-overlay, .video-placeholder {
    background: #d21420;
    opacity: .5;
}
.page-title{
    text-transform: none !important;
}
.error-class{
    color: red;
    text-transform: none;
    font-weigth: 300;
}

#side-panel .widget {
    padding-top:10px;
}
#side-panel .side-panel-wrap {
    padding-top: 10px;
}

.form-group {
    margin-bottom: .4rem;
}
.img-popup-radius{
  border-radius: 10px;
}

.video-wrap .image {
    position: relative;
    z-index: 1;
    opacity: 1;
    width: 100%;
}
.hide-loader {
    display: none;
}
.landing-wide-form {
    background: #E6E6E6;
    padding: 30px;
    border-radius: 3px;
}
.button-yellow{
    background: #F4FA58 !important;
    color: black;
}
 .button-green{
     background: rgb(16,185,129) !important;
     color: white;
 }
.button-red{
    background: #FF0040 !important;
    color: white;
}
.bg-light-grey{
    background-color: #E6E6E6;
}
.button {
    background-color: black;
}
.text-center{
    text-align: center !important;
}
@media (min-width: 992px){
    .sub-menu-container, .mega-menu-content {
        border-top: 2px solid #C4302B;
    }
    #logo img {
        display: block;
        width: auto;
        max-width: none;
        height: 100px !important;
    }
}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #C4302B;
}

@media (min-width: 992px){
    .sub-menu-container, .mega-menu-content {
        background-color: #b50707;
        box-shadow: none;
        border: none;
    }
}
.alert-primary {
    color: white;
    background-color: #d21420;
    border-color: #d21420;
}
.alert-primary .alert-link {
    color: white !important;
}

.top-links-item > a {
    color: white !important;
    text-transform: none;
}

.sub-menu-container .menu-item > .menu-link {
    font-size: 0.8125rem;
    font-weight: 700;
    color: white;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
}
@media (min-width: 992px){
    .mega-menu-style-2 .mega-menu-title > .menu-link:hover, .mega-menu-style-2 .mega-menu-title {
        color: #F7D358;
    }
}
.menu-header{
    color: #F7D358;
    font-weight: 400;
}
@media (min-width: 992px) {
    .sub-menu-container .menu-item:hover > .menu-link {
        background-color: transparent;
        color: #F7D358;
    }
}
@media (max-width: 991.98px) {
    .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
        display: block !important;
        background: #b50707;
    }
}
.sub-menu-container, .mega-menu-content{
    background: #b50707;
}


.bg-blue{
    background-color: #b50707;
}
.bg-light-sky{
    background-color: #E0ECF8;
}

.bg-grey{
    background-color:#E6E6E6;
}
.mfp-bg {
    opacity: 0.5 !important;
}

/*Marquee*/
.marquee-head.action-area.marquee {
    height: 20px;
    overflow: hidden;
    background-color: #B4045F
}

.marquee ul{
    margin-bottom: 0px;
}

.marquee1 {
    height: 250px;
    overflow: hidden;
    margin-top: 20px
}

.marquee-head.action-area,
.marquee-head.action-area.marquee {
    height: auto;
    vertical-align: middle
}

.marquee-head.action-area ul li,
.marquee-head.action-area.marquee ul li {
    display: inline-block;
    margin: 0 20px 0 0
}

.marquee-head.action-area ul li a,
.marquee-head.action-area.marquee ul li a {
    padding: 4px 0 4px 30px
}
.action-area.marquee ul li,
.action-area.marquee1 ul li {
    margin-bottom: 10px
}

.action-area.marquee ul li a {
    padding: 4px 0 0 30px;
    display: block;
    color: white;
    line-height: 30px;
    font-size: 16px;
    position: relative;
    font-weight: 500
}

.fa-caret-down:before {
    content: "";
    color: #000!important
}

.action-area.marquee1 ul li a {
    padding: 4px 0 0 30px;
    display: block;
    color: #000;
    line-height: 23px;
    font-size: 16px;
    position: relative;
    text-align: left
}

.action-area.marquee ul li a:hover,
.action-area.marquee1 ul li a:hover {
    color: #4582ff
}

.action-area.marquee ul li a:after,
.action-area.marquee1 ul li a:after {
    content: "\f0a1";
    font-family: FontAwesome;
    color: white;
    position: absolute;
    left: 0;
    font-size: 24px;
    top: 5px
}
.action-box {
    background: #fff;
    border-radius: 4px;
    box-shadow: 5px 5px 40px 0 rgba(0, 0, 0, .05);
    height: 100%
}
.bg-purple{
    background: #4B088A;
}

.action-box .head {
    background: #045FB4;
    color: #fff;
    padding: 15px 20px;
    border-radius: 4px 4px 0 0;
    text-align: center
}
.notice-date{
    color:  #FF0040;
}
button.mfp-close, button.mfp-arrow{
    background: red;
    color:white;
}
.btn-close {
    padding: 0.5em 0.5em;
    color: white !important;
    background: red url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
}
#block-modal-contact .modal-header, #modal-popup .modal-header {
    border-bottom: 0px solid #dee2e6;
}

.action-box .head .title {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0
}

.action-box .action-area {
    padding: 13px 11px!important
}

.action-area.marquee ul,
.action-area.marquee1 ul {
    margin: 0;
    padding: 0;
    text-align: justify;
    list-style: none
}
.bg-red {
    background: #b50707;
}
.action-box .action-area {
    padding: 13px 11px !important;
}
.scroll {
    overflow-y: scroll;
    height: 250px;
    margin: 10px 5px;
    padding: 5px;
    text-align: justify;
}
.action-area.notice ul li a:after {
    content: "\f24a";
    font-family: FontAwesome;
    color: #C4302B;
    position: absolute;
    left: 0;
    font-size: 24px;
    top: 5px
}

.action-area.marqueeicon ul li a:after {
    content: "\f091";
    font-family: FontAwesome;
    color: #C4302B;
    position: absolute;
    left: 0;
    font-size: 24px;
    top: 5px
}
/*Marquee End*/

/*----- Sticky Social Media Icon -----*/
.si-sticky.si-sidebar {
    --width: 240px;
    --height: 54px;
    --icon-size: var(--height); /* 54px */
    --text-width: calc(var(--width) - var(--height)); /* 230px - 54px */
    width: var(--icon-size);
    height: auto;
}

.si-sticky.si-sidebar:not(.si-sticky-right) { left: 0; }

.si-sticky.si-sidebar .social-icon {
    margin: 2px 0;
    margin-left: calc(-1 * var(--text-width));
    width: var(--width);
    height: var(--height);
    border: 0;
    border-radius: 0 4px 4px 0;
    display: inline-flex;
    align-items: center;
    transition: margin 0.2s ease-in-out;
}

.si-sticky.si-sidebar .social-icon i {
    position: absolute;
    left: auto;
    right: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    line-height: var(--icon-size);
    text-align: center;
    transition: all 0.2s ease-in-out;
}

.si-sticky.si-sidebar .social-icon span {
    color: #FFF;
    font-size: 1rem;
    width: var(--text-width);
    text-align: center;
}


.si-sticky.si-sticky-right { right: 0; }

.si-sticky.si-sidebar.si-sticky-right .social-icon {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: 0;
    border-radius: 4px 0 0 4px;
}

.si-sticky.si-sidebar.si-sticky-right .social-icon i {
    left: 0;
    right: auto;
}

@media (min-width: 992px) {
    .si-sticky.si-sidebar:not(.si-sticky-right) .social-icon:hover { margin-left: 0; }
    .si-sticky.si-sidebar:not(.si-sticky-right) .social-icon:hover i { right: calc(-1 * var(--text-width)); }

    .si-sticky.si-sidebar.si-sticky-right .social-icon:hover { margin-left: calc(-1 * var(--text-width)); }
    .si-sticky.si-sidebar.si-sticky-right .social-icon:hover i { left: calc(-1 * var(--text-width)); }
}
/*----- /Sticky Social Media Icon -----*/

/*--- Testimonial Box --- */
.testimonial-box {border:1px solid #dadada;padding:0px 15px 15px 15px;border-radius:5px;position:relative;overflow:hidden;background:#fff;min-height: 360px;}
.testimonial-box:after { content:""; position:absolute; height:5px; background:#dadada; bottom:0px; left:0px; display:block; width:100%; }
.testimonial-box .color { height:186px; margin:-100px -15px 0px -15px; clip-path:circle(64% at 50% 2%); }
#image-testimonial { width:100px; height:100px; border-radius:50%; border:4px solid #e7ebfb; margin:-60px auto 10px auto; position:relative; z-index:2; }
#image-testimonial img { width:93px; height:93px; border-radius:50%; object-fit:cover; border:3px solid #fff; object-position:top; }
.testimonial-box blockquote { margin:0px 0px 15px; height:105px; overflow:auto; border:none; padding:0px; border:none; }
.testimonial-box blockquote p { color:rgba(0,0,0,0.5); font-size:14px; margin:0px; text-transform: none;font-weight: normal }
.testimonial-box blockquote p strong { color: #f67588 !important; font-size:14px; margin:0px; text-transform: none; text-align: center; font-style: italic; font-weight: 600}
.testimonial-box h5 { margin-bottom:10px; font-weight:500;color:#0a0e14 !important; }
.testimonial-box cite { font-style:normal; height:66px; overflow:hidden;font-weight:bold }
.testimonial-box cite p { margin:0px; font-size:13px; line-height:22px; }
.testimonial-listing .testimonial-box { margin-bottom:30px; }
/*--- Color Themes --- */
.color-theme1 { background: #ef7c8e }
.color-theme2 { background: #fae8e0 }
.color-theme3 { background: #b6e2d3 }
.color-theme4 { background: #d8a7b1 }
.color-theme5 { background: #ef7c8e }
/*--- /Testimonial Box --- */


/*--- Footer Menu --- */
 .block-nav-header-4 .modal-dialog {
     position: fixed;
     bottom: 100px;
     right: 40px;
     margin: 0;
     max-width: 400px;
 }

.block-nav-header-4 button.btn-close {
    float: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.block-nav-header-4 .btn-menu {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
}

.block-nav-header-4 .modal.fade:not(.show) .modal-dialog {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
}

@media (max-width: 576px) {
    .block-nav-header-4 .modal-dialog {
        max-width: none;
        right: 10px
    }
    .block-nav-header-4 .btn-menu {
        bottom: 40px;
        right: 10px;
    }
}

.block-nav-header-4 ul.scroll-menu {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.block-nav-header-4 ul.scroll-menu li {
    display: inline-block;
}


.block-nav-header-4 ul.scroll-menu li a div {
    display: block;
    color: #333;
    padding: 8px 0;
    font-size: 1.1rem;
}

.block-nav-header-4 ul.scroll-menu li:hover a div,
.block-nav-header-4 ul.scroll-menu li.current a div { color: #1ABC9C; }

.block-nav-header-4 ul.scroll-menu li img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.text-white{
    color:white !important;
}
.faculty-name{
    display:block;
    color: #045FB4;
}
.optionGroup {
    font-weight: bolder;
    font-size: 1.1rem;
    color: red;

}

/* Live Events  */
#live-events{position:fixed;bottom:80px;left:-286px;z-index:1001;transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-webkit-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-moz-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-o-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-ms-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s}
#live-events.active{left:0}
#live-events .live-events-placeholder{transform:rotate(270deg);background:rgba(206,11,68,.9);padding:12px 20px;border-radius:4px 4px 0 0;font-size:15px;color:#fff;font-weight:500;position:absolute;right:-88px;top:8px}
#live-events .live-events-placeholder a{color:#fff;text-decoration:none}
#live-events .count{background:#d33737;padding:1px 4px;border-radius:3px;color:#fff;font-size:12px;transform:rotate(90deg);font-weight:500;position:absolute;left:110px;top:-10px}
#live-events .live-events-content{margin-top:-39px;background:#fff;width:285px;opacity:0;-moz-transition:opacity .9s ease-in-out;-o-transition:opacity .9s ease-in-out;-webkit-transition:opacity .49s ease-in-out;transition:opacity .9s ease-in-out;border:9px solid #efefef;border-radius:5px}
#live-events.active .live-events-content{opacity:1}
#live-events .live-events-content .slick-slide img{width:100%}
@media (max-width:992px){#live-events{display:none}}
@media (max-width:767px){#live-events{display:block}}
#live-events1{position:fixed;top:0;right:0;z-index:9999;transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-webkit-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-moz-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-o-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s;-ms-transition:all .5s cubic-bezier(.19, 1, .22, 1) .2s}
#live-events1.active{right:-240px}
#live-events1 .live-events-placeholder1{background:#212121;top:50px;left:-300px;height:35px;padding:7px 5px;font-size:12px;color:#fff;font-weight:500;position:absolute;left:00px;top:2px;width:35px}
#live-events1 .live-events-placeholder1 strong{height:31px;width:35px;color:#fff;float:right;position:absolute;top:0;right:0;text-align:center;line-height:30px;font-size:20px}
#live-events1 .live-events-placeholder1 a{transform:rotate(270deg);color:#fff;text-decoration:none}
#live-events1 .count1{background:#d33737;padding:1px 4px;border-radius:3px;color:#fff;font-size:12px;transform:rotate(90deg);font-weight:500;position:absolute;left:98px;top:-10px}
#live-events1 .live-events-content1{margin-top:0;height:100vh;background:#2070ff;width:240px}
#live-events1.active .live-events-content1{opacity:1}
#live-events1 .live-events-content1 .slick-slide1 img{width:100%}
/*--- Live Events --- */