
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed|BenchNine|Lato|Roboto|Roboto+Condensed|Saira+Extra+Condensed:300,400&display=swap'); * {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}

div.banner {
    width: 100%;
}

html {
    scroll-behavior: smooth;
}

.header {
    z-index: 1;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #004ea2;
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #007bff;
}

.top-bar {
    z-index: 1;
    background: #ffffff/*f0f0f0 #192f59 */ /* #0a3f7a; */ ;
    color: #192f59/* #F2F2F2F2 */ ;
    padding: 1px 1px;
    height: auto;
    -webkit-transition: height .4s;
    transition: height .4s;
    display: flex;
    flex-wrap: wrap;
}

.top-bar-hidden {
    z-index: 1;
    -webkit-transition: height .4s;
    /* For Safari 3.1 to 6.0 */
    transition: height .4s;
    height: 0px;
}

div.top-bar-right-menu>div>ul>li {
    list-style-type: none;
    padding: .22rem .5rem .22rem .5rem;
    display: list-item;
}

/*
div.top-bar-right-menu>div>ul>li:nth-child(1) {
    background-color: #0074fa;
    margin: -1px 0px -1px 0px;
    transition: all .5s ease-in-out;
}
*/
div.top-bar-right-menu>div>form>div {
    width: 57px;
    padding: 0px 3px 0px 3px;
    transition: all .5s ease-in-out;
}

div.top-bar-right-menu>div>form>div:hover {
    width: 300px;
    transition: all .5s ease-in-out;
}

/*
div.top-bar-right-menu>div>ul>li:nth-child(1) a {
    color: #dbdbdb;
}

div.top-bar-right-menu>div>ul>li:nth-child(1) a:hover {
    color: #ffffff;
}

div.top-bar-right-menu>div>ul>li:nth-child(1):hover {
    background-color: #004ea2;
    transition: all .5s ease-in-out;
}
*/
div.top-bar-right-menu>div>ul {
    margin-bottom: 0;
    margin-right: 10px;
}

div.top-bar-right-menu>div>ul>li>a:hover {
    color: #007bff/*  rgb(255, 255, 255) */ ;
}

div.top-bar-right-menu>div>ul>li>a {
    color: #004ea2;
}

.top-bar>div {
    flex: 0 0 50%;
}

.top-menu {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    height: auto;
    /* position: fixed; */
}

#brand {
    width: 270px;
    height: 100px;
    padding: 2px 0;
    margin: 0;
    text-transform: uppercase;
    padding-right: 0;
}

#brand img {
    width: 96px;
    height: 96px;
    float: left;
}

#brand h1 {
    position: absolute;
    color: #004ea8;
    font-family: "segoe UI";
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    margin: 5px 0 0 110px;
}

#brand h4 {
    position: absolute;
    font-size: .68em;
    text-align: center;
    font-family: 'Signika',sans-serif;
    text-transform: lowercase;
    color: #000;
    margin: 77px 5px 5px 110px;
}

.top-bottom-bar {
    display: block;
    background-color: rgb(240, 240, 240);
    width: 100%;
    border: #e2e2e2 1px solid;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .4rem;
    padding-left: .4rem;
}

.navbar-brand {
    margin-right: 0.6rem;
}

.navbar-brand>img {
    box-shadow: 0px 0px 7px 3px #f9f9f9;
    border-radius: 50%;
}

.navbar {
    padding: 0rem 0rem
}

/*
.navbar-light{
	padding:0;
	background-color: rgb(240, 240, 240);
	border: #e2e2e2 1px solid;
}
.navbar-dark.bg-primary{
	background-color: #004ea2!important;
}*/
html, body {
    scroll-padding-top: 140px;
    /* height of sticky header */
}

.top-bottom-bar-hidden {
    display: none;
}

.top-bar-menu {
    z-index: 1;
    width: 100%;
    background-color: #004ea2;
    top: 0;
    /* #ffffff; */
}

.top-bar-menu-visible {
    z-index: 1;
    position: fixed;
    width: 100%;
    opacity: 1;
    z-index: 16;
}

.top-bar-menu-hidden {
    z-index: 1;
    position: relative;
    opacity: 0;
    width: 100%;
    transition: all 1s ease-in-out;
}

.menu {
    display: flex;
    flex: 1;
    position: relative;
}

.menu .menu-1, .menu .menu-2 {
    flex: 4;
    margin: auto;
}

.menu ul li a,.navbar-expand ul li>a.nav-link {
    color: #004ea2/*#004ea2 #fa4d53 */;
    font-size: 15px;
    text-decoration: none!important;
}

.navbar-expand ul li>a.nav-link {
    color: #004ea2!important;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff!important;
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: #dedede;
}

.navbar.navbar-expand.navbar-light.bg-primary {
    background-color: #004ea2!important;
}

.menu ul li a:hover {
    color: #0074fa/* #3F51B5 */ ;
    text-decoration: underline;
    padding: 0 0 0 0;
}

.menu li:hover .sub-menu {
    /* top: 0; */
    display: block;
}

.menu li .sub-menu {
    /* top: 0; */
    display: none;
    z-index: 8;
    min-width: 173px;
}

div.top-menu>div>ul.menu-1 ul>li, div.top-menu>div>ul.menu-2 ul>li {
    color: #0a3f7a;
    padding: 2px 5px 2px 5px;
}

div.top-menu>div>ul.menu-1 div, div.top-menu>div>ul.menu-2 div {
    color: #0a3f7a;
    padding: 2px;
}

div.mega-menu>div ul>li>ul {
    width: 100%;
}

div.top-menu>div>ul.menu-1 ul>li:hover, div.top-menu>div>ul.menu-2 ul>li:hover {
    color: #0074fa;
    background: #fff;
}

.sub-menu ul li {
    display: none;
    position: relative;
    background-color: #004ea8;
}

div.top-menu.container>div>ul li ul>li>a {
    font-size: 15px;
}

.sub-menu ul li:hover {
    background-color: #003879;
}

.sub-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.top-menu>div.menu ul.menu-1>li a:hover, div.top-bar-right-menu>div>ul>li>a, .top-menu>div.menu ul.menu-2>li a:hover {
    text-decoration: none;
}

div.top-bar-menu>div.top-menu.container>div>ul.menu-1>li>a, div.top-bar-menu>div.top-menu.container>div>ul.menu-2>li>a {
    font-size: 15px;
    flex: 1;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

div.top-bar-menu>div.top-menu.container>div>ul.menu-1>li:hover a, div.top-bar-menu>div.top-menu.container>div>ul.menu-2>li:hover a {
    /* color: #fa4d53; */
}

div.menu>ul>li>ul {
    margin-left: -5px;
}

/*ul ol li format*/
.single-page-container ul,.single-container ul {
    padding-left: 15px;
}

.single-page-container li,.single-container li {
    margin-bottom: 10px;
}

.single-page-container li:before,.single-container li:before {
    margin: 0 5px 0 -15px;
}

ul.bullet,ul.check-box,ul.check-box-o,ul.check {
    list-style: none;
}

ul.bullet li:before {
    font-family: 'FontAwesome';
    content: '\f054';
}

ul.check-box li:before,li.check-box:before {
    font-family: 'FontAwesome';
    content: '\f046';
}

ul.check li:before,li.check:before {
    font-family: 'FontAwesome';
    content: '\f00c';
}

ul.check-box-o li:before,li.check-box-o:before {
    font-family: 'FontAwesome';
    content: '\f096';
}

ol.step {
    list-style-type: none;
    counter-reset: elementcounter;
    padding-left: 0;
}

ol.step>li:before {
    content: "Step " counter(elementcounter) ". ";
    counter-increment: elementcounter;
    font-weight: bold;
}

/*ul ol li format end*/
.logo {
    z-index: 1;
    position: relative;
    flex-basis: 124px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin-top: -36px;
    margin-bottom: -80px;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*-webkit-box-shadow: 0 0 7px 2px rgba(172, 172, 172, 0.521);
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.3);
      background: -moz-linear-gradient(top, #004ea8 0%, #004ea8 77%, #304ffe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004ea8), color-stop(77%, #500000), color-stop(100%, #304ffe));
    background: -webkit-linear-gradient(top, #004ea8 0%, #004ea8 77%, #304ffe 100%);
    background: -o-linear-gradient(top, #004ea8 0%, #004ea8 77%, #304ffe 100%);
    background: -ms-linear-gradient(top, #004ea8 0%, #004ea8 77%, #304ffe 100%);
    background: linear-gradient(to bottom, #3f51b5d6 0%, #00bcd4b8 77%, #0D47A1 100%); */
    border-radius: 50%;
    padding: 2px;
    transition: all .5s ease-in-out;
}

.shadow {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(41, 41, 41, 1);
    -moz-box-shadow: 0px 0px 10px -5px rgba(41, 41, 41, 1);
    box-shadow: 0px 0px 10px -5px rgba(41, 41, 41, 1);
    border: 1px solid rgba(0,0,0,.125);
    background-color: #fff;
}

.aiub-breadcrumb .mb-4 {
    margin-top: -15px;
}

.logo-small {
    margin-bottom: -15px;
    margin-top: -13px;
    flex-basis: 70px;
    border-radius: 50%;
    transition: all .5s ease-in-out;
    padding: 0px;
}

.logo .img-small {
    width: 72px;
    margin-top: 1px;
    padding-top: 1px;
    transition: all .5s ease-in-out;
}

.logo>img {
    width: 120px;
    transition: all .5s ease-in-out;
    border-radius: 50%;
    /* -webkit-box-shadow: 0 0 7px 2px rgb(212, 212, 212); */
    /* box-shadow: 0 0 7px 2px rgb(212, 212, 212); */
    box-shadow: 0px 0px 7px 3px #f9f9f9;
    margin-top: 4px;
}

.logo>img:hover {
    box-shadow: 0px 0px 7px 3px #007bff;
    transition: all .5s ease-in-out;
}

/* 
.top-bottom-bar .menu .menu-2 {
    line-height: 33px;
} */
div.top-bottom-bar>div>ul>li {
    transition: all .5s ease-in-out;
    padding: 5px 0px 5px 0px;
}

div.top-bottom-bar li:hover {
    transition: all .5s ease-in-out;
}

.top-menu .menu>ul>li {
    /* border-bottom: 1px solid #f4f4f4; */
    line-height: 45px;
    padding: 0px 5px 0px 5px;
}

ul.sub-menu>li {
    line-height: 35px;
}

.top-menu .menu>ul>li:hover {
    /* border-bottom: 2px solid #2196F3; */
    /* box-shadow: 0px 0px 7px 3px #007bff; */
    background-color: #224077/* #ececec */ ;
}

.menu ul {
    display: flex;
    list-style: none;
    flex-flow: row wrap;
}

div.menu>ul>li {
    flex: 1;
    text-align: center;
}

.menu ul.sub-menu>li {
    text-align: initial;
    padding-left: 10px!important;
    padding-right: 10px;
    background: rgb(228, 228, 228);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgb(231, 231, 231) 100%);
}

.mega-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: 30px;
}

.mega-menu li, .mega-menu ul {
    display: block;
    text-align: initial;
    width: max-content;
    line-height: 33px;
    ; }

.mega-menu li a {
    font-size: 15px!important;
}

.mega-menu .row {
    margin: 0px;
}

div.top-bar-menu>div.top-menu.container>div>ul.menu-1>li:hover .mega-menu, div.top-bar-menu>div.top-menu.container>div>ul.menu-2>li:hover .mega-menu {
    /* margin-left: -15px; */
    display: block;
    z-index: 8;
    background: rgb(228, 228, 228);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.82) 0%, rgb(231, 231, 231) 100%);
}

div>ul.menu-1>li>.mega-menu *, div.top-menu>div>ul.menu-1 .mega-menu ul>li, div>ul.menu-2>li>.mega-menu *, div.top-menu>div>ul.menu-2 .mega-menu ul>li {
    background: initial;
}

.banner-text {
    display: flex;
    padding: 15% 0;
}

.banner-text-items {
    color: #ffffff;
    margin: auto;
    text-align: center;
    width: 50%;
}

.banner-text-items h2 {
    font-size: 3em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Gupter', "open sans", arial, sans-serif;
}

.banner-text-items p {
    font-size: 18px;
}









div.faculty>div {
}

.flat_box .photo_wrapper {
    position: relative;
    line-height: 0;
    overflow: hidden
}

.flat_box .photo_wrapper .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 103px;
    text-align: center;
    color: #fff;
    z-index: 2
}

.flat_box .photo_wrapper .icon i {
    display: block;
    width: 100%;
    height: 103px;
    line-height: 103px;
    font-size: 55px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

.flat_box .photo_wrapper .icon div {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: calc(100% - 18px)!important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.flat_box:hover .photo_wrapper .icon, .flat_box a:hover .photo_wrapper .icon {
    -webkit-transform: translateX(-103px);
    transform: translateX(-103px)
}

.flat_box .photo_wrapper div.photo {
    position: relative;
    display: block;
    z-index: 1;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.flat_box:hover .photo_wrapper div.photo, .flat_box a:hover .photo_wrapper div.photo {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}

.flat_box .desc_wrapper {
    margin-left: 90px
}

@media only screen and (min-width: 960px) {
    #academicPartnersCarousel .carousel-item {
        height:fit-content
    }

    #strategicPartnersCarousel .carousel-item {
        height: fit-content
    }

    .one-fourth .flat_box .photo_wrapper .icon {
        width: 60px
    }

    .one-fourth .flat_box .photo_wrapper .icon i {
        height: 40px;
        line-height: 40px;
        font-size: 35px;
        margin-top: -20px
    }

    .one-fourth .flat_box a:hover .photo_wrapper .icon {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px)
    }

    .one-fourth .flat_box .desc_wrapper {
        margin-left: 60px
    }
}

.flat_box .photo_wrapper .icon {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.flat_box .photo_wrapper div {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

div>div.fst>div.card-body {
    background-color: #0072bc;
    
}

div>div.fba>div.card-body {
    background-color: #008c44;
}

div>div.fe>div.card-body {
    background-color: #f7941e;
}

div>div.fass>div.card-body {
    background-color: #c5281c;
}
i.icon-fass {
    background: url('https://www.aiub.edu/Files/Templates/NewAIUB/assets/images/AIUB_Department_Logo/FASS.png') no-repeat;
    background-size: cover;
}

i.icon-fst {
    background: url('https://www.aiub.edu/Files/Templates/NewAIUB/assets/images/AIUB_Department_Logo/fst.png') no-repeat;
    background-size: cover;
    /*transform: rotate(-90deg);
    width: 180px!important;
    height: 114px!important;
    margin-top: -56px!important;
    margin-left: -73px;*/
}

i.icon-fba {
    background: url('https://www.aiub.edu/Files/Templates/NewAIUB/assets/images/AIUB_Department_Logo/FBA.png') no-repeat;
    background-size: cover;
}

i.icon-fe {
    background: url('https://www.aiub.edu/Files/Templates/NewAIUB/assets/images/AIUB_Department_Logo/FE.png') no-repeat;
    background-size: cover;
}

div.themebg {
    background-color: #b9e5fb;
}

div.faculty div.card-body>h5 {
    padding: 5px;
    /* margin: 0px; */
}

div.faculty div.card-body>h5>a {
    text-decoration: none;
    transition: all .4s ease-in-out;
}

div.faculty div.card-body>h5>a:hover {
    text-shadow: #646464 0px 0px 0px, #fefefe 0px 0px 5px;
    transition: all .4s ease-in-out;
}

div.faculty div.card-body {
    padding: 0.3rem;
    height: 3rem;
}

.faculty .col-md-3>div {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 0px 0px 5px 1px rgba(148, 148, 148, 0.3);
}

.faculty .col-md-3>div:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.faculty .col-md-3>div.fst:hover {
    box-shadow: 0px 0px 10px 3px #0072bc;
}

.faculty .col-md-3>div.fba:hover {
    box-shadow: 0px 0px 10px 3px #008c44;
}

.faculty .col-md-3>div.fe:hover {
    box-shadow: 0px 0px 10px 3px #f7941e;
}

/* #dummybodyid > div.mb-6.mt-6.pb-5 > div > div.row > div:nth-child(4) > div */
.faculty .col-md-3>div.fass:hover {
    box-shadow: 0px 0px 10px 3px #c5281c;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fst>div.card-body.text-white {
    background-color: #0072bc;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fba>div.card-body.text-white {
    background-color: #008c44;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fe>div.card-body {
    background-color: #f7941e;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fass>div.card-body {
    background-color: #c5281c;
}

.faculty .card-body>h5.card-title {
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 0;
}



.color-bar {
    /*margin-top: 15px;*/
    position: relative;
    height: 4px;
    background: #004ea8;
    background: -webkit-linear-gradient(left top, #0072bc 0%, #0072bc 25%, #008c44 25%, #008c44 60%, #f7941e 60%, #f7941e 85%, #c5281c 85%, #c5281c 100%) repeat scroll 50% 0 transparent;
    background: -o-linear-gradient(left top, #0072bc 0%, #0072bc 25%, #008c44 25%, #008c44 60%, #f7941e 60%, #f7941e 85%, #c5281c 85%, #c5281c 100%) repeat scroll 50% 0 transparent;
    background: -moz-linear-gradient(left top, #0072bc 0%, #0072bc 25%, #008c44 25%, #008c44 60%, #f7941e 60%, #f7941e 85%, #c5281c 85%, #c5281c 100%) repeat scroll 50% 0 transparent;
    background: -ms-linear-gradient(left top, #0072bc 0%, #0072bc 25%, #008c44 25%, #008c44 60%, #f7941e 60%, #f7941e 85%, #c5281c 85%, #c5281c 100%) repeat scroll 50% 0 transparent;
    background: linear-gradient(left top, #0072bc 0%, #0072bc 25%, #008c44 25%, #008c44 60%, #f7941e 60%, #f7941e 85%, #c5281c 85%, #c5281c 100%) repeat scroll 50% 0 transparent
}






.aiub-footer-wrapper {
    background-color: #181818;
}

.aiub-widget>h3 {
    font-size: 1.15rem;
}

.aiub-footer-wrapper .aiub-widget-title {
    color: #ffffff;
}

.aiub-widget-title-color {
    color: #004ea2!important;
    /*#0d325c*/
    text-align: left;
    border-bottom: 2px solid #004ea2 !important;
    font-weight: 700;
}

.header-title {
    color: #004ea8;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

div.aiub-breadcrumb .header-title {
    font-size: 28px;
    margin-top: -5px;
}

.aiub-footer-wrapper h1, .aiub-footer-wrapper h3, .aiub-footer-wrapper h3, .aiub-footer-wrapper h4, .aiub-footer-wrapper h5, .aiub-footer-wrapper h6 {
    color: #ffffff;
}

.aiub-footer-wrapper .aiub-widget-title {
    border-bottom: solid 2px #0074fa;
}

.aiub-footer-wrapper {
    color: #ababab;
}

.aiub-footer-wrapper .widget_meta ul li:before {
    color: #ababab;
}

.aiub-footer-wrapper a {
    color: #8d8d8d;
}

.aiub-footer-wrapper a:hover {
    color: #ffffff;
}

.aiub-footer-wrapper, .aiub-footer-wrapper * {
    border-color: #363636;
}

.aiub-copyright-wrapper {
    background-color: #202020;
}

.aiub-copyright-wrapper {
    color: #838383;
}

.aiub-copyright-wrapper a {
    color: #ffffff;
    padding: 4px;
}

.aiub-copyright-wrapper a:hover {
    color: #0074fa;
}

.aiub-footer-back-to-top-button {
    background-color: #dbdbdb;
}

.aiub-footer-wrapper {
    padding-top: 30px;
    padding-bottom: 30px
}

.aiub-copyright-container {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#aiub-copyright {
    font-size: 8px;
}

#aiub-copyright div {
    font-size: 8px;
}
