@font-face {
    font-family: 'Proba Pro';
    src: url('../fonts/Proba Pro.otf')
}

@font-face {
    font-family: 'Proba Pro Medium';
    src: url('../fonts/Proba Pro Medium.otf')
}

@font-face {
    font-family: 'Proba Pro Bold';
    src: url('../fonts/Proba Pro Bold.otf')
}

@font-face {
    font-family: 'Proba Pro SemiBold';
    src: url('../fonts/Proba Pro SemiBold.otf')
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('../fonts/PlayfairDisplay-Bold.ttf')
}

@font-face {
    font-family: 'Proba Pro Light';
    src: url('../fonts/Proba Pro Light.otf')
}

body {
    overflow-x: hidden !important;
}

body::after {
    content: '';
    display: block;
    height: 332px;
}

.text-playfair-bold {
    font-family: "PlayfairDisplay-Bold", sans-serif !important;
}

.text-regular {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Proba Pro", sans-serif;
}

.text-medium {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Proba Pro Medium", sans-serif;
}

.text-semibold {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Proba Pro SemiBold", sans-serif;
}

.text-bold {
    font-family: "Proba Pro Bold", sans-serif;
}

.text-14 {
    font-size: 14px !important;
}

.course-card {
    min-height: 423px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.16) !important;
}

.side-border {
    border: 1px solid #CED5DA !important;
}

.list-group-item {
    border-color: #dee2e6 !important;
}

a .course-card .outer-circle {
    transition: all 0.2s ease-in-out;
}

a:hover .course-card .outer-circle {
    border-color: #182F5F !important;
    background: #182F5F !important;
}

.outer-circle {
    height: 87px;
    width: 87px;
    border: 3px solid #CED5DA;
    border-radius: 50%;
}

a .card .card-body .card-title {
    transition: all 0.2s ease-in-out;
}

.department-program:hover a,
a:hover .card .card-body .card-title {
    color: rgba(24,47,95,0.6) !important;
}

.text-16 {
    font-size: 16px !important;
}

.text-18 {
    font-size: 18px !important;
}

.text-20 {
    font-size: 20px !important;
}

.text-22 {
    font-size: 22px !important;
}

.text-24 {
    font-size: 24px !important;
}

.line-height-18 {
    line-height: 18px !important;
}

.line-height-20 {
    line-height: 20px !important;
}

.line-height-24 {
    line-height: 24px !important;
}

.line-height-25 {
    line-height: 25px !important;
}

.line-height-28 {
    line-height: 28px !important;
}

.line-height-30 {
    line-height: 30px !important;
}

.line-height-44 {
    line-height: 44px !important;
}

.text-30 {
    font-size: 30px !important;
}

.text-44 {
    font-size: 44px !important;
}

.text-60 {
    font-size: 60px !important;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.object-fit {
    object-fit: cover !important;
}

.object-position {
    object-position: center !important;
}

.outline-none {
    outline: none !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.bg-blue {
    background: #182F5F !important;
}

.bg-transparent-layer {
    background: rgba(24, 47, 95, 0.6) !important;
}

.carousel-overlay {
    top: 0;
    left: 0;
    background: rgba(24, 47, 95, 0.36);
    z-index: 0;
}

.owl-carousel {
    z-index: 0 !important;
}

.owl-dots {
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%);
    bottom: 14%;
    z-index: 2;
}

.owl-theme .owl-dots .owl-dot.active span {
    height: 10px;
    background: #fff !important;
}

.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #fff !important;
    background: transparent !important;
    margin-right: 4px !important;
}

.owl-theme .owl-nav [class*=owl-] {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
}

.owl-prev:hover, .owl-next:hover {
    background: rgba(0, 0, 0, 0.4) !important;
}

.owl-prev, .owl-next {
    background: rgba(255, 255, 255, 0.3) !important;
}

.text-light-blue {
    color: rgba(24, 47, 95, 0.6);
}

.title-background {
    min-height: 248px;
    background: url(../img/title-background.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

a .course-type .text-blue {
    transition: all 0.2s ease-in-out;
}

a:hover .course-type .text-blue {
    color: rgba(24, 47, 95, 0.6) !important;
}

.inline-border {
    border: 1px solid #CED5DA !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.outline-border {
    min-height: 152px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #182F5F !important;
}

a:hover .outline-border {
    background: #182F5F !important;
}

a:hover .outline-border h4 {
    color: #fff !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.bg-light-gray {
    background: #F8F8F8 !important;
}

.see-all:hover {
    color: #fff !important;
    background: #182F5F !important;
}

.line-height-60 {
    line-height: 60px !important;
}

.text-blue {
    color: #182F5F !important;
}

.card img {
    height: 287px;
}

.calendar {
    height: 16px !important;
}

.main-gallery-image {
    height: 304px !important;
}

.card-bg-transparent-layer {
    background: rgba(24, 47, 95, 0.8) !important;
}

.overlay {
    top: 0;
    opacity: 0;
    transition: .3s ease;
    background-color: rgba(24, 47, 95, 0.6);
}

.main-gallery-image:hover .overlay {
    opacity: 1;
}

.icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.trext-26 {
    font-size: 26px !important;
}

footer {
    bottom: 0;
}

.footer-border {
    border: 1px solid #fff;
}

/*--------------------------------------------------------
                    GALLERY
--------------------------------------------------------*/
.gallery-image-wrapper {
    height: 304px;
    transition: opacity 0.2s ease-in-out;
}

.gallery-image-wrapper:hover .card-body {
    opacity: 1 !important;
    background-color: #fff;
    color: #000;
}

.gallery-image-wrapper .gallery-detail {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
}

.gallery-image-wrapper:hover .gallery-title-background {
    opacity: 0.7 !important;
}

.gallery-image-wrapper .gallery-title-background,
.gallery-image-wrapper:hover .gallery-detail {
    opacity: 0;
}

.gallery .card-body {
    border-top: 1px solid #EDEDF1;
}

.see-all,
.icon-rigth {
    transition: all 0.3s ease-in;
}

.all-news:hover .see-all,
.card-body:hover .icon-rigth {
    transform: translate(6px, 0);
}

.gallery-title-background {
    top: 0;
    left: 0;
    opacity: 0;
    height: 248px !important;
}

.gallery-title {
    padding: 0 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery-image-wrapper .card-body {
    bottom: 0;
    opacity: 0;
}

.gallery-detail {
    right: 10px;
    bottom: 11px;
}

.gallery-date span {
    background-color: #212121ba;
    border-color: #212121ba;
    padding: 6px 12px 3px;
}

.gallery-photos span {
    background-color: #3473C4;
    border-color: #3473C4;
    padding: 6px 12px 3px;
}

.zoom-background {
    top: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in;
}

.zoom-background img {
    height: 30px;
    width: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    transform: translate(50% 50%);
    transition: opacity 0.2s ease-in;
    opacity: 0;
}

.photo-card:hover .zoom-background {
    opacity: 0.6;
}

.photo-card:hover .zoom-background img {
    opacity: 1;
}

.radius-5 {
    border-radius: 5px !important;
}

/*--------------------------------------------------------
                    Scroll to top
--------------------------------------------------------*/
#myBtn {
    display: none;
    bottom: 4% !important;
    right: 2%;
    z-index: 99;
}

#myBtn:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#myBtn img {
    height: 36px;
    width: 28px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}