.menu-main-menu-container>ul>li,
.menu-main-menu-container>ul>li>a,
.primary-btn:after,
.primary-btn span,
.eesc-heading:before,
.eesc-heading h2,
.home-announcement p:before,
.home-announcement p span,
.crumbs a:after,
.link-col:before,
.download-icon,
.video-icon,
.flow-block,
.fm-arrow,
.fm-heading,
.fm-cat,
.pfb-subitem span,
.arrow-right,
.arrow-right:before,
.tablink span,
.tablink:before,
.staff-link,
.staff-link span,
.pc-tel:before,
.pc-location:before,
.pc-fax:before,
.pc-email:before,
.pc-id:before,
.pc-link:before,
.pagination-arrow,
.icon-instagram {
    display: inline-block;
}

.main-menu-button,
.backtotop-container,
#backtotop,
.eesc-heading.aligncenter:after,
.header-banner:before,
.crumbs span:after,
.inpage-subheading::before,
.pathway-block:after,
.arrow-left:after,
.arrow-text-block:before,
.arrow-text-block:after,
.fm-arrow span:after,
.fm-details,
.fm-title, 
.overlay:after,
.pfb-item:after,
.pfb-item:nth-child(1):before,
.pfb-item:nth-child(1):after,
.pfb-item:nth-child(2):before,
.pfb-item:nth-child(3):before,
.pfb-subitems-container:before,
.pfb-year:before,
.people-col:after,
.thumbnail-slide::after {
    display: block;
}

.main-menu-inner,
.main-menu-container .menu-item-has-children ul,
.menu-arrow,
.backtotop-container,
.primary-btn:before,
.home-slide:after,
.slide-caption,
.about-slide:before,
.as-image,
.header-banner:before,
.crumbs span:after,
.inpage-subheading::before,
.pathway-block:after,
.pb-inner,
.arrow-left:after,
.ellipse-block span,
.flow-block span,
.grey-arrow span,
.fm-arrow span:after,
.fm-details,
.overlay:after,
.image-caption,
.pfb-item,
.pfb-item:after,
.pfb-item:nth-child(1):before,
.pfb-item:nth-child(1):after,
.pfb-item:nth-child(2):before,
.pfb-item:nth-child(3):before,
.arrow-right:before,
.pfb-timeline:after,
.pfb-year:before,
.pfb-desc,
.people-col:after,
.thumbnail-slide::after,
.about-mb-slider-container .as-image:before {
    position: absolute;
}

.main-menu-button,
.menu-main-menu-container>ul>li,
.primary-btn span,
.header-banner,
.inpage-subheading,
.pathway-block,
.ellipse-blocks,
.ellipse-block,
.flow-block,
.fb-top,
.grey-arrow,
.fm-block,
.fm-arrow,
.fm-arrow span,
.overlay,
.pfb-inner,
.pfb-items,
.pfb-subitems,
.pfb-timeline,
.thumbnail-slide {
    position: relative;
}

.fm-heading {
    float: right;
}

.home-announcement p:before,
.home-announcement p span,
.pfb-subitem span,
.arrow-right,
.tablink span,
.tablink:before,
.staff-link,
.staff-link span,
.pagination-arrow {
    vertical-align: top;
}

.menu-main-menu-container>ul>li>a,
.primary-btn:after,
.primary-btn span,
.eesc-heading:before,
.eesc-heading h2,
.eesc-heading.aligncenter:after,
.flow-block,
.pc-tel:before,
.pc-location:before,
.pc-fax:before,
.pc-email:before,
.pc-id:before,
.pc-link:before {
    vertical-align: middle;
}

.fm-arrow,
.fm-heading {
    vertical-align: bottom;
}

.slide-caption {
    top: 25%;
}

.pb-inner {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-menu-inner,
.primary-btn:before,
.ellipse-block span {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.home-slide,
.hn-photo,
.about-slide:before,
.as-image,
.home-opportunities,
.header-banner,
.photos-slide,
.thumbnail-slide,
.about-mb-slider-container .as-image:before,
.icon-instagram {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.main-menu-icon,
.menu-arrow,
#backtotop,
.question-btn,
.primary-btn:after,
.slide-logo,
.bx-wrapper .bx-controls-direction a,
.home-announcement p:before,
.hn-block,
.crumbs a:after,
.link-col:before,
.download-icon,
.video-icon,
.pathway-block:after,
.arrow-left:after,
.arrow-text-block:after,
.ellipse-block,
.grey-arrow,
.fm-block,
.fm-arrow span:after,
.arrow-right,
.pfb-timeline:after,
.tablink:before,
.staff-link,
a.pc-photo,
.pc-tel:before,
.pc-location:before,
.pc-fax:before,
.pc-email:before,
.pc-id:before,
.pc-link:before,
.pagination-arrow {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

body {
    min-width: 300px;
    color: #38383A;
    font-family: "DM Sans", "Noto Sans TC", sans-serif;
    font-size: 48.2%;
    /* 62% */
}

.container {
    width: 100%;
    min-width: 300px;
}

.wrapper {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
}

.inpage-wrapper {
    position: relative;
    max-width: 1200px;
    z-index: 2;
}

.staff-wrapper {
    max-width: 1350px;
}

h1 {
    font-size: 4.2em;
}

h2 {
    font-size: 3.5em;
}

h3 {
    font-size: 3em;
}

h4 {
    font-size: 2.6em;
}

h5 {
    font-size: 2.2em;
}

h6 {
    font-size: 1.8em;
}

a {
    text-decoration: none;
}

i,
em {
    font-style: italic;
}

p {
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.6;
    text-align: left;
}

p a {
    color: #18aeb8;
}


/* MOBILE */

.mobile {
    display: none;
}


/* GRID */

.grid-1-2 {
    overflow: hidden;
}

.grid-1-2>.grid-col {
    display: block;
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 2%;
}

.grid-1-2>.grid-col:nth-child(2n+2) {
    margin-right: 0;
}

.grid-1-2>.grid-col:nth-child(2n+1) {
    clear: both;
}

.college-blocks.grid-1-2 {
    overflow: hidden;
}

.college-blocks.grid-1-2>.college-block {
    display: block;
    float: left;
    width: 46.5%;
    margin-right: 7%;
    margin-bottom: 5%;
}

.college-blocks.grid-1-2>.college-block:nth-child(2n+2) {
    margin-right: 0;
}

.college-blocks.grid-1-2>.college-block:nth-child(2n+1) {
    clear: both;
}

.grid-1-3 {
    overflow: hidden;
}

.grid-1-3>.grid-col {
    display: block;
    float: left;
    width: 32.3%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
}

.grid-1-3>.grid-col:nth-child(3n+3) {
    margin-right: 0;
}

.grid-1-3>.grid-col:nth-child(3n+1) {
    clear: both;
}

.fm-blocks.grid-1-3 {
    overflow: hidden;
}

.fm-blocks.grid-1-3>.grid-col {
    display: block;
    float: left;
    width: 31%;
    margin-right: 3.3%;
    margin-bottom: 1.5%;
}

.fm-blocks.grid-1-3>.grid-col:nth-child(3n+3) {
    margin-right: 0;
}

.fm-blocks.grid-1-3>.grid-col:nth-child(3n+1) {
    clear: both;
}

.grid-1-4 {
    overflow: hidden;
}

.grid-1-4>.grid-col {
    display: block;
    float: left;
    width: 22.3%;
    margin-right: 3%;
    margin-bottom: 4%;
}

.grid-1-4>.grid-col:nth-child(4n+4) {
    margin-right: 0;
}

.grid-1-4>.grid-col:nth-child(4n+1) {
    clear: both;
}

.grid-1-5 {
    overflow: hidden;
}

.grid-1-5>.grid-col {
    display: block;
    float: left;
    width: 18.7%;
    margin-right: 1.5%;
    margin-bottom: 4%;
}

.grid-1-5>.grid-col:nth-child(5n+5) {
    margin-right: 0;
}

.grid-1-5>.grid-col:nth-child(5n+1) {
    clear: both;
}

.grid-1-4.link-blocks {
    overflow: hidden;
}

.grid-1-4.link-blocks>.link-block {
    display: block;
    float: left;
    width: 23.8%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
}

.grid-1-4.link-blocks>.link-block:nth-child(4n+4) {
    margin-right: 0;
}

.grid-1-4.link-blocks>.link-block:nth-child(4n+1) {
    clear: both;
}


/* HEADER */

.sticky {
    /*position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	box-shadow: 0px 0px 5px;*/
}

.header {
    /*position: fixed;*/
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1200px;
    z-index: 101;
    width: 98%;
    max-width: 1500px;
    background-color: #fff;
    margin-top: 15.6px;
    border-top-right-radius: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.header-left {
    padding: 10px 0;
    width: 665px;
}

.header-right {
    width: auto;
    padding-right: 20px;
}

.main-menu-button {
    display: none;
    background-color: #38383A;
    width: 78px;
    height: 78px;
    z-index: 101;
    cursor: pointer;
}

.main-menu-inner {
    width: 100%;
}

.main-menu-desc.close {
    display: none;
}

.main-menu-icon {
    width: 100%;
    height: 25px;
    background-image: url(images/main-menu-button@2x.png);
    text-align: center;
}

.menu-open .main-menu-icon {
    background-image: url(images/main-menu-close@2x.png);
}

.main-menu-desc {
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin-top: 5px;
    z-index: 101;
}


/*.header-logos {
    position: absolute;
    top: 50%;
    left: 78px;
    margin-left: 6%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}*/

.header-logos {
    margin-left: 20px;
}

.header-logo {
    position: relative;
    display: inline-block;
    width: auto;
}

.header-logo img {
    max-width: unset;
    max-height: 54.6px;
}

.header-logo-1 {
    margin-right: 19.5px;
    padding-right: 19.5px;
    border-right: 1px solid #38383A;
}

.header-logo-2 {
    margin-right: 20px;
}


/* MENU */

.main-menu-container {
    display: block;
}

.menu-main-menu-container>ul {
    /* @include equalwidth("li");*/
}

.menu-main-menu-container>ul>li {
    font-size: 1em;
}

ul#menu-main-menu>li:hover>a,
ul#menu-main-menu>li.current-menu-parent>a,
ul#menu-main-menu>li.current-menu-item>a {
    color: #12838A;
}

.menu-main-menu-container>ul>li:hover .menu-arrow {
    background-image: url(images/angle-down-solid-green.png);
}

.menu-main-menu-container>ul>li>a {
    color: #38383A;
    font-size: 17.7px;
    font-weight: 500;
    padding: 6px 7px;
}

.main-menu-container ul ul,
.menu-main-menu-container>ul:after {
    display: none;
}

.menu-main-menu-container>ul>li.menu-item-has-children>a {
    padding-right: 3px;
}

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

.main-menu-container .menu-item-has-children ul {
    display: none;
    background-color: #eceff1;
    left: 0;
    top: calc(100%);
    width: 232px;
    z-index: 10000;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.main-menu-container .menu-item-has-children ul a:hover {
    background-color: #12838A;
    color: #fff;
}

.main-menu-container .menu-item-has-children ul li a {
    display: block;
    padding: 12px 15px;
    color: #38383A;
    font-size: 16px;
    text-align: left;
}

.main-menu-container .menu-item-has-children:hover>ul {
    display: block;
}

.menu-arrow {
    display: none;
    top: 2px;
    right: 0;
    width: 11px;
    height: 32px;
    background-image: url(images/angle-down-solid-dark.png);
}

.main-menu-container .menu-arrow {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 12px;
}

.menu-main-menu-container>ul>li>ul>li .menu-arrow {
    text-align: right;
    position: absolute;
    top: 6px;
    transform: rotate(270deg);
    background-image: url(images/angle-down-solid-dark.png)!important;
}

.menu-main-menu-container>ul>li>ul>li:hover .menu-arrow {
    transform: rotate(270deg);
    background-image: url(images/angle-down-solid.png)!important;
}

.menu-main-menu-container>ul>li>ul>li:hover>a,
.menu-main-menu-container>ul>li>ul>li>ul>li:hover>a {
    color: #fff;
    background: #12838A;
}

.menu-main-menu-container>ul>li>ul>li .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}


/*  .main-menu-container {
      position: fixed;
    top: 0;
    left: -350px;
    width: 80%;
    height: 100vh;
    overflow-y: auto;
    max-width: 350px;
    min-width: 240px;
    padding-top: 12px;
    padding-bottom: 15.6px;
    padding-top: 90px;
    @include bc(#fff);
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: right 0.25s ease-in-out;
}

.menu-main-menu-container>ul {
    margin-top: 15px;
    li {}
    a {
        display: block;
        padding: 15.6px 25px;
        @include c($dark);
    }
}

.main-menu-container .menu-item-has-children {
    position: relative;
    ul {
        display: none;
    }
}
    .menu-arrow {
        @extend %abs,
        %contain;
        display: none;
        top: 19.5px;
        right: 19.5px;
        width: 20.28px;
        height: 11.7px;
        background-image: url(images/angle-down-solid-dark.png);
    }
    .main-menu-container .menu-arrow {
        display: inline-block;
    }
    .main-menu-container .menu-item-has-children.open {
        ul {
            display: block;
        }
        .menu-arrow {
            background-image: url(images/angle-down-solid.png);
        }
    }
    .main-menu-container .menu-item-has-children.open>a {
        @include bc($green);
        @include c(#fff);
    }
    .menu-main-menu-container>ul>li>a {
        @include font(2, 700);
    }
    .menu-main-menu-container>ul>li>ul>li>a {
        @include font(2, 400);
    }
    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-moz-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-o-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-webkit-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @-moz-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @-o-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    body.menu-open {
        .main-menu-icon {
            background-image: url(images/main-menu-close@2x.png);
        }
        .main-menu-container {
            left: 0;
            top: 15.6px;
            transition: left 0.25s ease-in-out;
        }
        .main-menu-desc {
            display: none;
        }
        .main-menu-desc.close {
            display: block;
        }
    }*/


/* FOOTER */

.footer {
    background-color: #38383A;
    color: #fff;
}

.footer-wrapper {
    max-width: 1700px;
    overflow: hidden;
}

.footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7em 0;
}

.footer-info {
    width: 33%;
}

.footer-info p {
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 35px;
    max-width: 270px;
}

.footer-logo {
    display: block;
    margin-bottom: 40px;
}

.footer-logo img {
    width: 255.84px;
}

.footer-heading {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 1.5em;
}

.footer-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.8;
}

.footer-contact a {
    color: #fff;
}

.footer-contact div:first-child {
    width: 73px;
}

.menu-footer-menu-container {
    width: 100%;
}

.menu-footer-menu-container>ul {
    -webkit-columns: 84px 3;
    columns: 84px 3;
    -webkit-column-gap: 8em;
    column-gap: 8em;
}

.menu-footer-menu-container>ul>li {
    margin-bottom: 68px;
}

.menu-footer-menu-container>ul>li>a {
    font-weight: 700;
    line-height: 1.8;
    text-transform: uppercase;
}

.menu-footer-menu-container li {
    margin-bottom: 2em;
}

.menu-footer-menu-container a {
    display: block;
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.menu-footer-menu-container .menu-item-has-children {
    /*  display: inline-block;
        vertical-align: top;*/
}

.menu-footer-menu-container .menu-item-has-children>a {
    padding-bottom: 15.6px;
}

.footer-bottom {
    border-top: 1px solid #fff;
    padding: 10px 0;
}

.bottom-menu {
    display: inline-block;
}

.bottom-menu li {
    display: inline-block;
}

.bottom-menu a {
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 30px;
}

.copyright {
    display: inline-block;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    text-align: right;
    float: right;
}

.content {
    position: relative;
}

.backtotop-container {
    top: 17em;
    right: 2em;
    z-index: 100;
}

.home .backtotop-container {
    top: 2em;
}

#backtotop {
    background-color: #38383A;
    background-image: url(images/angle-down-solid.png);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-size: 40%;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
}

.backtotop-container.sticky {
    position: fixed;
}

.question-btn {
    display: none;
    background-image: url(images/circle-question-solid.png);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-bottom: 2em;
    cursor: pointer;
}

.undergraduate-programme .backtotop-container {
    top: 15em;
    right: 2em;
}

.undergraduate-programme .question-btn {
    display: block;
}


/* GENERNAL */

.primary-btn {
    display: inline-block;
    position: relative;
    min-width: 261px;
    /* 335 */
    text-align: center;
    color: #38383A;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
    border-radius: 50px;
    padding: 15.6px 25px;
    margin: auto;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
}

.primary-btn:before {
    background-color: #fff;
    content: "";
    z-index: 1;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.primary-btn:after {
    position: relative;
    width: 7px;
    height: 12.48px;
    margin-left: 20.28px;
    margin-top: -2px;
    background-image: url(images/angle-right-solid-dark.png);
    content: "";
    z-index: 2;
}

.primary-btn span {
    z-index: 2;
}

.primary-btn:hover {
    color: #fff;
}

.primary-btn:hover:before {
    display: none;
}

.primary-btn:hover:after {
    background-image: url(images/angle-right-solid.png);
}

.primary-btn+.primary-btn {
    margin-left: 0.8em;
}

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

.sec-padding {
    position: relative;
    padding: 7em 0;
    overflow: hidden;
}

.eesc-heading {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 50px;
}

.eesc-heading:before {
    width: 27.3px;
    height: 4px;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
    margin-right: 10px;
    content: "";
}

.eesc-heading.aligncenter {
    display: block;
    margin-bottom: 15px;
}

.eesc-heading.aligncenter:before {
    display: none;
}

.eesc-heading.aligncenter:after {
    width: 54.6px;
    height: 4px;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
    margin: 15px auto 0;
    content: "";
}


/* HOME */

.home-slider-container .bx-viewport,
.home-slider {
    position: relative;
    width: 100%;
    padding-bottom: 46%;
}

.bx-wrapper {
    position: relative;
}

.home-slide {
    width: 100%;
    height: 100%;
}

.home-slide:after {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    content: "";
}

.slide-caption {
    width: 100%;
    color: #fff;
    z-index: 2;
}

.slide-caption h2 {
    font-size: 5.2em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
}

.slide-caption p {
    font-size: 2.8em;
    font-weight: 500;
    line-height: 1.4;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
    margin-bottom: 75px;
    max-width: 789px;
    /*  995 */
}

.slide-wrapper {
    width: 90%;
    margin: auto;
}

.slide-logo {
    width: 82px;
    height: 82px;
    background-image: url(images/eesc-logo-2.png);
    margin-bottom: 15.6px;
}

.home-slide .primary-btn {
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
}

.home-slide .primary-btn:before {
    display: none;
}

.home-slide .primary-btn:after {
    background-image: url(images/angle-right-solid.png);
}

.home-slide .primary-btn span {
    background-color: transparent;
}

.home-slide .primary-btn:hover {
    background: none;
    background-color: #fff;
    color: #38383A;
}

.home-slide .primary-btn:hover:after {
    background-image: url(images/angle-right-solid-dark.png);
}

.bx-wrapper .bx-controls-direction a {
    width: 27px;
    height: 55px;
    z-index: 10;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: inherit;
    opacity: 0.25;
}


/*.bx-controls {
    @extend %center-middle,
    %abs;
    width: 100%;
    height: 100%;
}*/

.bx-wrapper .bx-prev {
    left: 15.6px;
    background-image: url(images/slide-prev.png);
}

.bx-wrapper .bx-next {
    right: 15.6px;
    background-image: url(images/slide-next.png);
}

.bx-wrapper .bx-pager {
    bottom: 40px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 54.6px;
    height: 7.8px;
    border-radius: 10px;
    margin: 0 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
    z-index: 10;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #51ABB6;
}

.home-announcement {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #faf1e8;
    box-shadow: 0 0 6px #8e8989;
    padding: 25px 0;
    z-index: 1;
}

.home-announcement h2 {
    display: inline-block;
    width: 300px;
    color: #9a491a;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1%;
}

.home-announcement p {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.home-announcement p:before {
    width: 9px;
    height: 16px;
    background-image: url(images/angle-right-solid-red.png);
    content: "";
    margin-right: 24px;
}

.home-announcement p span {
    width: calc(100% - 40px);
}

.grey-bg {
    background-color: #eceff1;
}

.hn-blocks {
    overflow: hidden;
    padding-bottom: 40px;
    margin-top: 4em;
}

.home .hn-blocks {
    margin-top: 0;
}

.hide_desktop {
    display: none;
}

.hn-block {
    float: left;
    background-color: #fff;
    background-image: url(images/pattern.jpg);
    background-position: top;
    -webkit-box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    color: #38383A;
}

.hn-block .primary-btn {
    font-size: 1.6em;
    min-width: 154px;
}

.hn-block .primary-btn:before {
    height: 84%;
    width: calc(100% - 8px);
}

.hn-block .primary-btn span:after {
    top: 1px;
    width: 6px;
    height: 9px;
    margin-left: 14px;
}

.home .hn-block {
    width: 24.2%;
    margin-right: 1%;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
}

.home .hn-block:nth-child(4) {
    margin-right: 0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    z-index: 0;
}

.hn-block.no-image {
    background-image: url(images/news-pattern-2.jpg);
    padding-top: 7.5em;
}

.hn-block-inner {
    padding: 10px;
}

.hn-block-inner h3 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
}

.hn-photo {
    width: 100%;
    padding-bottom: 75%;
}

.hn-cat {
    display: inline-block;
    padding: 10px;
    font-size: 2em;
    color: #fff;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
    margin: -15.6px 0 15.6px -10px;
}

.hn-name {
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 10px;
}

.hn-date {
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 15px;
    margin-bottom: 15px;
}

.home .hn-date {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
}

.about-slider-container .bx-viewport,
.about-slider {
    position: relative;
    width: 100%;
    padding-bottom: 48%;
}

.about-slider-container .bx-wrapper .bx-pager {
    bottom: 0;
}

.about-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(56, 56, 58, 0.25);
}

.about-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #51abb6;
}

.about-slider-container .bx-wrapper .bx-prev {
    left: -5%;
    background-image: url(images/prev-dark.png);
}

.about-slider-container .bx-wrapper .bx-next {
    right: -5%;
    background-image: url(images/next-dark.png);
}

.about-slide {
    width: 100%;
    height: 100%;
}

.about-slide:before {
    right: 0;
    top: 58px;
    width: 91.5%;
    padding-bottom: 39.7%;
    background-image: url(images/blue-pattern.jpg);
    content: "";
}

.about-slide .primary-btn {
    font-size: 1.6em;
}

.as-image {
    top: 0;
    left: 0;
    width: 66.3%;
    padding-bottom: 37.5%;
}

.as-content {
    position: absolute;
    top: 20%;
    right: 5%;
    width: 50%;
    padding: 3%;
    z-index: 999;
    background-color: #d3fee3;
}

.as-content h3 {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15.6px;
}

.as-content p {
    width: 93%;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 30px;
}

.home-opportunities {
    background-image: url(images/opportunity-bg.jpg);
    background-position: bottom;
}

.icon-blocks {
    margin-top: 3em;
    margin-bottom: 23em;
}

.icon-block {
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    padding: 1em 0 5em;
    transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.icon-block h3 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    color: #38383A;
    text-align: center;
}

a.icon-block:hover {
    background-color: #effbff;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.ib-icon {
    position: relative;
    display: block;
    width: 157.56px;
    height: 157.56px;
    margin: 0 auto 1%;
}

.ib-icon img {
    position: absolute;
    width: 100%;
}

.home-programme {
    background-color: #faf1e8;
}

.home-programme .eesc-heading.aligncenter:after {
    background: #9a491a;
}

.btns {
    margin-top: 3em;
}

.home-gallery {
    overflow: hidden;
}

.home-gallery-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hg-images {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hg-image {
    margin-right: 8px;
}

.hg-image img {
    display: block;
    max-width: unset;
}

.hg-images-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hg-images-1 .hg-images:first-child {
    -webkit-animation: loop 60s linear -30s infinite;
    animation: loop 60s linear -30s infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.hg-images-1 .hg-images+.hg-images {
    -webkit-animation: loop2 60s linear infinite;
    animation: loop2 60s linear infinite;
}

.hg-images-1 .hg-image img {
    height: 469px;
}

.hg-images-1 .hg-image:nth-child(3n + 1) img {
    height: 230px;
}

.hg-images-1 .hg-image:nth-child(3n + 1) img:first-child {
    margin-bottom: 8px;
}

.hg-images-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
}

.hg-images-2 .hg-images:first-child {
    -webkit-animation: loop 54s linear -27s infinite;
    animation: loop 54s linear -27s infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.hg-images-2 .hg-images+.hg-images {
    -webkit-animation: loop2 54s linear infinite;
    animation: loop2 54s linear infinite;
}

.hg-images-2 img {
    height: 297px;
}


/*keyframe animations*/

@-webkit-keyframes loop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes loop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes loop2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@keyframes loop2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}


/* Inpage */

.header-banner {
    width: 100%;
    padding-bottom: 37%;
}

.header-banner:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3b6f71;
    background: -webkit-gradient(linear, left top, right top, from(#3b6f71), color-stop(70%, rgba(65, 92, 93, 0.669905)), to(rgba(65, 92, 93, 0)));
    background: linear-gradient(90deg, #3b6f71 0%, rgba(65, 92, 93, 0.669905) 70%, rgba(65, 92, 93, 0) 100%);
    opacity: 0.3;
    content: "";
    z-index: 1;
}

.header-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2% 0;
    z-index: 2;
    /*   &:after {
                    @extend %abs,
                    %ib;
                    left: 0;
                    bottom: 0;
                    width: 68%;
                    padding-bottom: 12%;
                    background-color: #fff;
                    content: "";
                    z-index: 2;
                }*/
}

.header-bottom .wrapper {
    /*   position: relative; 
                    @extend %abs,
                    %center-middle;*/
    z-index: 3;
}

.header-bottom .eesc-heading {
    margin-bottom: 0;
    font-size: 5.2em;
    max-width: 70%;
    text-transform: capitalize;
}

.header-bottom p {
    margin-left: 50px;
    font-size: 3.2em;
    max-width: 70%;
}

.breadcrumbs {
    margin-left: 50px;
    max-width: 70%;
    margin-top: 30px;
}

.crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.4em;
}

.crumbs li {
    position: relative;
}

.crumbs a {
    color: #38383A;
    text-transform: capitalize;
}

.crumbs a:after {
    width: 9px;
    height: 16px;
    background-image: url(images/angle-right-solid-grey.png);
    margin: 0 27px;
    content: "";
}

.crumbs span:after {
    width: 100%;
    height: 1px;
    bottom: 2px;
    background-color: #3c8188;
    content: "";
}

.programme-wrapper {
    width: 82%;
    float: right;
}

.text-block p {
    margin-bottom: 0.5em;
}

.text-block ul {
    list-style: inside;
}

.text-block ol {
    list-style: decimal;
}

.text-block li {
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 1%;
}

.text-block li a {
    color: #51ABB6;
}

.text-block li p {
    font-size: 1em;
}

.grey-text-block {
    background-color: #ECEFF1;
    padding: 4em 5em;
    margin-top: 4em;
    /*margin-bottom: 7em!important;*/
}

.grey-text-block:first-child {
    margin: 0;
}

.grey-text-block h4 {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 1em;
}

.grey-text-block ul {
    list-style: outside;
    width: calc(100% - 17px);
    margin-left: 17px;
    margin-bottom: 0;
}

.grey-text-block ol {
    list-style: decimal;
    width: calc(100% - 17px);
    margin-left: 17px;
}

.grey-text-block p {
    font-size: 2em;
}

.grey-text-block li {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 1%;
}

.grey-text-block li:last-child {
    margin-bottom: 0;
}

.grey-text-block li a {
    color: #51ABB6;
}

.grey-text-block li p {
    font-size: 1em;
}

.grey-text-block li ul,
.grey-text-block li ol {
    margin-top: 5px;
}

.grey-text-block li li {
    font-size: 1em;
    margin-bottom: 0;
}

.grey-text-block:first-child {
    margin-top: 0;
}

.inpage-heading {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.2;
}

.inpage-heading:after {
    display: block;
    width: 100%;
    height: 4px;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
    margin: 12px 0;
    content: "";
}

.page-template-page-staff-php .inpage-heading {
    margin-bottom: 1.5em;
}

.inpage-subheading {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    padding-left: 37px;
    margin-bottom: 2em;
}

.inpage-subheading::before {
    top: 5px;
    left: 0;
    width: 4px;
    height: 90%;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, left bottom, from(#3cb06a), to(#2a95da));
    background: linear-gradient(180deg, #3cb06a 0%, #2a95da 100%);
    content: "";
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.table {
    display: table;
    width: 100%;
}

.table .jt-left,
.table .jt-right {
    display: table-cell;
    vertical-align: top;
}

.jupas-table {
    background-color: #ECEFF1;
}

.jupas-table p {
    font-size: 1.6em;
    width: 75%;
}

.jt-left {
    width: 75%;
    border-right: 2px solid #fff;
}

.jt-left .flex .jt-col:first-child {
    width: 66.68%;
    border-right: 2px solid #fff;
}

.jt-left .flex .jt-col:last-child {
    width: 33.34%;
}

.jt-right {
    width: 25%;
}

.jt-row-1 .jt-col {
    border-bottom: 2px solid #fff;
}

.jt-row-1 .jt-right {
    border-bottom: 2px solid #fff;
}

.jt-row-1 .jt-right .jt-col {
    border: 0;
}

.jt-row-2 .jt-col span {
    display: block;
    width: 100%;
}

.jt-row-2 {
    border-bottom: 2px solid #fff;
}

.jt-row-2 .jt-left {
    width: 75%;
}

.jt-row-2 .jt-left .jt-col .jt-col {
    display: table-cell;
    vertical-align: top;
    width: 14%;
    /*16.67*/
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    border-right: 2px solid #fff;
}

.jt-row-2 .jt-left .jt-col .jt-col:nth-child(4) {
    width: 24.68%;
}

.jt-row-2 .jt-left .jt-col .jt-col:nth-child(5),
.jt-row-2 .jt-left .jt-col .jt-col:nth-child(6) {
    width: 16.67%;
}

.jt-row-2 .jt-left .jt-col .jt-col .jt-col-inner:first-child {
    height: 78px;
}

.jt-row-2 .jt-left .jt-col .jt-col .jt-col-inner:last-child {
    height: 57px;
}

.jt-row-2 .jt-left .jt-col .jt-col:last-child {
    border-right: 0;
}

.jt-row-2 .jt-left .jt-col-inner {
    padding: 10px 8px;
    /* 10px 18px */
}

.jt-row-2 .jt-left .jt-col-inner:last-child {
    border-top: 2px solid #fff;
}

.jt-row-2 .jt-right {
    width: 25%;
}

.jt-col-inner {
    padding: 18px 8px;
}

.jt-heading {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
}

.link-cols p {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2em;
}

.link-col {
    position: relative;
    display: block;
    color: #38383A;
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2%;
}

.link-col:before {
    width: 7px;
    height: 12.48px;
    background-image: url(images/angle-right-solid-blue.png);
    content: "";
    margin-right: 18px;
}

.link-col span {
    display: inline-block;
    vertical-align: top;
}

.link-col>span {
    width: calc(100% - 40px);
}

.link-col>span.video-icon {
    width: auto;
}

.download-icon {
    width: 17px;
    height: 14px;
    background-image: url(images/download.png);
    margin-left: 5px;
    margin-top: 4px;
}

.video-icon {
    width: 20.48px;
    height: 14px;
    background-image: url(images/youtube.png);
    margin-top: 4px;
}

.pathway-block {
    padding: 17px 60px 17px 17px;
    margin-bottom: 4%;
}

.pathway-block h4 {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2%;
}

.pathway-block h5 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4%;
}

.pathway-block p {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
}

.pathway-block li {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1%;
    list-style: inside;
}

.pathway-block:after {
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.blue-block {
    background-color: #e6f2f3;
}

.orange-block {
    background-color: #faf1e8;
}

.pathway-table {
    position: relative;
    margin-bottom: 4%;
}

.pathway-table th {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    padding: 17px 25px 17px 17px;
    border: 0;
    border-right: 2px solid #fff;
}

.pathway-table th:last-child {
    border: 0;
}

.pathway-table td {
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.6;
    padding: 17px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.pathway-table td:last-child {
    border-right: 0;
}

.course-table.primary-table td {
    background-color: #ECEFF1;
}

.pathways td {
    vertical-align: top;
}

.pathway-card {
    min-height: 200px;
}

.pathways .grid-col:first-child .pathway-card {
    background-color: #e6f2f3;
}

.pathways .grid-col:last-child .pathway-card {
    background-color: #faf1e8;
}

.arrow-bottom {
    margin-bottom: calc(4% + 45px);
}

.arrow-bottom:after {
    left: 50%;
    bottom: -85px;
    width: 89.7px;
    height: 77px;
}

.arrow-left:after {
    left: -38px;
    top: calc(100% - 25px);
    width: 89.7px;
    height: 77px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    content: "";
    z-index: -1;
}

.blue-block.pathway-table {
    vertical-align: middle;
}

.grid-col:first-child.pathway-card.arrow-bottom:after,
.grid-col:first-child.pathway-card.arrow-left:after {
    background-image: url(images/blue-arrow.png);
}

.grid-col:nth-child(2) .pathway-card.arrow-bottom:after,
.grid-col:nth-child(2) .pathway-card.arrow-left:after {
    background-image: url(images/orange-arrow.png);
}

.arrow-text-block {
    margin-bottom: 4%;
}

.arrow-text-block:before {
    width: 37.4px;
    height: 49px;
    background-color: #e6f2f3;
    margin: auto;
    content: "";
}

.arrow-text-block:after {
    width: 89.7px;
    height: 77px;
    background-image: url(images/blue-arrow.png);
    margin: auto;
    content: "";
}

.grid-col:nth-child(2) .arrow-text-block:before {
    background-color: #faf1e8;
}

.grid-col:nth-child(2) .arrow-text-block:after {
    background-image: url(images/orange-arrow.png);
}

.atb-inner {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    padding: 10px 0;
}

.atb-inner p {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}

.final-block {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.2;
    color: #12838A;
    text-align: center;
}

.accordions,
.expand-all {
    overflow: hidden;
}

.expand-all {
    margin-bottom: 2%;
}

.expand-btn,
.collect-btn {
    background-color: transparent;
    color: #51ABB6;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    float: right;
    border: 0;
}

.expand-btn .accordion-icon:before,
.expand-btn .accordion-icon:after,
.collect-btn .accordion-icon:before,
.collect-btn .accordion-icon:after {
    background-color: #51ABB6;
}

.collect-btn {
    display: none;
}

.collect-btn .accordion-icon::before {
    display: none;
}

.accordion-row {
    margin-bottom: 4%;
}

.accordion-heading {
    background-color: #12838A;
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px 39px;
}

.accordion-icon {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    float: right;
}

.accordion-icon:before,
.accordion-icon:after {
    content: "";
    position: absolute;
    background: #fff;
}

.accordion-icon:before {
    left: 50%;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.accordion-icon:after {
    top: 50%;
    left: 4px;
    right: 4px;
    height: 3px;
    border-radius: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-heading.active .accordion-icon:before {
    display: none;
}

.accordion-details {
    display: none;
    padding: 15px 39px;
}

.accordion-details h3 {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2%;
}

.accordion-details p {
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 2%;
}

.content .primary-table {
    background-color: #ECEFF1;
    margin-bottom: 2%;
    width: 100%;
    table-layout: auto;
}

.content .primary-table th,
.content .primary-table td {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.6;
    border-right: 2px solid #fff;
    padding: 23.4px 15.6px;
    /* &:last-child {
                    border-right: 0;
                }*/
}

.content .primary-table th {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
}

.content .primary-table tr {
    border-bottom: 2px solid #fff;
}

.content .primary-table td.blank {
    background-color: #fff;
}

.content .primary-table li {
    margin-bottom: 1%;
}

.content .primary-table ul {
    list-style: outside;
    margin-left: 1em;
}

.content .primary-table a {
    color: #12838A;
}

.primary-table.course-table td {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.6;
}

.accordion-row .primary-table td {
    vertical-align: top;
}

.table-img-caption {
    display: block;
    font-weight: 500;
    font-size: 80%;
    margin-bottom: 5%;
}

.ellipse-blocks {
    width: 100%;
    margin-bottom: 35.35%;
}

.ellipse-block {
    width: 46%;
    padding-bottom: 35.35%;
    background-image: url(images/Ellipse.png);
}

.ellipse-block:first-child {
    margin: auto;
}

.ellipse-block:nth-child(2) {
    position: absolute;
    display: inline-block;
    bottom: -75%;
    left: 7.5%;
}

.ellipse-block:nth-child(3) {
    position: absolute;
    display: inline-block;
    bottom: -75%;
    right: 7.5%;
}

.ellipse-block span {
    width: 100%;
    color: #12838A;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.flow-block {
    width: 100%;
    min-width: 178px;
    height: 100px;
    padding: 0 19px;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.flow-block span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fb-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex.gbt-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.fb-top .gbt-row:nth-child(2) {
    display: block;
}

.fb-top .gbt-row:nth-child(2) .flow-block {
    width: 213px;
}

.grey-arrow span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.grey-arrow .yes {
    font-size: 2em;
    top: 30%;
    left: 0;
}

.grey-arrow .no {
    font-size: 2em;
    bottom: 100%;
    left: 30%;
    margin-top: 20px;
}

.grey-arrow.right {
    width: 89.7px;
    height: 77.2px;
    background-image: url(images/grey-arrow-r.png);
    margin: 0 15px;
}

.grey-arrow.down {
    position: relative;
    width: 77.2px;
    height: 89.7px;
    background-image: url(images/grey-arrow-d.png);
    margin: 15px auto;
}

.grey-arrow.leftdown {
    position: absolute;
    top: 0;
    left: 13.5%;
    width: 310.87px;
    height: 142px;
    background-image: url(images/grey-arrow-ld.png);
}

.grey-arrow.rightdown {
    position: absolute;
    top: 0;
    right: 13.5%;
    width: 310.87px;
    height: 142px;
    background-image: url(images/grey-arrow-rd.png);
}

.fb-bottom {
    position: relative;
    padding-top: 4%;
    margin-top: -12px;
}

.fb-bottom .gbt-row {
    width: 31%;
}

.fb-bottom .flex {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-middle td {
    vertical-align: middle;
}

.fm-blocks-container {
    background-color: #FAF1E8;
}

.single-staff .fm-blocks-container .eesc-heading:before {
    background: none;
    background-color: #9A491A;
}

.fm-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    width: 100%;
    padding-top: 90%;
    color: #38383A;
    background-color: #ECEFF1;
    background-position: top;
}

.fm-arrow {
    width: 15.5%;
    z-index: 2;
}

.fm-arrow span {
    display: block;
    padding-bottom: 100%;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
}

.fm-arrow span:after {
    width: 100%;
    height: 100%;
    background-image: url(images/angle-right-solid.png);
    background-size: 20%;
    content: "";
}

.fm-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.fm-heading {
    width: 84.5%;
    background-color: #fff;
    padding: 23.4px;
    z-index: 2;
}

.fm-cat {
    font-size: 1.8em;
    margin-bottom: 2%;
}

.fm-title {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
}

.overlay {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.overlay:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    content: "";
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}

.overlay:hover:after {
    opacity: 0.3;
}

.image-block {
    position: relative;
    margin: 3em 0 3em;
}

.image-block p {
    font-size: 2em;
    margin-bottom: 1em;
}

.image-caption {
    bottom: -75px;
    left: 0;
    width: 538px;
    background-color: #fff;
    padding: 23.4px;
}

.programmes-flow-block {
    background-color: #ECEFF1;
}

.pfb-inner {
    width: 100%;
    padding: 3em;
}

.pfb-items {
    padding-bottom: 42.4%;
}

.pfb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
}

.pfb-item h3 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
}

.pfb-item a {
    color: #12838A;
}

.pfb-item:after {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 2px solid #707070;
    border-radius: 20px;
    content: "";
}

.pfb-item:nth-child(1):before {
    bottom: -14px;
    width: 270px;
    height: 2px;
    background-color: #707070;
    content: "";
}

.pfb-item:nth-child(1):after {
    bottom: -21px;
}

.pfb-item:nth-child(2):before {
    bottom: 1px;
    left: 0;
    width: 127px;
    height: 2px;
    background-color: #707070;
    content: "";
}

.pfb-item:nth-child(2):after {
    bottom: -7px;
}

.pfb-item:nth-child(3):before {
    top: -45%;
    left: -40%;
    width: 144px;
    height: 144px;
    border: 2px solid #707070;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.pfb-item:nth-child(3):after {
    top: 3px;
    left: -30px;
    border-color: #12838A;
}

.pfb-subitems-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pfb-subitems-container:before {
    width: 67.86px;
    height: 1px;
    background-color: #707070;
    margin-left: -18px;
    margin-top: -29px;
    content: "";
}

.pfb-subitem {
    position: relative;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    height: 55px;
}

.pfb-subitem:first-child {
    margin-top: -10px;
}

.pfb-subitem:last-child {
    margin-bottom: -17px;
}

.pfb-subitem:last-child .arrow-right:before {
    height: 0;
    top: unset;
}

.arrow-right {
    width: 56.6px;
    height: 18px;
    background-image: url(images/grey-arrow-right.png);
    margin-right: 1em;
}

.arrow-right:before {
    top: 10px;
    width: 1px;
    height: 54px;
    background-color: #707070;
    content: "";
}

.pfb-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #707070;
    padding: 3em 0;
    padding-left: 16%;
}

.pfb-timeline:after {
    right: -6px;
    top: -15%;
    width: 17px;
    height: 15px;
    background-image: url(images/triangle-grey.png);
    content: "";
}

.pfb-year {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    width: 27%;
}

.pfb-year:before {
    top: 0;
    width: 1px;
    padding-bottom: 337%;
    border-left: 1px dashed #707070;
    content: "";
    z-index: 1;
}

.pfb-year:first-child:before {
    top: -303px;
    padding-bottom: 32%;
    left: 17%;
}

.pfb-year:nth-child(2):before {
    top: -203px;
    padding-bottom: 21.5%;
    left: 40.85%;
}

.pfb-desc {
    right: 20px;
    top: -60%;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
}

.layout-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.layout-2>div:first-child {
    width: 24%;
}

.layout-2>div:last-child {
    width: 68%;
}

.layout-2 .grey-text-block {
    padding: 39px 46.8px;
}

.layout-2 .link-col {
    margin-left: 18px;
}

.tablink {
    display: block;
    width: 100%;
    padding: 18px;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.6;
    background-color: #F6F9FA;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #d1d7db;
    cursor: pointer;
}

.tablink span {
    width: calc(100% - 25px);
}

.tablink:before {
    width: 7px;
    height: 12px;
    margin-right: 15px;
    margin-top: 5px;
    background-image: url(images/angle-right-solid-dark.png);
    content: "";
}

.tablink:hover {
    background-color: #51ABB6;
    color: #fff;
}

.tablink:hover:before {
    background-image: url(images/angle-right-solid.png);
}

.tablink.active {
    background-color: #12838A;
    color: #fff;
}

.tablink.active:before {
    background-image: url(images/angle-right-solid.png);
}

.tabcontent {
    display: none;
}

.staff-link-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FAF1E8;
    padding: 2em 6em;
}

.staff-link-block p {
    width: 100px;
    margin-right: 3em;
    margin-bottom: 0;
}

.staff-link-block .flex {
    width: 100%;
}

.staff-link {
    background-image: url(images/arrow-down-brown.png);
    background-size: 13px;
    background-position: left top 5px;
    color: #38383A;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    width: auto;
    padding-left: 25px;
    margin-right: 3em;
    /* &:before {
                    @extend %ib,
                    %vt,
                    %contain;
                    width: 13px;
                    height: 15px;
                    background-image: url(images/arrow-down-brown.png);
                    content: "";
                    margin-top: 4px;
                    margin-right: 10px;
                }*/
}

.staff-link:last-child {
    margin-right: 0;
}

.staff-blocks {
    padding: 7em 0;
}

.staff-blocks:nth-child(even) {
    background-color: #e6f2f3;
}

.staff-block {
    margin-bottom: 5em;
}

.staff-block:last-child {
    margin-bottom: 0;
}

.people-col {
    position: relative;
    font-size: 80%;
    -webkit-box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.people-col:after {
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #3cb06a;
    background: -webkit-gradient(linear, left top, right top, from(#3cb06a), to(#2a95da));
    background: linear-gradient(90deg, #3cb06a 0%, #2a95da 100%);
    content: "";
}

.people-col.no-border {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: transparent;
}

.people-col.no-border .pc-details {
    background-color: transparent;
    margin-top: 0;
    padding: 0;
}

.people-col.no-border:after {
    display: none;
}

a.pc-photo {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 130%;
    overflow: hidden;
    background-image: url(images/eesc-logo.png);
    background-size: 80%;
    background-color: #eceff1;
}

a.pc-photo img {
    position: absolute;
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transition: -webkit-transform 0.35s ease 0s;
    transition: -webkit-transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
}

a.pc-photo:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.links {
    width: calc(100% - 100px);
}

.links .staff-link {
    vertical-align: top;
}

.pc-title {
    position: relative;
    bottom: 33px;
    width: 206.7px;
    background-color: #fff;
    color: #38383A;
    padding: 10px 8px 5px 8px;
    font-size: 2em;
    line-height: 1.6;
    z-index: 999;
}

.pc-title-2 {
    font-size: 2em;
    margin-bottom: 0.5em;
}

.pc-details {
    margin-top: -36px;
    padding: 5px 8px 15px;
    background-color: #fff;
}

.pc-name {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    color: #38383A;
    margin-bottom: 0.5em;
}

.pc-tel,
.pc-location,
.pc-fax,
.pc-email,
.pc-id,
.pc-link {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    color: #38383A;
}

.pc-tel:before,
.pc-location:before,
.pc-fax:before,
.pc-email:before,
.pc-id:before,
.pc-link:before {
    width: 27.3px;
    height: 27.3px;
    background-position: center -2px;
    content: "";
}

.pc-details .pc-email:before,
.pc-details .pc-tel:before {
    width: 22px;
    height: 22px;
    background-position: center -5px;
    margin-left: -4px;
}

.pc-tel:before {
    background-image: url(images/tel.png);
}

.pc-email a {
    color: #38383A;
}

.pc-email a span {
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
}

.pc-email:before {
    background-image: url(images/email.png);
}

.pc-location:before {
    background-image: url(images/pin.png);
}

.pc-fax:before {
    background-image: url(images/fax.png);
}

.pc-id:before {
    background-image: url(images/id.png);
}

.pc-link a {
    color: #51ABB6;
}

.pc-link:before {
    background-image: url(images/website@2x.png);
}

.staff-details {
    display: inline-block;
    width: 70%;
}

.staff-details h3 {
    font-size: 2.8em;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 1em;
}

.staff-details p {
    margin-bottom: 1.5em;
}

.staff-photo {
    position: relative;
    display: inline-block;
    width: 23.8%;
    padding-bottom: 30.9%;
    -webkit-box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    float: right;
}

.staff-photo img {
    position: absolute;
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.staff-table td {
    border: 0;
    padding: 15px 33px;
}

.staff-table tr:nth-child(even) td {
    background-color: #fff;
}

.pagination {
    font-size: 2.1em;
    text-align: center;
}

.pagination a {
    color: #38383A;
}

.page-numbers {
    display: inline-block;
    width: 60.8px;
    padding: 22px 0;
}

.page-numbers.current {
    background-color: #38383A;
    color: #fff;
}

.pagination-arrow {
    width: 60.8px;
    height: 60.8px;
    background-size: 50%;
    background-size: 9.8px;
}

.pagination-first {
    background-image: url(images/angle-left-solid-dark.png);
}

.pagination-last {
    background-image: url(images/angle-right-solid-dark.png);
}

.photos-slide-block {
    background-color: #12838A;
    padding: 35px 55px;
}

.photos-slider-container .bx-viewport,
.photos-slider {
    position: relative;
    width: 100%;
    padding-bottom: 56%;
}

.photos-slider-container .bx-controls-direction {
    display: none;
}

.photos-slide {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
}

.photos-slide .bx-controls {
    display: none;
}

.photos-slide {
    width: 100%;
    height: 100%;
}

.thumbnail-slider-container {
    margin: 4em 0 0;
}

.thumbnail-slider-container a {
    position: absolute;
    display: block;
    top: 50%;
    width: 20px;
    height: 53px;
    margin-top: -26px;
    color: transparent;
    font: 0/0 a;
    z-index: 9999;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.thumbnail-slider-container a.bx-prev {
    left: -36px;
    width: 21px;
    height: 43px;
    background-image: url(images/arrow-prev-white.png);
}

.thumbnail-slider-container a.bx-next {
    right: -36px;
    width: 21px;
    height: 43px;
    background-image: url(images/arrow-next-white.png);
}

.thumbnail-slide {
    height: 113px;
    cursor: pointer;
}

.thumbnail-slide::after {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    content: '';
    -webkit-transition: .3 ease-in-out;
    transition: .3 ease-in-out;
}

.thumbnail-slide:hover:after {
    opacity: 0;
}

.content-wrapper {
    overflow: hidden;
}

.content-section:last-child {
    padding-bottom: 7em;
}

.page-template-page-undergraduate-programme .inpage-subheading {
    margin-top: 50px;
}

.page-template-page-undergraduate-programme .sec-padding,
.page-template-default .sec-padding {
    padding: 4em 0;
}

.single-news .breadcrumbs li:last-child,
.single-news .breadcrumbs li:nth-last-child(2) a:after {
    display: none;
}

.single-news .header-bottom .eesc-heading {
    font-size: 4em;
}

.eesc-heading span {
    display: inline-block;
    width: calc(100% - 50px);
    vertical-align: top;
}

.thead-mb {
    display: none;
}

button {
    color: #38383A;
}

.about-mb-slider-container .slide-wrapper {
    width: 100%;
}

.about-mb-slider-container .as-content {
    width: 94%;
    margin: 0 auto 8%;
    -webkit-box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.about-mb-slider-container .as-content h3 {
    text-align: left;
}

.about-mb-slider-container .primary-btn:before {
    height: calc(100% - 8px);
}

.about-mb-slider-container .as-image {
    position: relative;
    margin-bottom: 11%;
}

.about-mb-slider-container .as-image:before {
    right: -5%;
    top: 10%;
    width: 100%;
    padding-bottom: 57%;
    background-image: url(images/blue-pattern.jpg);
    content: "";
    z-index: -1;
}

.about-mb-slider-container .bx-wrapper .bx-prev {
    left: -4%;
}

.about-mb-slider-container .bx-wrapper .bx-next {
    right: -4%;
}

h4.teaching-heading {
    font-size: 2.6em;
    margin-bottom: 1em;
    font-weight: 700;
}

.content-sitemap>ul {
    list-style: none;
}

.content-sitemap a {
    color: #38383A;
}

.content-sitemap a:hover {
    color: #12838A;
}

.content-sitemap>ul>li {
    border-bottom: 1px solid #ECEFF1;
    padding: 2em 0;
    font-size: 2em;
}

.content-sitemap>ul>li:last-child {
    border: 0;
}

.content-sitemap>ul>li>a {
    display: block;
    margin-bottom: 1em;
    font-size: 1.2em;
    font-weight: 700;
}

.content-sitemap>ul>li ul {
    list-style: inside disc;
}

.icon-instagram {
    background-image: url(images/instagram-light.png);
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.icon-instagram:hover {
    opacity: .7;
}

.blankimg .pc-details {
    margin-top: 0;
}

.blankimg .pc-title {
    width: 100%;
    bottom: unset;
}

.jt-row-3 p {
    width: 100%;
}

.default-page-links {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.default-page-links .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.default-page-links .staff-link {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    margin-right: 2%;
}

.pc-link-row {
    display: inline-block;
}

.pc-id a {
    color: #51ABB6;
}

.pfb-item h3 {
    font-size: 2.2em;
}

.pfb-item:nth-child(1):before {
    bottom: -15px;
    width: 277px;
}

.pfb-timeline {
    padding-left: 10.2%;
}

.pfb-item:nth-child(1):before {
    width: 182px;
}

.pfb-item:nth-child(2):before {
    width: 113px;
}

.pfb-item:nth-child(3):before {
    left: -43.7%;
    top: -45%;
}

.pfb-item:nth-child(3):after {
    left: -30px;
}

.pfb-year:before {
    top: -251px;
    padding-bottom: 21.5%;
    margin-left: 16px;
}

.pfb-year:first-child:before {
    left: 12.35%;
    top: -356px;
    padding-bottom: 30.8%;
    margin-left: 0;
}

.pfb-year:nth-child(2):before {
    left: 30.45%;
    top: -251px;
    margin-left: 0;
}

.pfb-year {
    width: 207px;
}

.arrow-right {
    width: 30px;
}

.pfb-item {
    top: 45.45%;
}

.pfb-item:first-child {
    left: 5.7%;
    top: 52.7%;
}

.pfb-item:nth-child(2) {
    left: 11.7%;
    top: 9.8%;
}

.pfb-item:nth-child(3) {
    left: 32.45%;
    top: 45%;
}

.pfb-inner {
    padding: 20px;
    overflow-x: auto;
}

.pfb-items,
.pfb-timeline {
    width: 1153px;
}

.iframe-container{
position:relative;
width:100%;
	padding-bottom:75%;
}

.iframe-container iframe{
position:absolute;
	width:100%;
	height:100%;
}
/*# sourceMappingURL=style.css.map */