/*
Theme Name: Bfit
*/


/*==============Global Style=============*/


/*------variables-----*/

:root {
   /* #315e9f: #315e9f;
    #eba421: #eba421;*/
    --theme-gray: #f7f8f7;
   /* #eba4212: #e18a00;*/
	--darkgray:#4e4e4e;
}

.bg-yellow2 {
    background: #eba421;
}

.bg-warning,
.bg-yellow {
    background: #eba421 !important;
}

.bg-blue {
    background: #13254c;
}

.bg-info {
    background: #315e9f !important;
}

.bg-blue2 {
    background: #1d3769;
}

.text-warning {
    color: #eba421 !important;
}

.text-dark {
    color: #333 !important;
}

.theme-btn {
    background: #315e9f;
    color: #fff;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.bg-light-gray {
    background: var(--theme-gray);
}

.text-info {
    color: #315e9f !important;
}


/*   Typography  */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: calc(24/14);
    max-width: 100%;
    overflow-x: hidden;
    color: var(--darkgray);
	padding-top: 74px;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.ff-pp {
    font-family: 'Poppins', sans-serif;
}

.ff-rbt {
    font-family: 'Roboto', sans-serif;
}

h2 {
    font-size: 36px;
    line-height: calc(40/36);
}

h4 {
    font-size: 20px;
    color: #444;
}

h5 {
    font-size: 14px;
}

.section-title {
    font-size: 36px;
    color: #444;
    font-family: 'Poppins', sans-serif;
    width: 100%;
}


/*   Typography End */

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

img {
    max-width: 100%;
}



.btn {
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border: 1px solid #c0d0e4;
    color: #315e9f;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 12px 18px 12px 18px;
}

.btn:focus,
.btn:hover {
    outline: none;
    box-shadow: 0 0 5px 0.5px #c0d0e4;
    color: #315e9f;
}


.bottom {
    bottom: 0;
}

.top {
    top: 0;
}

.left {
    left: 0;
}

.right {
    right: 0;
}


.card-type {
    transition: all 0.3s;
}

.bar:before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 1px;
    vertical-align: middle;
    background: #444;
    margin-right: 10px;
}

.bd-x {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    color: #315e9f;
}

.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

@media all and (min-width:768px) {
    .pt-md-6 {
        padding-top: 4.5rem !important;
        ;
    }

    .py-md-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pb-md-6 {
        padding-bottom: 4.5rem !important;
        ;
    }
}


a.btn,
button.btn {
    background: white;
}

a.btn:hover,
button.btn:hover {
    background: #315e9f;
    color: #fff;
}

.btn.text-info:hover,
button.btn:hover,
a.btn:hover {
    background: #315e9f;
    color: #fff !important;
}

.btn.bg-info:hover {
    background: #244677 !important;
}
.btn.bg-warning:hover,
btn.bg-yellow:hover,
a.bg-warning:hover,
a.bg-yellow:hover {
    background: #eba421 !important;
}

.btn.bg-yellow2:hover,
a.bg-yellow2:hover {
    background: #eba421 !important;
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background: #244677 !important;
}

.w100p {
    width: 100%;
}


/*-------------header--------*/


.navbar-brand img {
    height: auto;
}



.header-top .navbar-nav > .nav-item .nav-link {
    font-size: 14px;
}
.header-top .navbar-nav > .nav-item {
    padding: 0 10px;
}

.header-top .navbar-nav > .nav-item + .nav-item {
    border-left: 1px solid #c0d0e4;
}

.navbar-nav .nav-item > .nav-link {
    padding: .1rem 1rem;
    display: block;
    color: #315e9f;
}
.main-menu .navbar-nav .nav-item > .nav-link {
    text-transform:uppercase;
	font-weight: 600;
}

.full-menu a + span {
    display: none;
}

body.opne-menu {
    overflow: hidden;
}

.navbar-nav .menu-item-has-children {
    position: relative;
}

.search-btn{
    right: 15px; 
    top: 45px;
	cursor:pointer;
}
.menu-close {
    top: 21px;
    right:0;
    cursor: pointer;
    z-index: 22;
    display: none;
}

.opne-menu .menu-close {
    display: block;
}

.menu-close .fa {
    color: #fff;
    font-size: 50px;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children a {
    position: relative;
    display: inline-block;
}

.menu-item-has-children .dropdown-toggle {
    z-index: 40;
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    top: 0px;
}

.menu-item-has-children .dropdown-toggle::after,
.menu-item-has-children .dropdown-toggle::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 2px;
    width: 7px;
    left: 15px;
}

.menu-item-has-children .dropdown-toggle::after {
    transform: rotate(-45deg);
    top: 22px;
    border: 0;
}

.menu-item-has-children .dropdown-toggle::before {
    top: 18px;
    transform: rotate(35deg);
}


.open-search-modal {
	top: 0;
	right: 0;
	width: 800px;
	height: 100px;
	margin: auto;
	margin-bottom: auto;
	bottom: auto;
	background: white;
	z-index: 99;
	opacity: 0;
	transition: 0.6s all;
	visibility: hidden;
	height: 100%;
	width: 70%;
}

.open-search-modal.active {
	opacity: 1;
	visibility: visible;
}

#searchform {
    max-width: 600px;
    width: 100%;
	transition:0.8s all;
	opacity:0;
}
.open-search-modal.active #searchform {
	opacity:1;
}

.open-search-modal .field,
.open-search-modal .submit {
    height: 50px;
    border: none;
    outline: none;
}

.open-search-modal .field {
	width: 80%;
	border-bottom: 1px solid #000;
	background: none;
	color: black;
}

.open-search-modal .field::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1;
    /* Firefox */
}

.open-search-modal .field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.open-search-modal .field::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.open-search-modal .submit {
    padding: 10px 28px;
    color: #fff;
    background: #eba421;
}
.menu-close1.position-absolute {
	right: 20px;
	top: 32px;
	font-size: 30px;
	color: #315e9f;
}
.search-submit {
    padding: 8px 15px;
    background: #5076ad;
    border: none;
    color: #fff;
}

input.search-field {
    border: 1px solid #ddd;
    padding: 8px 15px;
    width: 200px;
    border-radius: 0.25rem;
}

.search .apply {
    display: none;
}

.short-banner {
    background: url(assets/images/student-life.jpg) no-repeat center center/cover;
}

.search-page article {
    padding: 15px;
    margin-bottom: 20px;
}

.search-results img {
    max-width: 300px;
    height: auto;
}

h2.screen-reader-text {
    display: none;
}


#header-vdo .embed-responsive-item {
    max-height: 80vh;
    max-width: 80vw;
}

#header-vdo .close {
    padding: 0;
    margin: 0;
    line-height: 0.5;
    color: #fff;
    opacity: 1;
    outline: none !important;
    width: 40px;
    height: 40px;
    right: -40px;
    background: red;
    z-index: 1;


}

.apply {
    font-size: 15px;
    transition: 0.3s all;
    height: 45px;
    padding-left: 36px;
    padding-right: 36px;
    background: #315e9f;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
	border: 1px solid #315e9f;
}
.apply:hover, .apply:focus, .apply:active {
    color:#315e9f;
	background: transparent;
}
.home .title-menu,.tax-blog-category .title-menu{
    display: none;
}

/*---------Header End ---------*/


/* banner start here */
.video-banner {
	min-height:700px;	
}
.banner::before {
    /* background: #1b58b8; */
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    bottom: 0;
    content: "";
    opacity: 0.5;
	z-index:1;
}
.position-absolute.banner-content {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.video-banner.loading .background-video {
  /* opacity: 0;  */
  opacity: 1;
  }
.background-video {
  -webkit-transition: 2s opacity ease;
  transition: 2s opacity ease;
  opacity: 1; 
  overflow:hidden;
  }
.pause-play {
    height: 50px;
    width: 50px;
    margin: auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: 15px;
    font-size: 50px;
}
.play {
    position: absolute;
    opacity: 0;
	top:0;
}
.play.active {
    color: #eba421;
    opacity: 1;
    z-index: 1;
}

/* banner end here */


/*------ Content strat  --------*/

.post-img-wrap img{
    height:250px;
    width:100%;
    object-fit:cover;
}
.post-img-wrap1 > div{
    height:213px; 
}
.post-img-wrap,.post-img-wrap1 {
    color:#333;
}
.post-img-wrap:hover ,.post-img-wrap1:hover{color:#315e9f;}
.home .post-detail p{
    display:inline-block;
}
/*-----------Post type Newa and Update----------*/
.success-stories {
    padding: 80px 0;
}
.home .event-slider .slick-slide {
    margin: 15px;
}
.home .news-slider .slick-slide {
    margin:20px 15px;
}
.single-story {
    min-height: 400px;
}

.caption {
    line-height: 1.5;
}

.card-type {
    top: 0;
}

.card-type .caption {
    font-size: 20px;
    color: #444;
}

.card-type p {
    margin-bottom: 0;
    color: var(--darkgray);
}


.card-type:after {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    bottom: -10px;
    right: -10px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.card-type:hover {
    top: -10px;
}

.card-type:hover:after {
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e8f2;
}

.card-type:hover .caption {
    color: #315e9f;
}


/*-------Fast Fact Section----------*/

.progressbar {
    margin: 25px;
}

.circle {
    position: relative;
}

.circle canvas {
    vertical-align: middle;
}

.circle div {
    position: absolute;
    top: 0;
    left: 0;
    font-size: calc(40rem/16);
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #e9a508;
}

.circle div span {
    font-size: 20px;
    padding-top: 20px;
}


/*-------Appling Section----------*/

.appling-section {
    padding: 65px 0 30px;
}

.appling-section p {
    margin-bottom: 5px;
}

.text-white.bar:before {
    background: #fff;
}

.bar.bar-pre:before {
    margin-left: -22.5px;
    position: relative;
}

.home .bar.bar-pre:before {
    margin-left: 0;
}

.step-count {
    width: 58px;
    height: 58px;
    background: #eba421;
    font-size: 36px;
    line-height: 1.55;
    border: 1px dashed #fff;
}

.step-count:before {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border-radius: 50%;
    background: #fff;
}

.step-item.bar:before {
    content: '';
    position: absolute;
    top: 30px;
    height: 1px;
    background: #fff;
    left: 15px;
    right: 0;
    width: 100%;
}

.hr-line:nth-child(3) .step-item.bar::before {
    width: 0;
}


/*-------BFIT Gallery----------*/

.bfit-culture {
    padding: 65px 0;

}

.gallery {
    column-count: 4;
    column-gap: 0;
}

.gallery .gal-item {
    margin-bottom: 3px;
    padding: 0 1.5px;
    width: 100%;
    max-height: 256px;
    float: left;
}

.gallery .gal-item:nth-child(3),
.gallery .gal-item:nth-child(6) {
    max-height: 322px;
}

.gallery .gal-item img + img {
    margin-top: 3px;
}


/*-------Event Calendar--------*/

.event-calendar {
    padding: 65px 0 30px;
}

.event-calendar .card-type:hover {
    top: auto;
}

.event-slider .slick-track,.event-slider .slick-list.draggable {
    overflow: hidden;
} 
.event-slider .slick-slide {
    display: inline-flex;
    margin:0 15px;
}
.single-post .event-slider .slick-slide {
    display: inline-flex;
}

.event-slider .slick-slide ,.event-slider .slick-slide img{
    outline: none !important;
}
.event-slider .slick-arrow { 
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 0;
    background: #000000 url(assets/images/left-arrow.svg) no-repeat center center / 15px 12px;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex !important;
    border: none;
    filter: invert(1) grayscale(1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.26);
    outline: none !important;
}
.event-slider .slick-prev {
    left: -30px;
}
.event-slider .slick-next.slick-arrow {
    right: -30px;
    transform: rotate(180deg);
}


.news-slider .slick-track,.news-slider .slick-list.draggable {
    overflow: hidden;
} 
.news-slider .slick-slide {
    display: inline-flex;
    margin:0 15px;
}
.news-slider .slick-slide ,.news-slider .slick-slide img{
    outline: none !important;
}
.news-slider .slick-arrow { 
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 0;
    background: #000000 url(assets/images/left-arrow.svg) no-repeat center center / 15px 12px;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex !important;
    border: none;
    filter: invert(1) grayscale(1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.26);
    outline: none !important;
}
.news-slider .slick-prev {
    left: 0;
}
.news-slider .slick-next.slick-arrow {
    right: 0;
    transform: rotate(180deg);
}


/*===========LEADERSHIP PAGE===========*/

.short-banner {
    position: relative;
    text-transform: uppercase;
}

.short-banner:before {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #13254c;
    position: absolute;
    pointer-events: none;
}

.short-banner > * {
    position: relative;
}

.short-banner-content {
    min-height: 182px;
}

.short-banner-content > * {
    /*    flex: 0 0 100%;*/
}


/*------Tabbing section------*/

.tabbing-section {
    padding: 54px 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #315e9f;
    color: #fff;
}

.nav-tabs {
    border: 0;
    background: #fff;
    z-index: 1;
}


.nav-tabs .nav-item {
    margin-bottom: 10px;
    text-align: center;
}

.nav-tabs .nav-item + .nav-item,
.tab-btn > a + a {
    margin-left: 7px;
}

.nav-tabs .nav-item .nav-link {
    background: #315e9f;
    color: #fff;
    border-bottom: 2px solid transparent;
    padding: 15px 20px;
    position: relative;
    top: 0;
}

.nav-tabs .nav-item .nav-link.active {
    border-bottom-color: #eba421;
    top: -2px;
}

.fixedTabs {
    position: fixed;
    top: -30px;
    transform: translateY(30px);
    padding: 15px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #efefef;
    left: 0;
    z-index: 3;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.target-section {
    padding-top: 75px;
}

.adm-position {
    font-size: 13px;
}

.adm-email span {
    color: #333;
}

.adm-single-detail {
    border-left: 1px solid #eba421;
}

.adm-left-img {
    position: absolute;
}

.administrative-detail:before {
    position: absolute;
    content: '';
    right: 100%;
    height: calc(100% + 75px);
    width: calc(100vw - 1170px + (1170px/4));
}


/*===========CAREERS PAGE===========*/

.page-id-172 .short-banner-content {
    align-content: center;
}

.open-positions h3,
.open-positions h4 {
    font-size: 20px;
}

.open-positions h4 {
    color: #333;
}

.position-item {
    border: 1px solid #ebebeb;
}

.position-item p {
    margin-bottom: 3px;
}

.position-item:hover {
    border-color: #a2b6d4;
    -webkit-box-shadow: 0 0 15px 0.1px rgba(162, 182, 212, 0.2);
    box-shadow: 0 0 15px 0.1px rgba(162, 182, 212, 0.2);
}

.position-item:hover h4 {
    color: #315e9f;
}

.careers-search-form .btn[type='submit'] {
    width: 100%;
    padding: .8rem;
}

.careers-search-form .form-control,
.careers-search-form [type='submit'],
.form-control {
    font-size: 14px;
    padding: .75rem .75rem;
    border-radius: 2px;
    height: auto;
}

.form-check-input {
    opacity: 0;
}

.form-check-input + label {
    padding-left: 10px;
}

.form-check-input + label:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 2px;
    left: 0;
    top: 3px;
}

.form-check-input:checked + label:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 14px;
    border: 3px solid #315e9f;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    left: 5px;
    top: 3px;
}

.form-control:focus {
    box-shadow: none;
}

/*===========ACADEMICS PAGE===========*/




.discover-bfit {
    /* background: url(https://www.franklincummings.edu/wp-content/uploads/2019/05/discover-bg.jpg) no-repeat center bottom/100% 85%; */
}

.discover-bfit:before {
    content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
}

.discover-bfit .iframe-poster {
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.discover-bfit .iframe-poster img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    object-fit: none;
}

.discover-bfit .iframe-poster .play-icon {
    object-fit: none;
}

.discover-bfit .iframe-poster {
    cursor: pointer;
}

.x-translate {
    margin-left: -75px;
}


/*===========ACADEMICS PROGRAM PAGE===========*/

.pro-item {
    margin-bottom: 30px;
}

.academic-section h3 {
    font-size: 20px;
}

.pro-item a {
    position: relative;
    min-height: 126px;
    color: #315e9f;
    font-size: 20px;
    transition: color 0s, margin 0.3s, transform 0.3s;
    border: 1px solid #315e9f;
}



.pro-item a:after,
.pro-item a:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.pro-item a:before {
    background: rgba(255, 255, 255, 0.95);
    border: 0;
}

.pro-item a:hover:before {
    background: rgba(48, 101, 167, 0.75);
    color: #fff;
}

.pro-item a:hover:after {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}

.pro-item a:hover {
    color: #fff;
    margin: 0 -5px;
    transform: translateY(-10px);
}

.req-free {
    background: #3065a7;
}


/*===========CAMPUS ACTIVITIES===========*/

.campus-activities .pro-item a {
    min-height: 219px;
}



/*============FINANCIAL AID===============*/

.card-header {
    background: #fff;
    color: #333;
}

.card-header span {
    height: 30px;
    width: 30px;
    right: 15px;
    top: 23px;
    border: 1px solid #315e9f;
}

.card-header span::before,
.card-header span::after {
    content: "";
    position: absolute;
    background: #315e9f;
}

.card-header span::before {
    height: 2px;
    width: 15px;
    top: 13px;
    left: 6px;
}

.card-header span::after {
    top: 7px;
    left: 13px;
}

.card-header[aria-expanded="false"] span::after {
    height: 15px;
    width: 2px;
}

.card-header[aria-expanded="true"] span::after {
    height: 0px;
    width: 2px;
}

.card-header[aria-expanded="false"] {
    border: 1px solid transparent;
    border-bottom: 1px solid #e2e9f3;
     !important;
}

.card-header[aria-expanded="true"] {
    color: #315e9f;
    border-bottom: 1px solid #e2e9f3;
    background: #fff;
    border: 1px solid #e2e9f3;
}

.accordrian-wrapper .collapse.show {
    position: relative;
    overflow: hidden;
}

.accordrian-wrapper .card {
    background: #fbfbfb;
}

.accordrian-wrapper .collapse.show:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 0px 25px 1px rgba(0, 0, 0, 0.3);
    top: 0;
    height: 1px;
}

.show {
    border-bottom: 1px solid #e2e9f3;
	margin-bottom:20px;
}

.resouce-links {
    list-style: none;
    padding-left: 0;
}

.resources-list li {
    margin-bottom: 15px;
}


/*===========BFIT FAST FACTS===========*/


.fast-facts .pro-item a:hover:before,
.fast-facts .pro-item a.active:before {
    background: rgba(235, 164, 33, 0.8);
}

.fast-facts .pro-item strong {
    color: #eba421;
    font-size: 50px;
    position: relative;
    font-weight: 300;
}

.pro-item-content > * {
    transition: all 0s;
}

.fast-facts .pro-item strong small {
    font-size: 20px;
    font-weight: 500;
}

.fast-facts .pro-item strong:after {
    content: '';
    position: absolute;
    width: 45px;
    height: 1px;
    background: #ccc;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -3px;
}

.fast-facts .pro-item a:hover strong:after,
.fast-facts .pro-item a.active strong:after {
    background: #fff;
}

.fast-facts .pro-item a:hover strong,
.fast-facts .pro-item a.active strong {
    color: #fff;
}

.fast-facts .pro-item a.active,
.fast-facts .pro-item a:hover {
    color: #fff;
    margin: 0;
    transform: translateY(0);
}

.fast-facts .pro-item a.active:after {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}


/*===========BFIT FAST End===========*/
.list-group a{
color:#333;	
}

/*=================HVAC-R===============*/

.hvac-r.discover-bfit {
    background: url(https://www.franklincummings.edu/wp-content/uploads/2019/05/discover-bg.jpg) no-repeat center bottom/100% 100%;
}

.img-ovrly-box figcaption {
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    color: #fff;
    width: 100%;
    opacity: 0;
}

.img-ovrly-box:hover figcaption {
    transform: translateY(-50%);
    opacity: 1;
}

.img-ovrly-box figure:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    background: rgba(48, 101, 167, 0);
}

.img-ovrly-box:hover figure:before {
    background: rgba(48, 101, 167, 0.7);
}

.img-ovrly-content strong {
    font-size: 20px;
}

/*=================About Us===============*/
.tab-btn > a {
    background: #315e9f;
}

.tab-btn .active-tab{
	background:#315e9f !important;
}
/*=================MISSION AND VALUES===============*/
.mission-values .pro-item > a {
    min-height: 180px;
}

/*=================OUR HISTORY===============*/
.our-history .pro-item > a {
    min-height: 180px;
}

/*=================Course Catalog===============*/
.download-links .d-link-list li {
    margin-bottom: 10px;
}

.download-links .d-link-list a {
    transition: all 0.3s;
}

.download-links .d-link-list a:hover {
    text-decoration: underline;
}

/*=============ATHLETICS===============*/
.recruit-form label {
    color: #333;
}

/*===========ATHLETICS END=============*/
/*=========RECOURCES AND FORM==========*/
.resouce-links a {
    border-bottom: 1px solid #ccc;
    color: #333;
    transition: 0.15s;
    font-size: 1rem;
}

.resouce-links a:hover {
    border-bottom: 1px solid rgba(49, 94, 159, 0.7);
    color: #315e9f;

}

/*=======RECOURCES AND FORM END========*/


/*=========STUDENT CUNDENT==========*/
.page-id-459 .program-list {
    display: none;
}

/*============FOOTER START=============*/

.footer-top {
    padding: 65px 0 45px;
}

.footer-logo {
    max-width: 65%;
}

.social-nav {
    padding-top: 35px;
}

.social-nav li + li {
    margin-left: 12px;
}

.social-nav a {
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    color: #eba421;
}

.c-info > li {
    padding-left: 100px;
}

.c-info > li h5 {
    left: 0;
    top: 3px;
}

.footer-nav li {
    margin-bottom: 12px;
}

.footer-nav .nav-link {
    padding: 0;
}

.footer-nav a,
.c-info > li a,
.c-info > li span,
.footer-last a {
    color: #f1f5ff;
    opacity: 0.6;
}

.footer-nav a:hover,
.c-info > li a:hover,
.footer-last a:hover {
    opacity: 1;
}

.footer-last {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
}


textarea.form-control {
    height: 80px;
}

.gallery-page ul > li {
    flex: 0 0 33.333%;
}


.single-job_listing .entry-header,
.job_application.application {
    display: none;
}

.single-job-sidebar h5,
.single-job-sidebar p {
    margin-bottom: 0;
}


.job_f .fa {
    left: 0;
    top: 5px;
    color: #eba421;
}

.job_application application {
    display: none;
}

.scrollToTop {
    position: fixed;
    right: 40px;
    transition: 0.5s all ease-in-out;
    bottom: -60px;
    z-index: 99;
    height: 45px;
    width: 45px;
    border-radius: 15%;
    background: #0e2358;
}

.error404 .apply,
.error404 .child-pages {
    display: none;
}

.error404 .apply,
.error404 .child-pages-menu {
    display: none;
}
.error-404 span {
    font-size: 170px;
}

.single-ai1ec_event #comments,
.ai1ec-actions {
    display: none
}

/*.meet-the-staff ul > li {
    color: red;
}*/

.meet-the-staff a {
    /* color:#333; */
}

.meet-the-staff a:hover {
    color: #315e9f;
}

/*--------------------22-08------------------*/
.single-ai1ec_event .entry-meta {
    display: none;
}

.single-ai1ec_event .entry-content {
    padding-top: 3rem;
}

.single-ai1ec_event .timely,
.single-ai1ec_event .ai1ec-field-label,
.ai1ec-single-event .ai1ec-time .ai1ec-field-value {
    font-size: 16px;
    color: #555;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}

.single-ai1ec_event .ai1ec-field-label {
    color: #315e9f;
}

.ai1ec-single-event .ai1ec-event-details .ai1ec-row,
.ai1ec-multi-event .ai1ec-event-details .ai1ec-row {
    margin-bottom: 10px;
}

.single-ai1ec_event .h-card > div {
    margin-bottom: 5px;
}

.single-ai1ec_event .ai1ec-event-details.ai1ec-clearfix {
    float: left;
    width: calc(100% - 320px);
}
.single-ai1ec_event .ai1ec-event-avatar.timely{
    width: 300px;
    float: right;    
}
.single-ai1ec_event .timely.ai1ec-single-event{
    /*order: 1px solid #dedede;
    border-radius: 3px;
    background: #f9f9f9;
     padding: 30px; */
    overflow: hidden;
    margin-bottom: 15px;
}
.single-ai1ec_event .ai1ec-categories.ai1ec-row{display: none;}

.card-type::after{
    pointer-events: none;
}
.event-calendar .card-type figcaption,.dark-color{
    color: #777;
}
.read-more:hover{
    color: #315e9f;
}

.single-ai1ec_event .ai1ec-field-label{text-align: left;}
/*=================== Larg Desktop ==================*/
 
/* way to give page start here  */
.way-give-c {
    top: 148px;
    left: 0;
    right: 0;
    z-index: 1;
    background: #f9f9f9;
}

.way_to_give_c {
	height: 100px;
	width: 100px;
	border: 5px solid #eba421;
}
.way_to_give_c img {
	max-height: 58px;
}
/*  way to give  page end here  */
.counter-box {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
}
.counter-box p {
    color: #13254d;
    margin-top: 15px;
}
.counter-box p span {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 18px;
}
.counter-box p small {
    font-size: 28px;
}
.mission-values .who-should .pro-item > a {
    min-height: 126px;
}
.active-tab{
	background: #315e9f;
}
nav.news-e > .nav-tabs .nav-link {
    background: transparent;
    color: #777;
    border: none;
	border-bottom: 2px solid #e6e6e6;
    font-weight: 600;
}
nav.news-e > .nav-tabs .nav-link.active {
    color: #315e9f;
	border-bottom-color:#315e9f;
}
.insta-box {
    height: 598px;
    overflow: hidden;
}
.instagram_gallery {
    overflow-y: scroll;
    height: 450px;
}
.pagenav{
font-size: 0;
}
.sidebar-link {
    border-top: 5px solid #eba421;
}
.sidebar-link > li a {
    color: var(--darkgray);
    font-weight: inherit;
    font-size: 14px;
	transition:0.5s all;
	border-bottom:2px solid transparent;
	    padding-bottom: 2px;
	
}
.sidebar-link > li > ul > li > a {
	font-size: 17px;
	color: #333;
}
.sidebar-link > li a:hover,.sidebar-link  ul > .current_page_item > a,.current_page_parent > a,.current_page_ancestor > a{
	border-bottom-color:#eba421;
	font-weight: 600;
}
 .sidebar-link .open{
	 font-weight: 600;
 }


.dataTables_wrapper {
    overflow-y: scroll;
}


.sidebar-link .dropdown-toggle {
    height: 15px;
    width: 15px;
    right: -10px;
    top: 10px;
}

.sidebar-link .dropdown-toggle::after, .sidebar-link .dropdown-toggle::before {
    background: #eba421;
    height: 2px;
    width: 16px;
    right: 0px;
    content: "";
    position: absolute;
    top: 6px;
    border: none;
}
.sidebar-link .dropdown-toggle::before {
height: 15px;
    width: 2px;
    right: 7px;
    top: auto;
}
.sidebar-link .open > .dropdown-toggle::before {
    height: 0;
} 


.sidebar-link .children {
    display: none;
}

.sidebar-link .open > .children {
    display: block;
}

.sidebar-link .children .page_item {
    padding-left: 10px;
}

/*=================== RESPONSIVE ==================*/



/*=================== RESPONSIVE ==================*/
@media all and (min-width: 768px) {
	.support{
	background:#4b965f !important;
}
.ai1ec-single-event .ai1ec-event-details { width:100% !important;}
.single-ai1ec_event .entry-content{padding-top:0;}
}
@media all and (min-width: 1200px) {
.main-menu .navbar-nav .nav-item > .nav-link {
		      /* padding: 0px 25px 10px;*/
               margin: 10px;
			   position: relative;
	}
.main-menu .navbar-nav .nav-item > .nav-link::after ,
 .main-menu .navbar-nav .nav-item.current-page-ancestor  > .nav-link::after 
{
    top: 100%;
    width: 0px;
    right: 0;
    left: 0;
    height: 2px;
    position: absolute;
    content: "";
    background: #eba421;
    margin: auto;
	transition:0.5s all;
}
.main-menu .navbar-nav .nav-item > .nav-link:hover::after,
.main-menu .navbar-nav .nav-item.current-menu-item > .nav-link::after,
 .main-menu .navbar-nav .nav-item.current-page-ancestor  > .nav-link::after
{
	width: 100%;
}
}
@media all and (min-width: 1370px) {

    .ml-75 {
        margin-left: -30px;
    }

    .mr-75 {
        margin-right: -30px;
    }
}
@media all and (min-width: 1500px) {
    .ml-75 {
        margin-left: -75px;
    }

    .mr-75 {
        margin-right: -75px;
    }

}

@media all and (min-width: 1920px) {
    .burger-ul {
        margin-left: -28%;
    }



}

@media all and (max-width: 1366px) {
    .video-banner {   
	min-height: 600px;
	}
    .burger-ul {
        margin-left: 5%;
    }

    .humburger-menu figure {
        max-width: 200px;
    }

    .header-btm-menu .nav-link {
        padding: 1rem 1.2rem;
    }


}

@media all and (max-width:1199px) {
body.on{
	overflow:hidden;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.header::before {
    background:#325f9f;
    left: -10%;
    right: -10%;
    content: "";
    position: absolute;
    top: 112px;
    bottom: 0;
}





#toggle {
  width: 40px;
}
#toggle div {
    width: 100%;
    height: 4px;
    background: #325f9f;
    margin: 8px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 10px;
}
#toggle.on .one {
  transform: rotate(45deg) translate(8px, 5px);
}
#toggle.on .two {
  opacity: 0;
}
#toggle.on .three {
      transform: rotate(-45deg) translate(12px, -8px);
}

.navbar-nav {
    margin-top: 30px;
}

.mobile-menu-bottom > li,.child-pages-menu > li{
    width: 49%;
    padding: 0;
    margin: 0;
    flex: 0 0 49%;
    display: inline-flex;
    vertical-align: top;
}
.child-pages-menu > li {
width: 100%;	
}
.mobile-menu-bottom > li a{
	    color: #fff;
}
.mobile-menu-bottom > li a,.child-pages-menu > li a{
	font-size: 14px;
    padding: 5px 0;
}
.main-menu .navbar-nav .nav-item > .nav-link{
	border-bottom:2px solid transparent;
	    color: #fff !important;
}
.main-menu .navbar-nav .nav-item.current-menu-item > .nav-link{
border-color: #eba421;
}

.apply {

    background: #eba421 !important;
    color: #fff!important;
}
.navbar-nav .nav-item > .nav-link {
	padding: 7px 0px 7px;
	color: #fff;
	margin-bottom: 7px;
	display: inline-block;
}

.mobile-search input {
    outline: none !important;
}
.mobile-search input[type="submit"] {
    background: url(assets/images/search-icon.png) no-repeat right center / 30px 30px;
    right: 15px;
    height: 40px;
    width: 40px;
}
#searchform.mobile-search {
    opacity: 1;
    transform: translateY(0);
	 border-bottom: 2px solid #eba421;
}
.title-menu {
    color: #315e9f;
	padding-right: 40px !important;
} 
.title-menu.on {
background: #333 !important;
color: #fff;	
}
.title-menu.on  svg path{
fill:white;	
}

.title-menu svg {
    right: 15px;
    top: 8px;
	transition: 0.4s all;
}
.title-menu.on svg{
	transform:rotate(180deg);
}
.search .title-menu svg{
	display:none;
}
.child-pages-menu, .header .sidebar-link {
	transition: 0.4s all;
	transform: translateY(30px);
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	overflow: scroll;
	/*height: calc(100vh - 120px);*/
}
.child-pages-menu.on, .header .sidebar-link.on {
     visibility: visible;
	  opacity: 1;
	  transform: translateY(0px);
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.26);
}
    .administrative-detail:before {
        display: none;
    }


    .menu-close .fa {
        font-size: 16px;
    }

    .menu-item-has-children.open > .dropdown-menu {
        display: block;
    }
.scrollToTop{
	display:none;
}
.video-banner {
    min-height: auto;
}
.banner::before {
    content:none;
}
#banner-video .position-absolute {
    position: static !important;
}
#banner-video .pause-play,#banner-video .banner-content{
	display:none;
}
.header .sidebar-link {
	overflow: scroll;
	max-height: calc(100vh - 150px);
}

}

@media all and (max-width: 991px) {
body{
		padding-top: 74px;
	}
.header::before {
    top: 74px;
} 
   .section-title{
        font-size:25px;    
    }

.card-type .caption{font-size:16px;}
h4{font-size:18px;}
.card-type figcaption{font-size:13px;}
    .menu-front-bottom-menu-container {
        overflow: hidden;
        max-width: 100%;

    }
    .right-header,
    .home .header:after,
    .step-item.bar:before {
        display: none;
    }

    .navbar-brand img {
        height: auto;
		 max-width: 230px;
    }

    .inner-header .navbar-nav .nav-link {
        padding: 14px 27px;
    }


    .header-btm-menu {
        padding: 0 5% 0;
    }

    .title-h {
	color:#fff !important;	       
    }
	 /*.title-menu {
        display: none;
    }*/

    .burger-ul {
        margin-left: auto;
        width: 100%;
    }

    .menu-close {
        right: -7px;
    }

    .burger-ul li {
        padding-right: 0px;
    }

    .menu-item-has-children.open > .dropdown-menu {
        width: 100%;
        position: static;
        border: none;
    }

    .menu-item-has-children.open > .dropdown-menu > li a {
        padding-left: 30px !important;
    }

    .menu-item-has-children .dropdown-toggle {
        float: right;
        transition: 0.3s all;
    }

    .menu-item-has-children.open > a + .dropdown-toggle {
        transform: rotate(92deg);
    }



    .social-nav,
    .social-nav > li:first-child {
        display: block !important;
    }

    .social-nav > li {
        display: inline-block;
    }

    .social-nav li + li {
        margin-left: 0;
        margin-top: 8px;
        margin-bottom: 20px;
    }

    .tab-btn > a {
        font-size: 14px;
    }
        .banner-content-box h1{font-size:25px;}

 .pulse {
     width:65px;
     height:65px;
 }
 .post-img-wrap img{height:150px;}
 	.counter-box p {
    margin-right: 30px;
}

}

@media all and (max-width: 767px) {

    .navbar-nav > .nav-item {
        padding: 0;
    }
.navbar-collapse {
	height: calc(100vh - 74px);
	overflow-y: auto;
	overflow-x: hidden;
}
	.r_nav a + a {
    border-left: 1px solid #ddd !important;
}
    .menu-close {
        right: 0;
        margin: auto;
        left: 0;
        text-align: center;
        top: 16px;
    }


    .gallery {
        column-count: 1;
    }

    .gallery .gal-item:nth-child(3),
    .gallery .gal-item:nth-child(6),
    .gallery .gal-item {
        max-height: 100%;
    }

    .bar.bar-pre:before {
        margin-left: 0;
    }

    .footer-nav li {
        margin-bottom: 4px;
    }
.content-area .sidebar-link, .student-life + .container .sidebar-link { 
    display: none;
}
    .tabbing-section .nav-tabs {
        display: none;
    }

    #president-welcome.target-section {
        padding-top: 0px;
    }
        .banner-vdo-play{
     text-align:center;
 }
.banner-content-box{
     text-align:center;
 }
    .post-img-wrap img {
        height: 50vw;
    }
	.counter-box {
		justify-content: start;
	}
	nav.news-e > .nav-tabs .nav-link {
    font-size: 12px;
  }
.ai1ec-single-event .ai1ec-event-details { width:100% !important;}
}

@media all and (max-width: 375px) {
	.ai1ec-single-event .ai1ec-event-details {
		width:100% !important;
		}
		.single-ai1ec_event .entry-content{
			padding-top:0;
			}
			}


.job_filters .search_jobs div.search_submit {
    padding-top: 0px;
}
.bg_but{ background-color:#315e9f;}

.bg-b{background-color:#315e9f;}
.h3_wayto{ float:left; padding-top:18px;}
#wayto-accordion { padding:40px 0;}
.acss{border:0px; outline:none;}

a::-moz-focus-inner {
  border: 0;
}

.support:hover{background: #315e9f !important;}
.page-template-programs-php .dn{ display:none !important;}
.post-type-archive-ai1ec_event .dn{ display:none !important;}
.single-ai1ec_event .dn{ display:none !important;}

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
	color:#fff;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}
@media all and (max-width: 480px) {
.ai1ec-single-event .ai1ec-event-details { width:100% !important;}
.single-ai1ec_event .entry-content{padding-top:0;}
figure{width:100% !important}
.wp-caption .wp-caption-text{ font-size:14px; text-align:center;}
}

.waylist { list-style:none;}
.ai1ec-event-details .dt-duration{ text-transform:uppercase !important;}
.home_link{color:var(--darkgray);}
.content-area a{font-weight:bold;}
.page-template-programs .container .col-md-8 a{font-weight:bold;}
.single-blog .container .col-md-8 a{font-weight:bold;}
.slick-slide{overflow:hidden;}

/* Style The Dropdown Button */
.dropbtn {
  background: #eba421 !important;
cursor: pointer; 
  color: white;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  background:#315e9f;
display: block;
padding: 8px 15px;
transition: 0.3s all;
text-transform: capitalize;
color:#fff;
border-top: 1px solid #ddd;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #eba421;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.h2_hide a, .h2_hide h2, .h2_hide h4 , .h2_hide h3, .h2_hide ul, .h2_hide ol, .h2_hide span , .h2_hide img, .h2_hide iframe, .h2_hide table{display:none;}
.panel-title:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title:hover, 
.panel-title:active, 
.panel-title:focus  {
    text-decoration:none;
	cursor:pointer;
}

.bg_gray_notofication{ background:#acaaaa; color:#FFFFFF; border-color:#a2a1a1;}
.single-blog .event-slider .slick-slide{display: inline-flex;}

#wp-submit{font-size: 15px;
transition: 0.3s all;
height: 45px;
padding-left: 36px;
padding-right: 36px;
background: #315e9f;
background: #315e9f;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
border: 1px solid #315e9f;
border: 1px solid #315e9f;}




 /*header css*/
 .site-header{
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 1;
    background: #fff;
 }
 .site-header .mobile-header{
	padding: .5rem 1rem;
 }
 .site-header ul{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
 }
 .site-header .navbar-brand img {
    height: auto;
    max-width: 230px;
}
.site-header .navbar-toggler{
	border: 0;
    border-radius: 0;
	width: 30px;
	height: 24px;
}
.site-header .navbar-toggler:focus, .site-header input:focus{
	outline: 0 !important;
}
.site-header .navbar-toggler-icon, .site-header .navbar-toggler::before, .site-header .navbar-toggler::after{
    width: 30px;
    height: 3px;
    background: #325f9f;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 10px;
	transition: 0.5s;
}
.site-header .navbar-toggler::before, .site-header .navbar-toggler::after{
	content: '';
	position: absolute;
}
.site-header .navbar-toggler::before{
	top: 0;
}
.site-header .navbar-toggler::after{
	bottom: 0;
}
.site-header .menu-wrapper{
	top: 74px;
	position: absolute;
	height: calc(100vh - 74px);
	overflow-y: auto;
	overflow-x: hidden;
	background: #325f9f;	
	padding: 2rem 1rem;
	display: none;
	width: 100%;
}
.site-header .menu-wrapper .top-menu{
	-ms-flex-order: 2;
    order: 2;
}
.site-header .menu-wrapper ul li a{
    color:#fff;
    font-weight: 600;
	margin-bottom: 7px;
    display: inline-block;
}
.site-header .menu-wrapper ul li:last-child a{
	margin-bottom: 0;
}
.site-header .apply {
    font-size: 15px;
    height: 45px;
    padding-left: 36px;
    padding-right: 36px;
    background: #eba421;
	transition: 0.3s all;
    color: #fff;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
    border: 0px solid #eba421;
}
.site-header .top-left-menu{
	-ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
	margin: 15px 0 25px;
	padding: 12px 0;
	border-top: 1px solid #dee2e6!important;
	border-bottom: 1px solid #dee2e6!important;
}
.site-header .top-left-menu li{
	width: 100%;
	vertical-align: top;
}
.site-header .top-left-menu li a{
	font-size: 14px;
    padding: 5px 0;
}
.site-header .bottom-menu li a{
	text-transform: uppercase;
	padding: 7px 0px 7px;
}
.site-header #searchform{
	opacity: 1;
	border-bottom: 2px solid #eba421;
	/*padding: 1rem!important;*/
}
.site-header .bottom-center-menu{
	order: 2;
	margin-top: 10px;
	width: 100%;
}
.site-header .bottom-menu .search-box{
	max-width: 600px;
	width: 100%;
}
.site-header #searchform input::placeholder{
	color: #fff;
}
.site-header #searchform input[type="submit"] {
    background: url(assets/images/search-icon.png) no-repeat right center / 30px 30px;
    right: 15px;
    height: 40px;
    width: 40px;
	outline: none !important;
	font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.site-header .navbar-toggler.active::before{
	transform: rotate(-45deg) translate(-10px, 7px);
}
.site-header .navbar-toggler.active::after{
	transform: rotate(45deg) translate(-8px, -5px);
}
.site-header .navbar-toggler.active span{
	display: none;
}
@media (min-width: 1200px){
	body{
		padding-top: 0;
	}
	.site-header{
		position: static !important;
	}
	.site-header .menu-wrapper{
		display: block;
		position: static;
		overflow: hidden;
		height: auto;
		padding: 0;
		background: #fff;
	}
	.site-header .navbar-expand-xl{
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	.site-header .mobile-header{
		padding: 0;
	}
	.site-header .top-left-menu ul li a, .site-header .bottom-center-menu ul li a{
		color: #315e9f;
		padding: .1rem 1rem;
		transition: 0.4s;
		margin-bottom: 0;
	}
	.site-header .top-left-menu ul li a{
		font-weight: 400;
	}
	.site-header .menu-wrapper .top-menu{
		background-color: #f8f9fa!important;
	}
	.site-header .menu-wrapper .bottom-menu{
		-ms-flex-order: 2;
		order: 2;
	}
	.site-header .top-left-menu, .site-header .menu-wrapper .bottom-menu{
		margin: 0;
		border: 0 !important;
		padding: .5rem 1rem;
	}
	.site-header .top-left-menu ul{
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important;
	}
	.site-header .top-left-menu li {
		width: auto;
		padding: 0 10px;
	}
	.site-header .top-left-menu li a:hover{
		color: rgba(0,0,0,.7);
	}
	.site-header .top-left-menu li+li{
		border-left: 1px solid #c0d0e4;
	}
	.site-header .menu-wrapper .apply{
		margin-bottom: 0;
		/*background: #315e9f;*/
		transition: 0.4s;
	}
	.site-header .menu-wrapper .request-menu li+li{
		margin-left: 5px;
	}
	.site-header .menu-wrapper .apply:hover, .site-header .menu-wrapper .apply:focus, .site-header .menu-wrapper .apply:active{
		color: #315e9f;
		background: transparent;
	}
	.site-header .navbar-brand img {
		max-width: 325px;
	}
	.site-header .menu-wrapper .bottom-menu{
		-ms-flex-direction: row!important;
		flex-direction: row!important;
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
		padding-right: 3rem !important;
		position: relative;
	}
	.site-header .menu-wrapper .bottom-menu .search-box{
		-ms-flex-order: 3;
    	order: 3;
		right: 0;
		padding-right: 1rem;
		top:0;
		height: 100%;
		display: flex;
		align-items: center;
		position: absolute;
		width: auto;
	}
	.site-header .menu-wrapper .bottom-menu .search-box-inner{
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70vw;
		background: #fff;
	}
	.site-header .bottom-center-menu{
		margin-top: 0;
	}
	.site-header .bottom-menu li a{
		margin: 10px !important;
		position: relative;
		padding: 0 !important;
	}
	.site-header .bottom-menu li a::after{
		top: 100%;
		width: 0px;
		right: 0;
		left: 0;
		height: 2px;
		position: absolute;
		content: "";
		background: #eba421;
		margin: auto;
		transition: 0.5s all;
	}
	.site-header .bottom-menu li a:hover:after, .site-header .bottom-menu li.current-menu-item a::after, .site-header .bottom-menu li.current-page-ancestor a::after{
		width: 100%;
	}
	.site-header .search-box .search-btn {
		right: 15px;
		top: 45px;
		cursor: pointer;
	}
	.site-header .menu-close1 {
		right: 20px;
		top: 50%;
		transform: translate(0, -50%);
		font-size: 30px;
		color: #315e9f;
		cursor: pointer;
	}		
	.site-header #searchform input, .site-header #searchform input::placeholder{
		color: #eba421 !important;
	}
}


div#lhnHocButton div.lhnHocChatBtn {  background-color:#eaaa00;}
h6.covid_h6{line-height:24px;}


#bioModal .modal-dialog {
     max-width: 1000px;
 }
 .mem_img:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     left: 0;
     top: 0;
     border-style: 1px solid transparent;
     transition: 0.35s;
 }

 .bioBox:hover .mem_img {

     box-shadow: 0 0 0 1px #d0ddd3;
 }

 .bioBox:hover .mem_img:after {
     border: 10px solid #f6f6f6;
 }

.student:hover .mem_img {

     box-shadow: 0 0 0 1px #4e4e4e;
 }

 .student:hover .mem_img:after {
     border: 6px solid #4e4e4e;
 }
 
 .industry:hover .mem_img {

     box-shadow: 0 0 0 1px #eaaa00;
 }
 
 .industry:hover .mem_img:after {
     border: 6px solid #eaaa00;
 }
 
 .faculty:hover .mem_img {
     box-shadow: 0 0 0 1px #315e9f;
 } 
 .faculty:hover .mem_img:after {
     border: 6px solid #315e9f;
 }

 a.btn-student{ background-color:#4e4e4e !important;color: #fff !important; border: 1px solid #4e4e4e;}
 
 a.btn-industry{ background-color:#eaaa00 !important;color: #fff !important;border: 1px solid #eaaa00;}
 
 a.btn-faculty{background-color:#315e9f !important;color: #fff !important;border: 1px solid #315e9f;}
 

 .btn-alt.fill:hover {
     background: var(--theme-color);
     color: #fff;
 }

 .overlay_dark:before {
     background: var(--theme-color);
     opacity: .95;
 }

 .list_name li {
     flex: 0 0 44%;
     max-width: 44%;

 }

 .list_name {
     list-style-position: inside;
 }

 /*=Image Ratio style=*/
 .cs_ratio {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .cs_ratio::before {
     content: '';
     padding-top: 62%;
     display: block;
     pointer-events: none;
 }

 .cs_ratio > img {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     object-fit: cover;
 }

 .ratio_eq:before {
     padding-top: 100%;
 }
 
  /*=======Modal =====*/
 .modal .close {
     position: absolute;
     right: 15px;
     width: 10px;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     background: #eee;
     padding: 5px;
     z-index: 1;
     top: 12px;
 }

 .modal .close svg {
     width: 12px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);

 }

 .modal .close:hover {
     background: var(--theme-color) !important;
 }

 .modal .close:hover svg {
     -webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
 }

 #bioModal img {
     max-width: 40%;
     float: left;
     margin: 0 30px 20px 0;
	 border-radius:4px; 	
 }
 .modal-dialog {
     width: 95%;
     max-width: 1200px;
 }
 


.modal .close:hover {
    background: var(--darkgray) !important;
}
.modal .close {
    position: absolute;
    right: 15px;
    width: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #eee;
    padding: 5px;
    z-index: 1;
    top: 12px;
}
.close:hover {
    color: #000;
    text-decoration: none;
}

ul.color_code {display: flex; float: right;}
li.student-li {margin: 0 20px; color:#4e4e4e;font-weight: bold;}
li.industry-li {margin: 0 20px; color:#eaaa00;font-weight: bold;}
li.faculty-li {margin: 0 20px; color:#315e9f;font-weight: bold;}
.stu_thumb{border-radius: 6px;
margin: 0 30px 30px 0;
float: left;}

.single-story figure{margin:0px;}
.ai1ec-row {margin-left:0;}
@media all and (max-width: 767px) { 
 #bioModal img {
         max-width: 100%;
         float: none;
         margin: 0 0 20px;
     }
     

}
.ai1ec-tag{display:none !important;}
.ai1ec-fa{display:none !important;}
.ai1ec-fa-tags{display:none !important;}
a.ai1ec-tag{display:none !important;}

.s_1{margin:0 5px;color: #4e4e4e; font-weight: 700;}
.s_2{margin:0 5px; color: #eaaa00;font-weight: 700;}
.s_3{margin:0 5px;color: #315e9f;font-weight: 700;}
.footer_btn{background: #315e9f !important; color: #fff !important; border:#315e9f !important;}


.wptl-back-to-list a{background-color: rgba(49, 94, 159, 0.85);}
.wptl-back-to-list a i{background-color: rgba(49, 94, 159, 0.85);}
.wpex-endlabel.wpex-loadmore span, .wpex-tltitle.wpex-loadmore span, .wpex-loadmore .loadmore-timeline{background:
#315e9f;}
.wpex-timeline-list.show-icon .wptl-feature-name span{border-color:rgba(49, 94, 159, 0.85);}
.wpex-timeline-list.show-icon .wpex-timeline > li::after, .wpex-timeline-list.show-icon .wpex-timeline > li:first-child::before {
  background-color: rgba(49, 94, 159, 0.85);
}
.wpex-leftdate{  background-color: rgba(49, 94, 159, 0.85);
  height: 80px;
  padding: 12px;
  color: #fff;
}

.timeline-navigation div > a, .timeline-navigation a.btn{background:#315e9f; border-radius: 6px;
padding: 14px 24px;}
.wpex .wptl-excerpt {font-size:16px;}
@media all and (max-width: 480px) { 
.tlday{font-size:26px !important}
	.wpex-timeline-list .wptl-feature-name span{font-size:14px;}
	.wpex-content-left .tlday{font-size:30px;}
}
@media only screen and (device-width: 768px) {
  .wpex-content-left .tlday{font-size:30px !important;}
  /* For general iPad layouts */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1086px) and (orientation:portrait) {
  /* For portrait layouts only */
  .wpex-content-left .tlday{font-size:30px !important;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1086px) and (orientation:landscape) {
 
 .wpex-content-left .tlday{font-size:30px !important;}
 
 /* For landscape layouts only */
}
    .button-primary, .submit{
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    border: 1px solid #c0d0e4;
    background-color:#315e9f;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 12px 18px 12px 18px;
}

/*after 18 Jan 23 */
.bg_yellow_alert{background-color:#eba421 !important;color:#fff !important;border-color:#cd8500 !important;border-radius:0px;}
.carousel-item {height: 80vh;}
.text-yellow{color:#eba421;}
.appling-section a{color:#eba421;}

.appling-section .bar::before{background:#eba421;}
.site-header .apply_header {
    font-size: 15px;
    height: 52px;
    padding-left: 36px;
    padding-right: 36px;
    background: #eba421;
	transition: 0.3s all;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
    border: 0px solid #eba421;
    margin-bottom: 0px !important;
    color:#13254c !important;
}




.site-header .apply_header:hover, .site-header .apply_header:focus, .site-header .apply_header:active  {
    background: #315e9f;
    color: #fff !important;
}
.site-header .fs_newsletter {
    font-size: 12px;
    height: 52px;
    padding-left: 36px;
    padding-right: 36px;
    background: #315e9f;
	transition: 0.3s all;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
    border: 0px solid #eba421;
    margin-bottom: 0px !important;
    color:#fff !important;
}

.site-header .fs_newsletter:hover, .site-header .fs_newsletter:focus, .site-header .fs_newsletter:active {
    background: #eba421;
    color: #13254c !important;
}


.top-navbar-nav:hover .dropdown-menu{display:flex;margin:0;border: 0px}
.site-header .top-left-menu{padding:0px;}
.site-header .top-left-menu ul {
    height: 45px;
}

.site-header .top-left-menu li{background: #13254c;color:#fff;}
.site-header .top-left-menu ul li a{
  color: #fff;
  padding: .6rem 1rem;
  transition: 0.4s;
 }
 .site-header .top-left-menu li a:hover{color: #fff;}
 .site-header .top-left-menu .dropdown-menu li{height:65px;}
 .site-header .top-left-menu .dropdown-menu li a{
  color: #fff;
  padding: .1rem 1rem;
  transition: 0.4s;
  text-align: center;
 }
 
 .site-header .navbar-brand img {max-width:160px;}
  .site-header .navbar-brand{margin-left:60px;}
.footer-logo img{max-width: 230px;}
.short-banner::before {background: url(assets/images/FCTNewsHeader_23.png) no-repeat center center/cover;}
.bottom-center-menu li:hover .dropdown-menu{margin:0;}
.bottom-center-menu .menu-item-has-children .dropdown-toggle{display:none;}
.site-header .menu-wrapper {overflow: inherit;}
.mobile_iframe{height:380px;width:650px;}


@media (min-width: 1200px) {
    
  .bottom-center-menu li:hover .dropdown-menu{  display: block;width: max-content;margin: 0 15px;}
.menu-item-has-children::after {
    content: '';
    position: absolute;
    border: 1px solid currentColor;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-color: currentcolor;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-bottom: 0;
        border-bottom-width: 0px;
    border-top-color: var(--theme-color);
    right: 1px;
    top: 45%;
    transform: translateY(-50%) rotate(135deg);
    width: 8px;
    height: 8px;
    border-width: 1px 1px 0 0;

}
    
}
 @media all and (max-width: 420px) { 
     
  body {padding-top: 100px;}
  .site-header .menu-wrapper {
  top: 100px;
  position: absolute;
  height: calc(100vh - 100px);
    }
 .site-header .apply_header {margin:3px 0;}
  .site-header .fs_newsletter {margin:3px 0; background: #eba421;color:#fff !important; margin-bottom:30px !important}
     .position-absolute.banner-content{z-index:0;}
     .site-header .mobile-header{padding-top:0px;}
     .navbar-brand{padding-top:0px; margin:auto !important;}
.carousel-item {height: 50vh;}
.site-header .menu-wrapper {overflow-y: auto;overflow-x: hidden;}
.site-header .navbar-brand img {max-width:110px;}
.on .carousel-indicators{z-index:0;}
.bottom-center-menu .menu-item-has-children .dropdown-toggle{display:block;}
.bottom-center-menu .dropdown-menu{width: 100%;}
.bottom-center-menu .menu-item-has-children.open > .dropdown-menu > li a{color: #315e9f;}
.mobile_iframe{height:auto;width:auto;}
.site-header #searchform {padding: 1rem !important;}
 }
 
@media all and (max-width: 991px)
{
    .site-header .menu-wrapper {
  top: 100px;
  position: absolute;
  height: calc(100vh - 100px);
    }
    
body {padding-top: 100px;}
.site-header #searchform {padding: 1rem !important;}
      .site-header .apply_header {margin:3px 0;}
      .site-header .fs_newsletter {margin:3px 0;background: #eba421;color:#fff !important;}
      
      .site-header .mobile-header{padding-top:0px;}
     .navbar-brand{padding-top:0px;}
      .site-header .navbar-brand img {max-width:140px;}
      
.carousel-item {height: 60vh;}
.position-absolute.banner-content{z-index:0;}
.on .carousel-indicators{z-index:0;}
.site-header .menu-wrapper {overflow-y: auto;
overflow-x: hidden;}
.bottom-center-menu .menu-item-has-children .dropdown-toggle{display:block;}
 .bottom-center-menu .dropdown-menu{width: 100%;}
.bottom-center-menu .menu-item-has-children.open > .dropdown-menu > li a{color: #315e9f;}
}

@media (min-width:1400px){
	.site-header .bottom-menu li a {
		margin: 10px 18px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
body {padding-top: 100px;}
.menu-item-has-children.open > .dropdown-menu {width: 100%;position: static;border: none;}
.site-header .menu-wrapper {  top: 100px;  position: absolute;height: calc(100vh - 100px);}
    .site-header .navbar-brand img {max-width:140px;}
    .site-header .mobile-header {padding-top: 0px;}
    .site-header #searchform {padding: 1rem !important;}
    .position-absolute.banner-content{z-index:0;}
    .on .carousel-indicators{z-index:0;}
    .site-header .apply_header {margin:3px 0;}
    .site-header .fs_newsletter {margin:3px 0;background: #eba421;color:#fff !important;}
    
    .bottom-center-menu .menu-item-has-children .dropdown-toggle{display:block;}
    .menu-item-has-children .dropdown-toggle {float: right;transition: 0.3s all;}
    .bottom-center-menu .dropdown-menu{width: 100%;}
.bottom-center-menu .menu-item-has-children.open > .dropdown-menu > li a{color: #315e9f;padding-left: 30px !important;}
}