.h1,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.contextual-links a {
    color: #8A704C !important;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #FFF;
}

.mt-n5 {
    margin-top: -3rem;
}

blockquote {
    border-left: 10px solid #151C55;
    margin: 0px 1rem;
    padding: 1rem 1rem 0.1rem 1rem;
    background-color: #F8FAFF;
}

a.cta-white {
    background: #fff !important;
    border-color: #8A704C !important;
    color: #8A704C !important;
}

a.cta-white:hover,
a.cta-white:focus {
    background-color: #8A704C !important;
    color: #fff !important;
}

a.cta-transparent {
    background: transparent !important;
    border-color: #FFF !important;
    color: #FFF !important;
}

a.cta-transparent:hover,
a.cta-transparent:focus {
    background-color: #fff !important;
    color: #8A704C !important;
}

a.cta-red {
    background: #B92923 !important;
    border-color: #B92923 !important;
    padding: 0.4rem !important;
    font-family: "Open Sans";
    font-size: 0.85rem;
    font-weight: bold;
}

a.cta-silver {
    background-color: #ccc;
    padding: 0.375rem 0.75rem !important;
    border: 0px;
    cursor: pointer;
}

a.cta.inverse:hover {
    color: #8A704C !important;
}

a.cta-cis {
    background-color: #000;
    color: #fff;
}

a.cta-cis:hover {
    background-color: #fff !important;
    color: #000 !important;
}

a.cta-cgrs {
    background-color: #009490;
    color: #FFF;
}

a.cta-cgrs:hover {
    background-color: #fff !important;
    color: #009490 !important;
}

a.gold {
    color: #8A704C !important;
}

.btn-silver {
    background-color: #ccc !important;
    border: 0px;
    color: #000;
}

.btn-silver:hover {
    color: #000;
    background-color: #999 !important;
}

.transition,
.sticky-header.forslick .section-forslick-sticky-right .sticky-header-nav-bg,
.sticky-header .section-sticky-right ul li a,
.sticky-header .section-sticky-right ul .sticky-header-nav-bg,
.sticky-header {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


h2,
h3,
h4 {
    text-transform: uppercase;
}

.text-transform-unset {
    text-transform: unset;
}

.downwards #header-one .header-bar {
    height: 0px !important;
}

.not-front #header #header-two.obg-site {
    background-color: #151C55;
}

#header .mobile-menu-container .mobile-menu-inner {
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}

#header .mobile-menu-btn {
    margin: 0;
    height: 40px;
    width: 40px;
}

#header #header-two {
    -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
}

#header #header-two .branding-subheader {
    max-width: none;
}

#header #header-two .ob-oblique {
    margin-left: -1px;
}

#header #header-two .navbar-header-container .ob-smu-logo a,
#header #header-two .navbar-header-container .ob-bu-logo a {
    padding: 15px 0;
}

#header #header-two .navbar-header-container .ob-oblique img {
    width: auto;
    height: 107px !important;
}

#header #header-two:before {
    content: " ";
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), to(#0B0F2C));
    background: linear-gradient(90deg, transparent 50%, #0B0F2C);
    height: 50%;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
}

#header #header-main-nav {
    display: none !important;
}

#header .ob-smulogo {
    height: 77px;
    width: auto;
}

#header.scroll-stuck {
    top: 0;
}

#header.scroll-stuck #header-two .navbar-header-container .ob-bu-logo img,
#header.scroll-stuck #header-two .navbar-header-container .ob-smu-logo img {
    height: 35px !important;
    width: auto !important;
}

#header.scroll-stuck #header-two .navbar-header-container .ob-oblique img {
    height: 65.2px !important;
    width: auto !important;
}

#header.scroll-stuck #header-two:before {
    background-color: transparent;
    top: -50px;
}

#header.scroll-stuck #header-two #branding-subheader {
    margin-top: -54px;
}

#header #branding-subheader {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header .block--topnavi {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 7px;
    position: relative;
}

li.tb-megamenu-item.level-1 {
    padding: 0px !important;
}

div#branding-subheader {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
}

.block--topnavigation ul.nav li {
    margin-left: 0px !important;
    padding: 5px 0;
}

.block--topnavigation ul.nav li:first-child a {
    padding-left: 0px;
}

.block--topnavigation ul.nav li a {
    font-size: 0.85rem;
}

main {
    padding-top: 0px !important;
}

#page-upper-1,
.banner {
    background-position: center top;
    background-size: cover;
    aspect-ratio: 16/6;
    background-color: #edddd5;
}

.paragraph--type--banner-item>a {
    text-decoration: none;
}

.paragraph--type--banner-item video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.paragraph--type--banner-item div {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
}

.homepage-banner .slick-banner .slick-dots {
    padding: 0.3rem 0.7rem;
    border-radius: 1rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    bottom: -13px;
    margin-left: 0;
}

.homepage-banner .slick-banner .slick-dots li {
    font-size: 0;
    line-height: 1;
}

.homepage-banner .slick-banner .slick-dots li button {
    background-color: rgba(138, 112, 76, 0.25);
    border: 0;
    width: 3rem;
    height: 0.5rem;
    border-radius: 1rem;
    margin: 0 0.5rem;
}

@media (max-width:991px) {
    .homepage-banner .slick-banner .slick-dots li button {
        width: 2rem;
        margin: 0 0.25rem;
    }
}

.homepage-banner .slick-banner .slick-dots li.slick-active button {
    border: 0;
    background-color: #8A704D;
}

.homepage-banner .banner-body-alt-inner {
    padding-right: 4rem;
    margin-top: -2rem;
}

.homepage-banner .slick-active .banner-body,
.homepage-banner .slick-active .banner-body-alt-inner {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1;
    width: 100%;
}

.homepage-banner .banner-img-alt {
    background-position: center top;
    background-size: cover;
}

.homepage-banner .banner-body-alt {
    margin-left: -8.3333333%;
}

.homepage-banner .banner-body {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: rgba(21, 28, 85, 0.8);
    padding: 1.5rem 1.5rem 0.5rem 4rem;
    color: #FFF;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 5;
    max-width: 696px;
    opacity: 0;
    position: relative;
}

.homepage-banner .banner-body h3,
.homepage-banner .banner-body h4 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: normal;
}

.homepage-banner .banner-body h3 {
    font-size: 3rem;
}

.homepage-banner .banner-body:after {
    content: " ";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 30px;
    border-right-width: 30px;
    border-top: 90px solid #8A704C;
    position: absolute;
    left: -30px;
    top: -15px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce-3;
    animation-name: bounce-3;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.homepage-banner .banner-body:before {
    content: " ";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 30px;
    border-right-width: 30px;
    border-top: 90px solid #151C55;
    position: absolute;
    left: -25px;
    top: -10px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce-3;
    animation-name: bounce-3;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.homepage-banner video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.homepage-banner svg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 5;
}

.homepage-banner .banner-title-alt-inner h3 {
    text-transform: capitalize;
}

@media (max-width:991px) {
    .homepage-banner .slick-slider {
        padding-bottom: 1rem;
    }
}

.block--views-block--homepage-banner-random--block-1 {
    overflow: hidden;
    position: relative;
}

.block--views-block--homepage-banner-random--block-1 .views-row {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 830px;
    min-height: 830px;
}

.block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: rgba(21, 28, 85, 0.8);
    padding: 1.5rem 1.5rem 0.5rem 4rem;
    color: #FFF;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 5;
    max-width: 696px;
    position: relative;
}

.block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content h3,
.block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content h4 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: normal;
}

.block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content h3 {
    font-size: 3rem;
}

.block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content:after {
    content: " ";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 30px;
    border-right-width: 30px;
    border-top: 90px solid #8A704C;
    position: absolute;
    left: -30px;
    top: -15px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce-3;
    animation-name: bounce-3;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content:before {
    content: " ";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 30px;
    border-right-width: 30px;
    border-top: 90px solid #151C55;
    position: absolute;
    left: -25px;
    top: -10px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce-3;
    animation-name: bounce-3;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.block--views-block--homepage-banner-random--block-1 .views-row video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.block--views-block--homepage-banner-random--block-1 .views-row svg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 5;
}

.scroll-stuck .ob-smulogo-d-white {
    display: none;
}

.image-body .image-body-inner {
    padding: 1.5rem;
    border-radius: 16px;
    background-color: #fff;
}

.image-body .image-body-inner h2 {
    color: #9E512D;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
}

.image-body a {
    text-decoration: none;
}

ul.list-2-columns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.image-left-sticky-banner .image-body .image-body-inner {
    margin-left: -100px;
    z-index: 3;
    position: relative;
}

.image-right-sticky-banner .image-body .image-body-inner {
    margin-right: -100px;
    z-index: 3;
    position: relative;
}

h2 {
    font-size: 1.5rem;
    padding-left: 2rem;
    position: relative;
    font-weight: 400;
}

h2:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 1rem;
    border-color: transparent transparent transparent #151C55;
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5rem);
}

.inverse h2 {
    color: #FFF;
}

.inverse h2:before {
    border-color: transparent transparent transparent #FFF;
}

.inverse h2,
.inverse h3,
.inverse h4 {
    color: #FFF;
}

.inverse .sticky-header .section-sticky-right ul li {
    font-size: 0.85rem;
}

.inverse .sticky-header .section-sticky-right ul li a {
    color: #FFF;
}

.upwards.unsticklogo .scroll-stuck #header-two {
    overflow: hidden;
}

.sticky-header {
    z-index: 10;
    background-color: transparent;
    margin-bottom: 2rem;
}

.sticky-header.active {
    background-color: rgba(238, 222, 214, 0.9);
}

.sticky-header.active h2 {
    color: #151C55;
}

.sticky-header.active h2:before {
    border-color: transparent transparent transparent #151C55;
}

.sticky-header .section-sticky-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
}

.sticky-header .section-sticky-right ul .sticky-header-nav-bg {
    content: " ";
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #333;
    z-index: 1;
    border-radius: 3px;
}

.sticky-header .section-sticky-right ul li {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 5px 10px !important;
    border-radius: 3px;
    font-size: 0.85rem;
}

.sticky-header .section-sticky-right ul li a {
    color: #333;
    text-decoration: none;
}

.sticky-header .section-sticky-right ul li.active a {
    color: #FFF;
}

.toolbar-horizontal {}

.toolbar-horizontal.toolbar-tray-open {}

.toolbar-horizontal.toolbar-tray-open #header.scroll-stuck {
    top: 70px;
}

.toolbar-horizontal.upwards {}

.reveal-holder {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.reveal-holder .reveal-block {
    position: absolute;
    top: 0;
    width: 100%;
    height: 101%;
    background: white;
}

.reveal-holder .reveal-block::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: lightgray;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.reveal-block.gradient::before {
    background: -webkit-gradient(linear, right top, left top, from(#eebf56), to(#f46ca3));
    background: linear-gradient(to left, #eebf56, #f46ca3);
}

.reveal-block.gradient-two::before {
    background: -webkit-gradient(linear, right top, left top, from(#1b9edf), to(#af74c3));
    background: linear-gradient(to left, #1b9edf, #af74c3);
}

.reveal-block.extra {
    background: #8A704C;
}

.reveal-block.extra::before {
    background: #151C55;
}

.reveal-block.skew::before {
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
}

.reveal-block.top.aos-animate::before,
.reveal-block.bottom.aos-animate::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.reveal-block.left.aos-animate::before,
.reveal-block.right.aos-animate::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.reveal-block.top::before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.reveal-block.left::before {
    -webkit-transform: scaleX(0) skew(90deg);
    transform: scaleX(0) skew(90deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.reveal-block.right::before {
    -webkit-transform: scaleX(0) skew(90deg);
    transform: scaleX(0) skew(90deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.reveal-block.bottom::before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

[data-aos=reveal-top],
[data-aos=reveal-left],
[data-aos=reveal-right],
[data-aos=reveal-bottom] {
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

[data-aos=reveal-top] {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

[data-aos=reveal-top].aos-animate {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

[data-aos=reveal-left] {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

[data-aos=reveal-left].aos-animate {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

[data-aos=reveal-right] {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

[data-aos=reveal-right].aos-animate {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

[data-aos=reveal-bottom] {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

[data-aos=reveal-bottom].aos-animate {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

[data-aos=reveal-item] {
    visibility: hidden;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

[data-aos=reveal-item].aos-animate {
    visibility: visible;
}

.block--focus-area {
    background-color: #f3f3f3;
    position: relative;
}

.focus-area-wrapper {
    overflow: hidden;
}

#focus-area.anchor {
    position: absolute;
    padding-top: 190px;
    margin-top: -190px;
}

.slick-slide {
    height: inherit !important;
    overflow: hidden;
}

.paragraph--type--focus-area h4 span {
    font-size: 150%;
}

.paragraph--type--focus-area:after {
    content: " ";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(243, 243, 243, 0)), color-stop(60%, rgb(243, 243, 243)));
    background: linear-gradient(0deg, rgba(243, 243, 243, 0) 0%, rgb(243, 243, 243) 60%);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.paragraph--type--focus-area .focus-area-quote {
    border-top: 1px solid #8A704C;
    border-bottom: 1px solid #8A704C;
    padding-bottom: 0.5rem;
    width: 100%;
}

.paragraph--type--focus-area .focus-area-quote .focus-area-quote-inner {
    color: #808080;
}

.paragraph--type--focus-area .focus-area-quote .focus-area-quote-inner cite {
    color: #808080;
}

.paragraph--type--focus-area .focus-area-quote .focus-area-quote-inner cite a {
    color: #808080;
}

.paragraph--type--focus-area .focus-area-quote .fa-quote-left {
    background-color: #8A704C;
    color: white;
    padding: 8px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    margin: -20px 0 1rem 0;
}

.focus-area-items,
.slick-item {
    padding: 0rem 0rem;
}

.focus-area-items .container,
.slick-item .container {
    position: relative;
    z-index: 4;
}

.focus-area-items .paragraph--type--focus-area,
.slick-item .paragraph--type--focus-area {
    padding: 0rem;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.focus-area-items .focus-area-title,
.slick-item .focus-area-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 1;
    position: relative;
    margin-bottom: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1rem 0 0;
}

.focus-area-items .focus-area-title img,
.slick-item .focus-area-title img {
    width: 90px;
}

.focus-area-items .focus-area-title h4,
.slick-item .focus-area-title h4 {
    letter-spacing: 4px;
    margin-bottom: 0px;
}

.focus-area-items .focus-area-image img,
.slick-item .focus-area-image img {
    border-radius: 50% !important;
    -webkit-box-shadow: 12px 12px 0px -4px #0c102d;
    box-shadow: 12px 12px 0px -4px #0c102d;
}

.focus-area-items .focus-area-right,
.slick-item .focus-area-right {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%;
    width: 100%;
    z-index: 4;
}

.focus-area-items .focus-area-right .row,
.slick-item .focus-area-right .row {
    height: 100%;
    width: 100%;
}

.focus-area-items .focus-area-right .city-perspective-featured,
.slick-item .focus-area-right .city-perspective-featured {
    color: #000;
    font-weight: normal;
    font-size: 0.9rem;
}

.sticky-header.forslick {}

.sticky-header.forslick .section-forslick-sticky-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sticky-header.forslick .section-forslick-sticky-right ul li {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 5px 10px !important;
    border-radius: 3px;
    color: #151C55;
    font-weight: bold;
    font-size: 0.85rem;
}

.sticky-header.forslick .section-forslick-sticky-right ul li a {
    color: #151C55;
    text-decoration: none;
}

.sticky-header.forslick .section-forslick-sticky-right ul li.active a {
    color: #fff;
}

.sticky-header.forslick .section-forslick-sticky-right .sticky-header-nav-bg {
    content: " ";
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #151C55;
    z-index: 1;
    border-radius: 3px;
}

.arrow-left {
    position: absolute;
    left: 2rem;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.arrow-right {
    position: absolute;
    right: 2rem;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: auto;
}

.news-carousel-slick.slick-slider {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.news-carousel-slick a {
    text-decoration: none;
}

.news-carousel-slick .news-arrow-left {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #8A704C;
    bottom: 0px;
    right: 3.5rem;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 3;
}

.news-carousel-slick .news-arrow-right {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #8A704C;
    bottom: 0px;
    right: 1rem;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 3;
}

.news-carousel-slick .news-carousel-item-image {
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
}

.news-carousel-slick .news-carousel-item-content {
    background-color: rgba(21, 28, 85, 0.9);
    padding: 1rem;
    text-align: left;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 10px 10px;
}

.news-carousel-slick .news-carousel-item-content .news-carousel-item-title {
    color: #BAA382;
    font-weight: bold;
    font-size: 1.2rem;
}

.news-carousel-slick .news-carousel-item-content .news-carousel-item-date {
    color: #CCC;
    margin-top: 0.25rem;
    font-size: 14px;
}

.news-carousel-slick .slick-list {
    padding-bottom: 3rem;
}

.news-carousel-slick .slick-dots {
    padding: 0.3rem 0.7rem;
    border-radius: 1rem;
    margin-left: 0;
    position: absolute;
    bottom: 0;
}

.news-carousel-slick .slick-dots li {
    font-size: 0;
    line-height: 1;
}

.news-carousel-slick .slick-dots li button {
    background-color: rgba(138, 112, 76, 0.25);
    border: 0;
    width: 3rem;
    height: 0.5rem;
    border-radius: 1rem;
    margin: 0 0.5rem;
}

@media (max-width:991px) {
    .news-carousel-slick .slick-dots li button {
        width: 2rem;
        margin: 0 0.25rem;
    }
}

.news-carousel-slick .slick-dots li.slick-active button {
    border: 0;
    background-color: #8A704D;
}

.block--newscarousel h2 {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 3rem;
}

.block--newscarousel h2:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #151C55;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: calc(50% - 10px);
}

.news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.news-list a {
    text-decoration: none;
}

.news-list .news-list-item {
    margin-bottom: 1rem;
    width: 100%;
}

.news-list .news-list-item-date {
    font-size: 14px;
    color: #666;
}

.city-perspective-list-item {
    text-align: left;
}

.city-perspective-list-item a {
    text-decoration: none;
    color: #fff;
}

.city-perspective-list-item h5 {
    font-weight: normal;
    font-family: "open sans";
}

.city-perspective-list-item .city-perspective-list-details {
    font-size: 0.8rem;
    color: #999;
    margin-bottom: 0.5rem;
    font-weight: normal;
}

.city-perspective-list-item img {
    border-radius: 8px;
}

.block--connectwithus {
    background-image: url(/themes/wwwsmu_4g/images/bg_blog2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.block--connectwithus .sticky-header {
    position: sticky;
    top: 50px;
}

.block--connectwithus .sticky-header.active {
    background-color: rgba(238, 222, 214, 0.9);
}

.block--connectwithus .sticky-header.active .section-sticky-right ul li a {
    color: #151C55;
}

.block--connectwithus .sticky-header h2 {
    color: #151C55;
}

.block--connectwithus .sticky-header h2:before {
    border-color: transparent transparent transparent #151C55;
}

.block--connectwithus .sticky-header .section-sticky-right ul li a {
    color: #8A704C;
}

.block--connectwithus .sticky-header .section-sticky-right ul li.active a {
    color: #FFF;
}

#the-smu-blog {
    margin-bottom: 2rem !important;
}

#the-smu-blog .blog-image br {
    display: none;
}

#the-smu-blog .blog-details-inner {
    padding: 1.5rem;
    border-radius: 16px;
    background-color: #fff;
    margin-left: -100px;
    margin-top: 2rem;
}

#the-smu-blog .blog-details-inner h2 {
    color: #9E512D;
    margin-bottom: 1.5rem;
}

#the-smu-blog .blog-details-inner .blog-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

#the-smu-blog .blog-details-inner .blog-title a {
    font-weight: bold;
    text-decoration: none;
}

#smu-engage .image-body-inner {
    padding: 1.5rem;
    border-radius: 16px;
    background-color: #fff;
    margin-right: -100px;
    margin-top: 2rem;
    z-index: 3;
    position: relative;
}

#smu-engage .image-body-inner .smu-engage-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

#smu-engage .image-body-inner .smu-engage-title a {
    font-weight: bold;
    text-decoration: none;
}

.annual-report-inner {
    background-color: #151C55;
    border-radius: 8px;
    padding: 1rem 1rem;
    color: #FFF;
    position: relative;
}

.paragraph--type--annual-report p {
    margin-bottom: 0px;
}

.paragraph--type--annual-report .annual-report-body a {
    color: #FFF;
    text-decoration: none;
}

.paragraph--type--annual-report .annual-report-image {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#page-lower-2 {
    background-color: #151C55;
    color: #fff;
}

.block--awards .section-sticky-right {
    display: none;
}

.block--awards h2 {
    color: #FFF;
}

.block--awards h2:before {
    border-color: transparent transparent transparent #fff;
}

.paragraph--type--award {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.paragraph--type--award a {
    text-decoration: none;
}

.paragraph--type--award .award-ranking {
    font-size: 5rem;
    font-family: "oswald";
    font-weight: 300;
    line-height: 5.5rem;
    padding-right: 15px;
    color: #FFF;
}

.paragraph--type--award .award-ranking sup {
    font-size: 50%;
    top: -0.8em;
}

.paragraph--type--award .award-title-group {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding-top: 8px;
}

.paragraph--type--award .award-title {
    color: white;
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: "Oswald";
    font-weight: 400;
    text-transform: uppercase;
}

.paragraph--type--award .award-subtitle {
    color: #8A704C;
    color: #8A704C;
    font-weight: bold;
}

.paragraph--type--award .award-body {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 0.85rem;
    color: #BFBFBF;
    border-top: 1px solid #FFF;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    width: 100%;
    opacity: 0.5;
    min-height: 67px;
}

@media (max-width:1199px) {
    .paragraph--type--award .award-ranking {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .paragraph--type--award .award-title-group {
        padding-top: 7px;
    }

    .paragraph--type--award .award-title {
        font-size: 1.5rem;
        line-height: 1.6rem;
        margin-bottom: 5px;
    }

    .paragraph--type--award .award-subtitle {
        line-height: 1.1rem;
        font-size: 0.9rem;
    }
}

.page-title-bg {
    width: 100%;
    padding: 2rem 2rem 4rem 2rem;
    min-height: 540px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: url("/sites/default/files/svg-path.svg?new");
    mask-image: url("/sites/default/files/svg-path.svg?new");
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    margin-bottom: -4rem;
}

.page-title-bg:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
}

.page-title-bg .page-title-slogan {
    color: #FFF;
    margin-top: 1rem;
}

.page-title-bg .page-title-slogan h5 {
    color: #FFF;
}

.main-container .title-breadcrumbs {
    padding-top: 0px;
    background-color: transparent;
}

.main-container .title-breadcrumbs .page-title {
    font-weight: normal;
    font-size: 2.5rem;
    line-height: 1.25em;
    max-width: none;
    position: relative;
    color: #151C55 !important;
}

.main-container .title-breadcrumbs .page-title-bg .page-title {
    color: #FFF !important;
}

.main-container .title-breadcrumbs .page-title-bg .breadcrumb .breadcrumb-item {
    color: #FFF !important;
}

.main-container .title-breadcrumbs .page-title-bg .breadcrumb .breadcrumb-item a,
.main-container .title-breadcrumbs .page-title-bg .breadcrumb .breadcrumb-item span {
    color: #FFF !important;
}

.main-container .title-breadcrumbs .breadcrumb .breadcrumb-item {
    color: #8A704C !important;
}

.main-container .title-breadcrumbs .breadcrumb .breadcrumb-item a,
.main-container .title-breadcrumbs .breadcrumb .breadcrumb-item span {
    color: #8A704C !important;
}

.main-container .title-breadcrumbs .breadcrumb .breadcrumb-item::before {
    color: #CCCCCC !important;
}

.main-container .sidebar ul.nav li {
    padding: 0px;
}

.main-container .sidebar ul.nav li a {
    font-size: 0.875rem;
}

.lead {
    color: #555555;
    font-size: 1.25rem;
}

.paragraph--type--background-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 3rem 1rem;
}

.paragraph--type--background-section>.container {
    padding: 0px;
}

.paragraph--type--background-section .row {
    z-index: 8;
}

.paragraph--type--background-section .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.paragraph--type--background-section.lightcolour h1,
.paragraph--type--background-section.lightcolour h2,
.paragraph--type--background-section.lightcolour h3,
.paragraph--type--background-section.lightcolour h4,
.paragraph--type--background-section.lightcolour h5,
.paragraph--type--background-section.lightcolour h6,
.paragraph--type--background-section.lightcolour p,
.paragraph--type--background-section.lightcolour td,
.paragraph--type--background-section.lightcolour tr,
.paragraph--type--background-section.lightcolour li,
.paragraph--type--background-section.lightcolour ol,
.paragraph--type--background-section.lightcolour ul,
.paragraph--type--background-section.lightcolour a,
.paragraph--type--background-section.lightcolour .fas {
    color: #FFF;
}

.paragraph--type--background-section.lightcolour h2:before {
    border-color: transparent transparent transparent #fff;
}

.paragraph--type--background-section .paragraph--type--image-left-3-9 {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.paragraph--type--tabs .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.paragraph--type--tabs .nav-tabs .nav-link {
    border: 0px;
}

.paragraph--type--tabs .nav-tabs .nav-item {
    font-size: 1.3rem;
    font-family: "oswald";
    line-height: 1.5rem;
    text-align: left;
    margin: 0px 5px 0 0;
}

.paragraph--type--tabs .nav-tabs .nav-item .tab-subname {
    font-family: "open sans";
    text-transform: none;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.paragraph--type--tabs .nav-tabs .nav-item a {
    color: #151C55;
    background-color: #DDDDDD;
    padding: 1.2rem;
    text-transform: uppercase;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paragraph--type--tabs .nav-tabs .nav-item a.active {
    background-color: #f3f3f3;
    color: #151C55;
}

.paragraph--type--tabs .tab-content-para {
    border: 0px;
    padding: 1rem 1rem 0 1rem;
    background-color: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.paragraph--type--tabs .carousel-tab>a.btn-link {
    display: block;
    text-align: left;
    background-color: #f3f3f3;
    color: #151C55;
    font-size: 1.2rem;
    font-family: oswald;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding-right: 3rem;
}

.paragraph--type--tabs .carousel-tab>a.btn-link.collapsed {
    background-color: #DDDDDD;
}

.paragraph--type--tabs .carousel-tab>a.btn-link.collapsed:after {
    content: "\f078";
}

.paragraph--type--tabs .carousel-tab>a.btn-link:hover {
    color: #151C55;
    background-color: #f3f3f3;
}

.paragraph--type--tabs .carousel-tab>a.btn-link:after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
}

.paragraph--type--tabs .carousel-tab .tab-subname {
    font-family: "open sans";
    text-transform: none;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.paragraph--type--tabs .carousel-tab .collapse-panel {
    background-color: #f3f3f3;
    border: 0;
    padding: 2rem 1rem;
}

.paragraph--type--tabs.about-style-1 .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.paragraph--type--tabs.about-style-1 .nav-tabs .nav-link {
    border: 0px;
}

.paragraph--type--tabs.about-style-1 .nav-tabs .nav-item {
    font-size: 1.3rem;
    font-family: "oswald";
    line-height: 1.5rem;
    text-align: left;
    margin: 0px 5px 0 0;
}

.paragraph--type--tabs.about-style-1 .nav-tabs .nav-item a {
    color: #151C55;
    background-color: #DDDDDD;
    padding: 1.2rem;
    text-transform: uppercase;
}

.paragraph--type--tabs.about-style-1 .nav-tabs .nav-item a.active {
    background-color: #f3f3f3;
    color: #151C55;
}

.paragraph--type--tabs.about-style-1 .tab-content-para {
    border: 0px;
    padding: 1rem 1rem 0 1rem;
    background-color: none;
}

.paragraph--type--tabs.about-style-1 .carousel-tab a.btn-link {
    display: block;
    text-align: left;
    background-color: #f3f3f3;
    color: #151C55;
    font-size: 1.2rem;
    font-family: oswald;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
}

.paragraph--type--tabs.about-style-1 .carousel-tab a.btn-link.collapsed {
    background-color: #DDDDDD;
}

.paragraph--type--tabs.about-style-1 .carousel-tab a.btn-link:hover {
    color: #151C55;
    background-color: #f3f3f3;
}

.paragraph--type--tabs.about-style-1 .carousel-tab .collapse-panel {
    background-color: #f3f3f3;
    border: 0;
    padding: 2rem 1rem;
}

.paragraph--type--tabs.global-style-1 .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.paragraph--type--tabs.global-style-1 .nav-tabs .nav-link {
    border: 1px solid #FFF;
}

.paragraph--type--tabs.global-style-1 .nav-tabs .nav-item {
    font-size: 1.3rem;
    font-family: "oswald";
    line-height: 1.5rem;
    text-align: left;
    margin: 0px 5px 0 0;
}

.paragraph--type--tabs.global-style-1 .nav-tabs .nav-item a {
    color: #000;
    background-color: #CCC;
}

.paragraph--type--tabs.global-style-1 .nav-tabs .nav-item a.active {
    background-color: #8A704C;
    color: #fff;
}

.paragraph--type--tabs.global-style-1 .tab-content-para {
    border: 3px solid #8A704C;
    padding: 1rem 1rem 0 1rem;
}

.paragraph--type--tabs.contact-tabs .nav-tabs .nav-item {
    font-size: 1rem;
}

.paragraph--type--tabs.contact-tabs .nav-tabs .nav-item a {
    padding: 1rem;
}

.paragraph--type--tabs.global-style-2 .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-link {
    border: 1px solid #FFF;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-item {
    display: block;
    float: none;
    margin: 0px;
    text-transform: capitalize;
    font-size: 1.3rem;
    font-family: "oswald";
    line-height: 1.5rem;
    text-align: center;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-item a {
    height: 100%;
    padding: 2rem 1rem;
    color: #FFF;
    border-bottom: 8px solid #fff;
    background-color: #151C55;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-item a.active {
    border-bottom: 8px solid #8A704C;
    background-color: #8A704C;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-item .tab-subtitle {
    display: block;
    font-size: 1.3rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    line-height: 1.5rem;
    margin-top: 1rem;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-item .tab-image-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
    background-position: center;
    background-size: cover;
}

.paragraph--type--tabs.global-style-2 .nav-tabs .nav-item .tab-name {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    font-weight: normal;
}

.paragraph--type--tabs.global-style-2 .tab-content-para {
    background-color: #fff;
    border: 1px solid #8A704C;
    margin-top: 0.5rem;
    padding: 4rem;
}

.paragraph--type--tabs.global-style-2 .carousel-tab h1 {
    font-size: 1.8rem;
}

.paragraph--type--tabs.global-style-2 .carousel-tab a.btn-link {
    display: block;
    text-align: left;
    background-color: #8A704C;
    color: #FFF;
    font-size: 1.5rem;
    font-family: oswald;
    border-radius: 0;
    cursor: pointer;
}

.paragraph--type--tabs.global-style-2 .carousel-tab a.btn-link.collapsed {
    background-color: #151C55;
}

.paragraph--type--tabs.global-style-2 .carousel-tab a.btn-link:hover {
    color: #FFF;
    background-color: #8A704C;
}

.paragraph--type--tabs.global-style-2 .carousel-tab .collapse-panel {
    background-color: #FFF;
    border: 1px solid #8A704C;
    padding: 1rem;
}

.paragraph--type--tabs.global-style-3 .nav-tabs {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

.paragraph--type--tabs.global-style-3 .nav-tabs .nav-item a {
    height: 100%;
    padding: 3rem 2rem;
    color: #151C55;
    border-bottom: 8px solid #fff;
    background-color: #FFF;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.paragraph--type--tabs.global-style-3 .nav-tabs .nav-item a.active {
    border-bottom: 8px solid #8A704C;
    background-color: #e7e8ee;
}

.paragraph--type--tabs.global-style-3 .tab-content {
    background-color: #151C55;
}

.paragraph--type--tabs.global-style-3 .tab-name {
    font-size: 2rem;
    line-height: 2rem;
}

.paragraph--type--tabs.global-style-3 .slick__slide {
    margin: 5px;
}

.paragraph--type--tabs.global-style-3 .slick__arrow {
    text-align: right;
    margin-top: 2rem;
}

.paragraph--type--tabs.global-style-3 .slick__arrow .slick-arrow {
    font-size: 0;
    border: 0px;
    background-color: #FFF;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    outline: 0;
    position: relative;
}

.paragraph--type--tabs.global-style-3 .slick__arrow .slick-prev:before {
    content: "\f053";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-53%, -50%);
    transform: translate(-53%, -50%);
    font-size: 1rem;
    color: #000;
    display: inline-block;
    width: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.paragraph--type--tabs.global-style-3 .slick__arrow .slick-next {
    margin-left: 1rem;
}

.paragraph--type--tabs.global-style-3 .slick__arrow .slick-next:before {
    content: "\f054";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-47%, -50%);
    transform: translate(-47%, -50%);
    font-size: 1rem;
    color: #000;
    display: inline-block;
    width: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.paragraph--type--tabs.global-style-3 .carousel-tab a.btn-link {
    font-size: 1.5rem;
    cursor: pointer;
}

.paragraph--type--tabs.campus-life-style1 .nav-tabs {
    border: 0px;
    margin-top: -3rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.paragraph--type--tabs.campus-life-style1 .nav-tabs li.col {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    white-space: nowrap;
}

.paragraph--type--tabs.campus-life-style1 .nav-tabs .nav-item {
    font-family: "open sans";
    font-size: 0.9rem;
}

.paragraph--type--tabs.campus-life-style1 .nav-tabs .nav-item a {
    text-transform: none;
    padding: 0.5rem;
    background-color: #fff;
    color: #8A704C;
}

.paragraph--type--tabs.campus-life-style1 .nav-tabs .nav-item a.active {
    background-color: #151C55;
    color: #fff;
    border-radius: 5px;
}

.paragraph--type--tabs.campus-life-style1 .tab-content-para {
    padding: 0px;
    border: 0px;
    margin-top: 4rem;
}

.block--views-block--global-news-block-1 .views-row {
    margin-bottom: 2rem;
}

.block--views-block--global-news-block-1 .views-row .global-news {
    -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    height: 100%;
}

.block--views-block--global-news-block-1 .views-row .global-news-content {
    padding: 1rem;
}

.block--views-block--global-news-block-1 .views-row .global-news-content a {
    text-decoration: none;
}

.block--views-block--global-news-block-1 nav {
    margin: 0 auto;
}

.global-footer {
    padding-bottom: 10rem;
    margin-bottom: -16rem;
}

.global-header h2 {
    color: #FFF;
    margin-bottom: 0px;
    font-weight: bold;
}

.global-header {
    background-color: #151C55;
    text-align: center;
    padding: 2rem 1.5rem;
}

#for-smu-students .views-element-container .views-row,
#for-smu-students-accordion .views-element-container .views-row {
    padding: 2rem;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
    border-left: 10px solid #151C55;
}

#for-smu-students .views-element-container .views-row .views-field-field-link,
#for-smu-students-accordion .views-element-container .views-row .views-field-field-link {
    text-align: right;
    margin-top: 2rem;
}

#for-international-students .views-element-container .views-row,
#for-international-students-accordion .views-element-container .views-row {
    padding: 2rem;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
    border-left: 10px solid #8A704C;
}

#for-international-students .views-element-container .views-row h4,
#for-international-students-accordion .views-element-container .views-row h4 {
    color: #8A704C;
}

#for-international-students .views-element-container .views-row .views-field-field-link,
#for-international-students-accordion .views-element-container .views-row .views-field-field-link {
    text-align: right;
    margin-top: 2rem;
}

#global-accordion a.btn-link {
    display: block;
    text-align: left;
    background-color: #8A704C;
    color: #FFF;
    font-size: 1.5rem;
    font-family: oswald;
    cursor: pointer;
}

#global-accordion a.btn-link .tab-subtitle {
    font-family: "open sans";
    font-size: 1.2rem;
    display: block;
}

#global-accordion a.btn-link.collapsed {
    background-color: #151C55;
}

#global-accordion a.btn-link:hover {
    color: #FFF;
    background-color: #8A704C;
}

.global {}

.global blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

.global .why-smu .container>.row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.global .why-smu .paragraph--type--card .para-card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.global .why-smu .paragraph--type--card .para-card-inner div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.global .why-smu .paragraph--type--card .para-card-inner div:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.global .faq-item {
    padding: 10px;
    background: #8a704c;
    margin: 2px 0;
    color: #fff;
    font-weight: bold;
}

.global .item-content-wrap {
    padding: 0px 0px;
}

.global .item-sub-content-wrap {
    padding: 10px 30px;
    border: 1px solid #a08764;
}

.global .faq-item:before {
    font-family: "Font Awesome 5 Free";
    content: "\f056";
    float: left;
    margin-right: 15px;
}

.global .faq-item.collapsed:before {
    content: "\f055";
}

.global .faq-item:hover {
    background: #8a704c;
    color: #fff;
}

.global .faq-item.collapsed {
    background: #f1f2f5 !important;
    color: #151C55;
}

.global .faq-sub-item {
    padding: 10px 20px;
    background: #a08764;
    margin: 4px 0 0px 0;
    color: #fff;
    font-weight: bold;
}

.global .faq-sub-item:before {
    font-family: "Font Awesome 5 Free";
    content: "\f056";
    float: left;
    margin-right: 15px;
}

.global .faq-sub-item.collapsed:before {
    content: "\f055";
}

.global .faq-sub-item:hover {
    background: #a08764;
    color: #fff;
}

.global .faq-sub-item.collapsed {
    background: #faf8f5 !important;
    color: #877053;
}

.global .faq-title {
    font-weight: bold;
    color: #091c4b;
    font-size: 15px;
    padding: 10px 0;
}

.global .faq.headline-wrap {
    text-align: center;
}

.global .modal-header {
    background: #eef3ff;
    color: #091c4b;
}

.global .modal-title {
    font-size: 30px;
}

.global header {
    background-color: #151C55;
}

.global .page__content {
    padding-top: 0 !important;
}

.global .smu-header {
    text-align: center;
    color: #151C55;
}

.global .header-txt {
    font-size: 45px;
}

.global .smu-statistics .header-txt {
    color: #fff;
}

.global .header-txt span {
    color: #8A704C;
}

.global .smu-statistics .header-subtxt {
    color: #FFC069;
    font-size: 40px;
}

.global .smu-statistics .header-subtxt:before {
    display: none;
}

.global .smu-statistics .stat-subtxt span.once {}

.global .smu-statistics .stat-subtxt span.gone {
    font-size: 35px;
}

.global .left-box {
    padding-left: 0;
}

.global .stat-box {
    margin: 15px;
    width: 100%;
    height: 200px;
    position: relative;
    opacity: 0.8;
    border-radius: 16px;
}

.global .stat-rec-vertical {
    height: 430px !important;
    border-radius: 16px;
}

.global .stat-rec-horizontal {
    height: 200px !important;
    border-radius: 16px;
}

.global .stat-box .box-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 10px;
}

.global .stat-txt {
    display: block;
    float: none;
    margin: 0px;
    line-height: 60px;
    text-transform: capitalize;
    font-size: 60px;
    padding-bottom: 5px;
    color: #FFF;
}

.global .stat-subtxt {
    text-transform: uppercase;
    font-size: 35px;
    margin: 0 10px 10px !important;
    color: #FFF;
}

.global .stat-normal-txt {
    line-height: 21px;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    color: #FFF;
}

.global .brown-color {
    background-color: #8A704C !important;
}

.global .gray-color {
    background-color: #404040 !important;
}

.global .light-blue-color {
    background-color: #1F297E !important;
}

.global .blue-color {
    background-color: #151C55 !important;
}

.global .dark-blue-color {
    background-color: #0B0F2C !important;
}

.global .natio-on-campus-num {
    font-size: 100px;
    float: right;
    padding-top: 20px;
}

.global .natio-on-campus {
    margin: 0 !important;
    float: left;
    text-align: left;
    padding: 0;
    font-size: 45px;
}

.global .smu-global {
    background-color: white;
    background-size: cover !important;
    height: 100%;
    width: 100%;
    color: #fff;
}

.global .smu-global .header-subtxt {
    font-size: 22px;
    color: #151C55;
    font-weight: 200;
    font-family: "Open Sans", sans-serif;
}

.global .global-tab {
    margin: 15px;
    width: 100%;
    height: 200px;
    position: relative;
}

.global .tab-txt {
    display: block;
    float: none;
    margin: 0px;
    line-height: 120%;
    text-transform: capitalize;
    font-size: 45px;
    margin: 20px 25px 5px;
    padding-right: 60px;
}

.global .tab-normal-txt {
    line-height: 21px;
    font-weight: 200;
    text-align: left;
    margin: 0 25px 10px !important;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    padding-right: 100px;
}

.global #global-tabs .nav-item {
    display: block;
    float: none;
    margin: 0px;
    text-transform: capitalize;
    font-size: 3rem;
    font-family: "oswald";
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    line-height: 3rem;
}

.global #global-tabs .nav-item a {
    height: 100%;
    padding: 5rem 3rem;
    color: #151C55;
    border-bottom: 8px solid #fff;
}

.global #global-tabs .nav-item a.active {
    border-bottom: 8px solid #8A704C;
    background-color: #e7e8ee;
}

.global #global-tabs .nav-item .tab-subtitle {
    display: block;
    font-size: 1.3rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    line-height: 1.5rem;
    margin-top: 1rem;
}

.global #global-tabs .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.global #global-panels {
    padding: 1rem;
    background-color: #151C55;
}

.global #global-panels .slick-slide {
    margin: 0.5rem;
}

.global .slick-slide {
    position: relative;
}

.global .slick-slide .views-field-field-image {
    height: 270px;
    overflow: hidden;
}

.global .slick-slide .views-field-title {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100px;
    padding: 0 1rem;
    background: rgba(138, 112, 76, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8rem;
}

.global .slick-slide .views-field-title a {
    color: #FFF;
    text-decoration: none;
}

.global #timeline-main-nav-tabs .main-tabs {
    padding: 0;
    margin: 0;
}

.global #timeline-main-nav-tabs .main-tabs .tab {
    margin-top: 5px;
    padding: 20px 20px;
    background: #151C55;
}

.global #timeline-main-nav-tabs .main-tabs .tab .badge {
    width: 54px;
    height: 54px;
    font-size: 25px;
    border-radius: 27px;
    padding-top: 15px;
    background: #444a76;
}

.global #timeline-main-nav-tabs .badge-wrap {
    padding-top: 20px;
}

.global #timeline-main-nav-tabs .main-tabs .tab .lab {
    color: #fff;
    padding: 0 15px;
    font-weight: bold;
    font-size: 18px;
    font-family: "Oswald";
}

.global #timeline-main-nav-tabs .main-tabs .tab .btn-wrap .left img {
    max-width: 50px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.global #timeline-main-nav-tabs .main-tabs .tab .btn-wrap .right p.title {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    padding: 0;
    font-family: "Oswald";
}

.global #timeline-main-nav-tabs .main-tabs .tab .btn-wrap .right p.desc {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.global #timeline-main-nav-tabs .main-tabs .tab .btn-wrap {
    padding: 10px;
    background: #444a76;
    min-height: 100px;
}

.global .testi-controls-wrap {
    height: 480px;
}

.global .timeline-row,
.global .inner_numbering,
.global .app-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.global .timeline-row>[class*=col-],
.global .inner_numbering>[class*=col-],
.global .app-row>[class*=col-] {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

.global .timeline-row,
.global .timeline-row-second,
.global .timeline-row-third {
    background: #1F297E;
    padding: 20px 0;
}

.global .timeline-row {
    padding-left: 20px;
    padding-right: 20px;
}

.global .timeline-row-second {
    background: #151C55;
}

.global .timeline-row-third {
    background: #0b0f2c;
}

.global .timeline-row img {
    width: 60%;
}

.global .vcenter {
    margin-top: auto;
    margin-bottom: auto;
}

.global .numbering {
    width: 54px;
    height: 54px;
    font-size: 25px;
    border-radius: 27px;
    padding-top: 15px;
    background: #444a76;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
}

.global .inner_numbering .label {
    color: #fff;
    padding: 0 15px;
    font-weight: bold;
    font-size: 18px;
    font-family: "Oswald";
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    line-height: 1.5;
}

.global .app-row {
    padding: 7px;
}

.global .timeline-row-third .app-row {
    background: #3c3f56;
}

.global .app-row .app-row-col {
    padding: 5px;
    word-break: break-word;
}

.global .app-row p {
    margin-bottom: 0;
    color: #FFF;
    font-size: 12px;
}

.global .app-row .title {
    text-transform: uppercase;
    font-size: 14px;
}

.global .second-cols,
.global .third-cols,
.global .fourth-cols {
    background: #4c5498;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    margin-right: 1%;
}

.global .third-cols {
    background: #444977;
}

.global .fourth-cols {
    background: #3c3f56;
}

.footer-speak-to-our {
    border-top: 10px solid #8A704C;
    background-color: #151C55;
    color: #fff;
}

.footer-speak-to-our .left-content-holder {
    padding: 2rem;
}

.footer-speak-to-our .right-content-holder {
    padding: 2rem;
    background-color: #0f2a6d !important;
}

.footer-speak-to-our .inner-right-content-holder .inner-right-content {
    background-color: #151C55;
    padding: 2rem;
}

.footer-speak-to-our .inner-right-content-holder .inner-right-content h5 {
    color: #FFF;
}

.paragraph--type--image-link {
    min-height: 350px;
}

.paragraph--type--image-link .image-link-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-size: cover;
    color: #FFF;
    background-position: center;
    padding: 1rem;
}

.paragraph--type--image-link .image-link-inner h3 {
    color: #FFF;
}

.paragraph--type--image-link .image-link-inner>div {
    z-index: 9;
}

.paragraph--type--image-link .image-link-inner:after {
    content: " ";
    background-color: #151C55;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.paragraph--type--image-captions.col-md-8 .image-caption-body,
.paragraph--type--image-captions.col-md-6 .image-caption-body,
.paragraph--type--image-captions.col-md-4 .image-caption-body,
.paragraph--type--video-caption.col-md-8 .image-caption-body,
.paragraph--type--video-caption.col-md-6 .image-caption-body,
.paragraph--type--video-caption.col-md-4 .image-caption-body {
    width: calc(100% - 30px);
}

.paragraph--type--image-captions .image-caption-img .img-fluid,
.paragraph--type--video-caption .image-caption-img .img-fluid {
    max-width: none;
    width: 100%;
}

.paragraph--type--image-captions .image-caption-body,
.paragraph--type--image-captions .video-caption-body,
.paragraph--type--video-caption .image-caption-body,
.paragraph--type--video-caption .video-caption-body {
    position: absolute;
    bottom: 0px;
    background: rgba(21, 29, 85, 0.9);
    width: 100%;
    padding: 2rem 1rem;
    color: #FFF !important;
    text-align: center;
}

.paragraph--type--image-captions .image-caption-body *,
.paragraph--type--image-captions .video-caption-body *,
.paragraph--type--video-caption .image-caption-body *,
.paragraph--type--video-caption .video-caption-body * {
    color: #FFF;
}

.paragraph--type--image-captions .image-caption-body h3,
.paragraph--type--image-captions .video-caption-body h3,
.paragraph--type--video-caption .image-caption-body h3,
.paragraph--type--video-caption .video-caption-body h3 {
    font-size: 1.5rem;
    font-weight: bold;
}

.paragraph--type--card .para-card-inner {
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 2rem;
    height: 100%;
}

.paragraph--type--card .para-card-inner img {
    margin-bottom: 0.5rem;
}

.paragraph--type--accordion .btn-link {
    background-color: #151C55;
    width: 100%;
    color: #FFF !important;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0px;
}

.paragraph--type--accordion .accordion-body {
    border: 1px solid #151C55;
    padding: 1rem 1rem 0 1rem;
}

.paragraph--type--study-programme .study-prg-location {
    margin-bottom: 1rem;
}

.paragraph--type--study-programme .study-prg-location .fas {
    display: inline-block;
    margin-right: 1rem;
}

.paragraph--type--study-programme .study-prg-location div {
    display: inline-block;
}

.paragraph--type--study-programme .study-prg-title h5 {
    font-size: 1.4rem !important;
    margin-bottom: 1rem;
}

.paragraph--type--study-programme .study-prg-theme {
    margin-bottom: 1rem;
}

.paragraph--type--study-programme .study-prg-theme span {
    float: right;
}

.paragraph--type--study-programme .study-prg-cost {
    margin-bottom: 1rem;
}

.paragraph--type--study-programme .study-prg-cost span {
    float: right;
}

.paragraph--type--study-programme .study-prg-right {
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    padding: 20px;
}

.paragraph--type--study-programme .study-prg-left img {
    border-left: 10px solid #151C55;
    padding-left: 0.5rem;
}

.img-full-width {
    width: 100%;
    height: auto;
}

.paragraph--type--carousel .container {
    position: relative;
}

.paragraph--type--carousel .slick-paragraph-arrows i {
    padding: 1rem;
    cursor: pointer;
}

.paragraph--type--carousel .slick-slide {
    margin: 0 0.5rem;
}

.paragraph--type--carousel .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.paragraph--type--carousel .slick-arrow.prev-arrow {
    left: -15px;
}

.paragraph--type--carousel .slick-arrow.next-arrow {
    right: -15px;
}

.paragraph--type--carousel.campuslife-single .slick-paragraph-arrows {
    display: none;
}

.paragraph--type--carousel.campuslife-single .slick-slide {
    margin: 0;
}

.paragraph--type--carousel.campuslife-single .container {
    padding: 0;
}

.paragraph--type--carousel-highlights-for-global- {
    margin: 0 auto;
}

.paragraph--type--carousel-highlights-for-global- .slick-current-selected:after {
    content: " ";
    background-color: #8A704C;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.paragraph--type--carousel-highlights-for-global- .slick-highlight-paragraph {
    padding: 0 2rem;
}

.paragraph--type--carousel-highlights-for-global- .slick-current-selected {
    overflow: hidden;
}

.paragraph--type--carousel-highlights-for-global- .slick-highlight-paragraph-main-arrows {
    position: absolute;
    top: 40%;
    z-index: 9;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.paragraph--type--carousel-highlights-for-global- .slick-highlight-paragraph-arrows {
    position: absolute;
    top: 40%;
    z-index: 9;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.paragraph--type--carousel-highlights-for-global- .slick-highlight-paragraph-wrapper {
    position: relative;
}

.with-right-border {
    border-left: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.with-right-border p {
    margin: 0px;
}

.summer-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
}

.paragraph--type--profile-card {
    height: 100%;
}

.paragraph--type--profile-card .para-profilecard-inner {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    background: #eee;
    text-align: center;
    height: 99%;
}

.paragraph--type--profile-card .para-profilecard-inner .para-profilecard-body {
    padding: 1rem;
}

.paragraph--type--profile-card .para-profilecard-inner .para-profilecard-school {
    padding: 1rem;
}

ul.slick-dots {
    margin: 1rem;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.slick-dots li {
    list-style: none;
    padding: 0px !important;
    margin: 0px !important;
}

ul.slick-dots li button {
    text-indent: -9999999px;
    background-color: rgba(138, 112, 76, 0.25);
    border: 0;
    width: 3rem;
    height: 0.5rem;
    border-radius: 1rem;
    margin: 0 0.5rem;
}

ul.slick-dots li.slick-active button {
    background-color: #8A704D;
    border: 0;
}

.at-a-glance {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 64%;
}

.at-a-glance h3 {
    font-size: 5rem;
    font-weight: bold;
    color: #94d9ff !important;
    line-height: 6rem;
}

.at-a-glance h3 sub {
    color: #94d9ff !important;
    font-size: 2rem;
    line-height: 2rem;
}

.at-a-glance.at-a-glance-1 {
    background-image: url(/themes/wwwsmu_4g/images/rank.png);
}

.at-a-glance.at-a-glance-2 {
    background-image: url(/themes/wwwsmu_4g/images/students.png);
}

.at-a-glance.at-a-glance-3 {
    background-image: url(/themes/wwwsmu_4g/images/faculty.png);
}

.height-80 {
    height: 80px;
    width: auto;
}

.height-120 {
    height: 120px;
    width: auto;
}

.paragraph--type--leadership-card {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.paragraph--type--leadership-card .leadership-card-photo img {
    border-radius: 4px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.paragraph--type--leadership-card .reveal-holder {
    border-radius: 30px !important;
    overflow: hidden;
    -webkit-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.2156862745);
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.2156862745);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.paragraph--type--leadership-card:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.paragraph--type--leadership-card:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.paragraph--type--leadership-card a {
    text-decoration: none;
}

.paragraph--type--leadership-card .leadership-card-inner {
    text-align: center;
}

.paragraph--type--leadership-card .leadership-card-body {
    width: 80%;
    text-align: center;
    z-index: 9;
    position: relative;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: transparent;
    position: absolute;
    border-radius: 60px;
    color: #FFF;
    border: 4px solid rgba(255, 255, 255, 0.3294117647);
    bottom: 20px;
    padding: 10px 10px 0px 10px;
    left: 10%;
}

@supports (-moz-appearance:none) {
    .paragraph--type--leadership-card .leadership-card-body {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

.paragraph--type--leadership-card .leadership-card-body * {
    color: #fff !important;
}

.paragraph--type--leadership-card .leadership-card-body h3 {
    text-transform: none;
    font-size: 1.6rem;
    color: #FFF !important;
    font-weight: normal;
}

.paragraph--type--focus-areas-block .focus-block-inner {
    padding-right: 1rem;
    height: 100%;
}

.paragraph--type--focus-areas-block .focus-block-title {
    font-weight: bold;
}

.node-816 .paragraph--type--focus-areas-block .focus-block-icon {
    position: absolute;
    right: -10px;
    bottom: -10px;
}

.text-cyan {
    color: #00c2d3;
    font-weight: normal;
}

.text-green {
    color: #95C11F;
    font-weight: normal;
}

.text-orange {
    color: #EC6712;
    font-weight: normal;
}

.text-red {
    color: #ff0000;
}

.paragraph--type--text-with-background .text-wbg-inner {
    background-size: cover;
    background-position: center;
    background-color: #FFF;
    padding: 3rem 2rem;
    text-decoration: none;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph--type--card-with-icon .card-icon-inner {
    border: 1px solid #8A704C;
    padding: 1rem;
    text-align: center;
    margin-top: 3rem;
    height: 83%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.paragraph--type--card-with-icon .card-icon-inner .card-icon-img {
    margin: -4rem auto 1rem auto;
}

.paragraph--type--card-with-icon .card-icon-inner .card-icon-title h4 {
    color: #8A704C;
}

.paragraph--type--testimony-block .testimony-block-inner {
    padding: 2.5rem 1.5rem 4rem 1.5rem;
    border: 1px solid #9a7e4b;
    height: 100%;
}

.paragraph--type--testimony-block .testimony-block-inner:before {
    content: " ";
    width: 40px;
    height: 40px;
    background-image: url(/themes/wwwsmu_4g/images/quote.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -15px;
    left: 27px;
}

.paragraph--type--testimony-block .testimony-author {
    position: absolute;
    bottom: -55px;
    background-color: #FFF;
    padding: 1rem;
    font-weight: bold;
    color: #9a7e4b;
    text-align: right;
    right: 30px;
}

.cta-lg {
    max-width: none !important;
    width: 100%;
    height: 80px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.node-836 .image-body-inner {
    background-color: #DEE1E7;
}

.main-container .sidebar ul.nav a.dropdown-toggle {
    border-left: 0;
    white-space: normal !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-container .sidebar ul.nav a.dropdown-toggle:hover {
    border-left: 0;
}

.main-container .sidebar ul.nav a.dropdown-toggle:after {
    margin-top: 0px;
}

.main-container .sidebar ul.nav li {
    margin-bottom: 4px;
}

.main-container .sidebar ul.nav li>a {
    font-family: "open sans";
    color: #000;
    border-top: 0px;
    background-color: #ad9b81;
    padding: 1rem;
    margin-top: 0rem;
}

.main-container .sidebar ul.nav li span {
    border-left: 0;
    background-color: #DDDDDD;
    padding: 1rem;
    margin-bottom: 0rem;
    color: #000;
}

.main-container .sidebar ul.nav li span:hover {
    color: #8A704C;
    border-left: 0px solid #fff;
    background: #e2dbd2;
}

.main-container .sidebar ul.nav li a {
    border-left: 0;
    background-color: #DDDDDD;
    padding: 1rem;
    margin-bottom: 0;
    color: #000;
    -webkit-transition: none;
    transition: none;
    display: block;
}

.main-container .sidebar ul.nav li a:active,
.main-container .sidebar ul.nav li a:focus,
.main-container .sidebar ul.nav li a:hover {
    color: #000;
    background: #e2dbd2;
    border: 0px;
}

.main-container .sidebar ul.nav li a.active,
.main-container .sidebar ul.nav li a.is-active {
    background-color: #F3F3F3;
    color: #8A704C !important;
}

.main-container .sidebar ul.nav li a.active:before,
.main-container .sidebar ul.nav li a.is-active:before {
    color: rgba(255, 255, 255, 0.25) !important;
}

.main-container .sidebar ul.nav li.active span {
    color: #8A704C;
    border-left: 0px;
    background: #F3F3F3;
}

.main-container .sidebar ul.nav li.active a {
    border: 0;
    color: #8A704C;
    background: #f1f1f1;
}

.main-container .sidebar ul.nav li a.dropdown-toggle:before,
.main-container .sidebar ul.nav li a.dropdown-toggle.is-active:before {
    content: "» ";
    color: rgba(0, 0, 0, 0.25) !important;
    margin-right: 0.5rem;
}

.main-container .sidebar ul.nav li a.dropdown-toggle:after,
.main-container .sidebar ul.nav li a.dropdown-toggle.is-active:after {
    display: none;
}

.main-container .sidebar ul.nav li.toggle .dropdown-menu {
    padding: 0px;
    width: 100%;
}

.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-decoration: none;
    white-space: normal;
    color: #000;
    background-color: #d9d4cd;
    padding-left: 2rem;
    margin-top: 1px;
}

.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item.active,
.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item.is-active {
    color: #fff !important;
    background-color: #ad9b81;
}

.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item.active:hover,
.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item.is-active:hover {
    background-color: #ad9b81;
}

.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item:before {
    content: "» ";
    color: rgba(0, 0, 0, 0.25);
    margin-right: 0.5rem;
}

.main-container .sidebar ul.nav li.toggle .dropdown-menu .dropdown-item:hover {
    background-color: #e5dccf;
}

.main-container .sidebar ul.nav li.toggle a.dropdown-toggle:before {
    content: "» ";
    color: rgba(0, 0, 0, 0.25);
    margin-right: 0.5rem;
}

.main-container .sidebar ul.nav li.toggle a.dropdown-toggle:after {
    display: none;
}

.main-container .sidebar ul.nav li .dropdown-menu a:active,
.main-container .sidebar ul.nav li .dropdown-menu a:focus,
.main-container .sidebar ul.nav li .dropdown-menu a:hover {
    color: #8A704C;
    background-color: #e8e2db;
    border-left: 0;
}

.main-container .sidebar ul.nav li .dropdown-menu a.is-active {
    border-left: 0;
}

.main-container .sidebar span .dropdown-toggle {
    border-left: 4px solid #151C55 !important;
    white-space: normal !important;
}

.main-container .sidebar ul.nav li .dropdown-menu a.active,
.main-container .sidebar ul.nav li .dropdown-menu a.is-active {
    color: #000;
}

.iac-news-item .iac-news-date {
    color: #888;
}

.iac-news-item h4 {
    font-weight: 400;
    text-transform: capitalize;
}

.iac-news-item h4 a {
    text-decoration: none;
    font-weight: 400;
}

.iac-news-item .img-fluid {
    border-radius: 0.25rem;
}

.page-node-type-about-iac-news article time {
    color: #8c8c8c;
    margin-bottom: 1rem;
    display: block;
}

.page-node-type-about-iac-news article img {
    margin-bottom: 1rem;
}

.block--views-block--iac-news-block-1 h2 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}

.iac-latest-news-inner {
    background: #EEE !important;
}

.page-node-type-about-iac-events table.table-striped th {
    background-color: #a9aed6 !important;
    font-weight: bold;
    border: 0px !important;
}

.button-row .cta {
    max-width: none;
}

.fa-external-link-alt {
    font-size: 0.8rem;
    margin-left: 10px;
}

a.cta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: initial;
}

a.cta.external-link:after {
    content: "\f054";
    margin-right: 1rem;
    font-family: "Font Awesome 5 Free";
}

.location-item h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.location-item .location-unit {
    margin-bottom: 10px;
}

.location-item .location-contact,
.location-item .location-hours {
    margin: 10px 0;
}

.location-item table tr td {
    padding: 4px;
}

.well.location-item {
    display: -webkit-box;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.helplines {
    background-color: #151C55;
    color: #FFF;
    padding: 2rem;
}

.helplines h4 {
    color: #FFF;
}

.helplines .cta-group {
    padding: 5px 10px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.helplines .cta-group span.cta-label {
    display: inline-block;
    width: calc(50% - 10px);
    margin-right: 10px;
    font-weight: bold;
    color: #FFF;
}

.helplines .cta-group a.cta {
    width: 50%;
    text-align: center;
}

#campuslifeccacbd .cbd-writeup h2 {
    display: none;
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.parent-dept {
    background: #151C55;
    padding: 15px;
    color: #FFF !important;
    font-weight: bold;
    text-align: center;
}

.parent-dept h4 {
    color: #FFF !important;
}

.department {
    padding: 0 15px 0 0;
}

.department span {
    font-weight: bold;
    text-align: center;
    color: #000;
    border: 2px solid #8A704C;
    min-height: 64px;
    margin: 10px 0;
    padding: 10px;
    display: block;
    color: #8A704C;
}

.line-h-container {
    border-left: 5px solid #151C55;
    padding: 0;
    height: auto;
    position: relative;
}

.line-h {
    width: 100%;
    height: 5px;
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#151C55), color-stop(50%, #8A704C));
    background: linear-gradient(90deg, #151C55, #8A704C 50%);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.line-h-container.height-half {
    max-height: 47px;
}

.line-h-container.height-half .line-h {
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

form.webform-submission-form .form-control {
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.paragraph--type--image-right .reveal-holder {
    border-radius: 30px;
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.66);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.66);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.paragraph--type--focus-areas-block-research-page- .anchor {
    margin-top: -130px;
    position: absolute;
}

.paragraph--type--focus-areas-block-research-page- .focus-institues-centres-labs {}

.paragraph--type--focus-areas-block-research-page- .focus-institues-centres-labs>.row {
    margin: 0;
}

.paragraph--type--focus-areas-block-research-page- .focus-institues-centres-labs a {
    text-decoration: none;
    display: block;
    padding: 7px 5px 7px 10px;
    border-radius: 4px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.paragraph--type--focus-areas-block-research-page- .focus-institues-centres-labs a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
}

.paragraph--type--focus-areas-block-research-page- .focus-institues-centres-labs a:hover {
    color: #FFF;
    background-color: #8A704C;
}

@media (min-width:992px) {
    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333%;
    }
}

@media (max-width:1130px) {
    .orgchart #committees .othercommittees .othercommittee .othercommitteeinner {
        min-height: 260px;
    }

    .orgchart #bot .botprofile {
        width: 50%;
    }
}

.about-style-1 .tab-content-para {
    background-color: #f3f3f3;
}

.clear {
    clear: both;
}

.orgchart a {
    text-decoration: none;
}

.orgchart .profilestitle-mobile {
    display: none;
}

.orgchart .chi {
    display: none !important;
}

.orgchart .chi.show {
    display: block !important;
}

.orgchart .eng {
    display: none !important;
}

.orgchart .eng.show {
    display: block !important;
}

.orgchart .langswitcher {
    float: right;
    width: 296px;
}

.orgchart .langswitcher span {
    display: inline-block;
    vertical-align: middle;
    width: 32%;
}

.orgchart .langswitcher span.label {
    text-align: right;
    padding-right: 10px;
    color: #000;
    font-size: 14px;
}

.orgchart .langswitcher span a {
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF;
    background-color: #9a7e4b;
    border-radius: 4px;
    padding: 10px;
}

.orgchart .langswitcher span a.active {
    background: #70542b;
}

.orgchart .provost2 {
    display: none;
    padding-top: 1px;
    clear: both;
}

.orgchart #seniorleadership a {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: block;
}

.orgchart #seniorleadership a:hover {
    -webkit-transform: translateY(-3px) !important;
    transform: translateY(-3px) !important;
}

.orgchart .president .details,
.orgchart .provost .details {
    background-color: #102b72;
    color: #FFF;
    padding: 11px 15px 11px 35px !important;
}

.orgchart .president.profile,
.orgchart .provost.profile {
    margin-top: 33px;
    margin-bottom: 33px;
}

.orgchart .president .lines {
    position: absolute;
    height: 240px;
    top: 50%;
    border-top: 3px solid #9a7e4b;
    border-right: 3px solid #9a7e4b;
    z-index: 1;
    pointer-events: none;
    width: 190%;
    margin-left: -30%;
}

.orgchart .president .lines::after {
    content: " ";
    display: block;
    width: 3px;
    height: 50%;
    text-align: center;
    background-color: #9a7e4b;
    position: absolute;
    left: 0;
    top: 0px;
}

.orgchart .president .lines2 {
    position: absolute;
    width: 95%;
    height: 240px;
    margin-left: -30%;
    top: 50%;
    border-top: 3px solid #9a7e4b;
    border-right: 3px solid #9a7e4b;
    z-index: 1;
    pointer-events: none;
}

.orgchart .provost .lines {
    position: absolute;
    top: 50%;
    border-top: 3px solid #9a7e4b;
    border-left: 3px solid #9a7e4b;
    z-index: 1;
    left: 43%;
    pointer-events: none;
    width: 0;
    height: 82%;
    margin-left: 15px;
}

.orgchart .profile {
    border-radius: 4px;
    padding-top: 10px !important;
    margin-bottom: 0px;
}

.orgchart .profile .school {
    background-color: transparent !important;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5em;
}

.orgchart .profile .lkcsb {
    color: #025a99;
}

.orgchart .profile .soa {
    color: #971430;
}

.orgchart .profile .soe {
    color: #006c85;
}

.orgchart .profile .sis {
    color: #be8c00;
}

.orgchart .profile .sol {
    color: #4a166e;
}

.orgchart .profile .soss {
    color: #00704a;
}

.orgchart .profilestitle {
    background-color: #9a7e4b;
    text-align: center;
    border-radius: 4px;
    padding: 15px;
    font-size: 16px;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    z-index: 3;
}

.orgchart .photo {
    z-index: 2;
    display: inline-block;
    float: none;
    vertical-align: middle;
    padding: 0px !important;
    border-radius: 4px;
    overflow: hidden;
    width: 40px;
    height: 60px;
    position: absolute;
    margin-top: 5px;
    z-index: 4;
}

.orgchart .photo img {
    height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.orgchart .details {
    background-color: #FFF;
    border-radius: 4px;
    padding: 5px 15px 5px 35px;
    position: relative;
    display: inline-block;
    float: none;
    vertical-align: middle;
    min-height: 70px;
    width: calc(100% - 20px);
    margin-left: 20px;
    color: #000;
    z-index: 3;
}

.orgchart .details .name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
}

.orgchart .academic .profile,
.orgchart .administrative .profile {
    padding-left: 0px;
    padding-right: 0px;
}

.orgchart .academic a,
.orgchart .administrative a {
    color: #000000 !important;
}

.orgchart .academic .name,
.orgchart .administrative .name {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    line-height: 1.5em;
}

.orgchart .academic .dept,
.orgchart .administrative .dept {
    font-weight: bold;
    color: #102b72;
    font-size: 12px;
    line-height: 1.5em;
}

.orgchart .administrative .svp {
    z-index: 1;
}

.orgchart .administrative .usvp {
    position: relative;
}

.orgchart .administrative .usvp .profile:before {
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    left: calc(-16.66667% + 18px);
    top: -10px;
    height: 100%;
    border-left: 3px solid #9a7e4b;
    z-index: -1;
}

.orgchart .administrative .usvp .profile:after {
    content: " ";
    border-top: 3px solid #9a7e4b;
    display: block;
    position: absolute;
    width: 100%;
    left: calc(-16.66667% + 18px);
    top: 40px;
    z-index: -1;
}

.orgchart .administrative .usvp .profile.last:before {
    height: 50px;
}

.bot-item {
    margin-bottom: 1rem;
}

.bot-item .photo {
    z-index: 2;
    display: inline-block;
    float: none;
    vertical-align: middle;
    padding: 0px !important;
    border-radius: 4px;
    overflow: hidden;
    width: 40px;
    height: 60px;
    position: absolute;
    margin-top: 5px;
}

.bot-item .details {
    background-color: #FFF;
    border-radius: 4px;
    padding: 5px 15px 5px 35px;
    position: relative;
    display: inline-block;
    float: none;
    vertical-align: middle;
    min-height: 70px;
    width: calc(100% - 20px);
    margin-left: 20px;
    color: #000;
}

.bot-item .name {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5em;
}

.bot-item .company {
    font-weight: 400;
    font-style: italic;
}

.bot-item .designation {
    font-weight: bold;
}

.former {
    color: #666666;
}

.former .year {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    text-align: right;
    padding-right: 10px;
}

.former .media-heading {
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 65%;
    vertical-align: center;
    color: #666666;
}

.fa-user.gold {
    color: #8A704C;
}

.othercommittee {
    margin-bottom: 1.8rem;
}

.othercommittee .othercommitteeinner {
    background-color: #DDDDDD;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.4em;
    height: 100%;
}

.othercommittee .othercommitteeinner h4 {
    font-family: "Open Sans", sans-serif;
    color: #102b72;
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
}

.orgchart #bot .botprofile {
    padding-left: 0px;
    padding-right: 0px;
    min-height: 110px;
}

.orgchart #bot .botprofile .title {
    font-weight: bold;
}

.orgchart #bot .botprofile .dept {
    font-style: italic;
}

.orgchart #bot .former {
    clear: both;
    color: #666666;
    padding-top: 30px;
    display: block;
}

.orgchart #bot .former>div {
    margin-bottom: 5px;
}

.orgchart #bot .former .year {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    text-align: right;
    padding-right: 10px;
}

.orgchart #bot .former .media-heading {
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 65%;
    vertical-align: top;
}

.orgchart #bot .former h3 {
    border-bottom: 1px solid #DDDDDD;
    text-transform: uppercase !important;
    padding-bottom: 20px;
    font-family: "Oswald", sans-serif;
    color: #333 !important;
    font-size: 16px;
}

.orgchart #bot .former h3:after {
    display: none;
    content: "";
}

.orgchart #committees .fa-user.gold {
    color: #9a7e4b;
}

.orgchart #committees .committeefooter {
    font-style: italic;
}

.orgchart #committees .committeefooter p {
    margin-bottom: 5px;
}

.orgchart #committees .othercommittees {
    clear: both;
    padding-top: 30px;
}

.orgchart #committees .othercommittees h3 {
    border-bottom: 1px solid #DDDDDD;
    text-transform: uppercase !important;
    padding-bottom: 20px;
    font-family: "Oswald", sans-serif;
    color: #333 !important;
    font-size: 16px;
}

.orgchart #committees .othercommittees h3:after {
    display: none;
    content: "";
}

.orgchart #committees .othercommittees .othercommittee .othercommitteeinner {
    background-color: #DDDDDD;
    border-radius: 4px;
    padding: 15px;
    min-height: 290px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.4em;
}

.orgchart #committees .othercommittees .othercommittee h4 {
    font-family: "Open Sans", sans-serif;
    color: #102b72;
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
}

.orgchart .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.orgchart .anchor {
    position: absolute;
    top: -360px;
    left: 0;
}

.history article,
.history-2 article {
    position: relative;
    margin: 0 auto;
}

.history .timeline__section,
.history-2 .timeline__section {
    margin-left: 200px;
}

.history .milestone,
.history-2 .milestone {
    opacity: 0;
    font-size: 0;
}

.history .timeline__nav,
.history-2 .timeline__nav {
    position: fixed;
    z-index: 2;
    top: 0;
    -webkit-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
    width: 130px;
}

.history .timeline__nav.removefix,
.history-2 .timeline__nav.removefix {
    position: absolute !important;
    bottom: 0px !important;
    top: auto !important;
}

.history .timeline__nav ul,
.history-2 .timeline__nav ul {
    list-style: none;
    list-style-position: inside;
    margin: 15px 0;
}

.history .timeline__nav ul li,
.history-2 .timeline__nav ul li {
    margin: 40px 0;
    padding-left: 0;
    list-style-type: none;
    color: #CCC;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 22px;
    text-align: right;
}

.history .timeline__nav ul li.active,
.history-2 .timeline__nav ul li.active {
    font-weight: bold;
    color: #151C55;
    font-size: 40px;
}

.history .timeline__nav ul li:hover,
.history-2 .timeline__nav ul li:hover {
    color: #151C55;
}

.history .detail,
.history-2 .detail {
    background-color: #404040;
    position: relative;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 5px;
}

.history .detail .left,
.history-2 .detail .left {
    float: left;
    width: 66%;
}

.history .detail .right,
.history-2 .detail .right {
    float: right;
    width: 34%;
}

.history .detail:after,
.history-2 .detail:after {
    content: " ";
    clear: both;
    width: 100%;
    display: block;
}

.history .detail h4,
.history-2 .detail h4 {
    color: #FFF;
    font-size: 32px;
    padding: 15px 30px 0 30px;
    text-transform: initial;
    line-height: 1.1em;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.history .detail .historydate,
.history-2 .detail .historydate {
    font-size: 18px;
    padding: 0 30px;
    color: #FFF;
}

.history .detail .historyextralinks,
.history-2 .detail .historyextralinks {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.history .detail .historyextralinks a,
.history-2 .detail .historyextralinks a {
    color: #FFF;
    margin-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0.6;
}

.history .detail .historyextralinks a:hover,
.history-2 .detail .historyextralinks a:hover {
    color: #8A704C;
    text-decoration: none;
    opacity: 1;
}

.history .detail.active,
.history-2 .detail.active {
    background-color: #151C55;
}

.history .detail.active .left:before,
.history-2 .detail.active .left:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #151C55;
    position: absolute;
    left: -10px;
    top: 62px;
    content: " ";
    display: block;
}

.history .historybody,
.history-2 .historybody {
    margin: 15px 30px 30px 30px;
}

.history .block--historygallery .container,
.history-2 .block--historygallery .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
}

.history .block--historygallery .paragraph--type--carousel .slick-paragraph-arrows,
.history-2 .block--historygallery .paragraph--type--carousel .slick-paragraph-arrows {
    width: 100%;
}

.history .history-style-1 .slick-slide,
.history-2 .history-style-1 .slick-slide {
    margin: 0;
}

.history .history-style-1 .slick-slide .paragraph,
.history-2 .history-style-1 .slick-slide .paragraph {
    margin-bottom: 0 !important;
}

.history .history-style-1 .slick-slide .paragraph .image-caption-body,
.history-2 .history-style-1 .slick-slide .paragraph .image-caption-body {
    padding: 1rem 1rem 0 1rem;
}

.downwards .scroll-stuck .tbm .tbm-item--has-dropdown.level-1>.tbm-submenu {
    top: 55px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.upwards .scroll-stuck .tbm .tbm-item--has-dropdown.level-1>.tbm-submenu {
    top: 55px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.toolbar-fixed.toolbar-tray-open .tbm .level-1.open>.tbm-submenu {
    top: 180px;
}

.toolbar-fixed.toolbar-tray-open.downwards .scroll-stuck .tbm .level-1.open>.tbm-submenu {
    top: 135px;
}

.toolbar-fixed.toolbar-tray-open .scroll-stuck .tbm .level-1.open>.tbm-submenu {
    top: 135px;
}

.toolbar-fixed.toolbar-tray-open .block--connectwithus .sticky-header {
    top: 120px;
}

.toolbar-fixed .tbm .level-1.open>.tbm-submenu {
    top: 143px;
}

.tbm .nav li.dropdown.active>.dropdown-toggle,
.tbm .nav li.dropdown.open.active>.dropdown-toggle,
.tbm .nav>li.dropdown.open.active>a:hover,
.tbm .nav>li.dropdown.open.active>span.no-link:hover {
    background-color: transparent;
    border-color: transparent;
    color: #eee;
}

.tbm {
    background-color: transparent;
    margin-top: 10px;
    margin-right: 1rem;
}

.tbm .tbm-link.level-1 {
    padding: 0 0.5rem 0 0;
}

.tbm .tbm-link.level-2 {
    padding-top: 0;
}

.tbm .tbm-link.level-2.tbm-toggle {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

.tbm .tbm-link.level-3 {
    padding: 0.2rem 0 !important;
}

.tbm .tbm-nav>.tbm-item.level-1:hover>.tbm-link-container a,
.tbm .tbm-nav>.tbm-item.level-1:hover>.tbm-link-container span.no-link,
.tbm .tbm-nav>.tbm-item.level-1.active>.tbm-link-container a,
.tbm .tbm-nav>.tbm-item.level-1.active>.tbm-link-container span.no-link,
.tbm .tbm-nav>.tbm-item.level-1:focus>.tbm-link-container a,
.tbm .tbm-nav>.tbm-item.level-1:focus>.tbm-link-container span.no-link,
.tbm .tbm-nav>.tbm-item.level-1.open>.tbm-link-container a,
.tbm .tbm-nav>.tbm-item.level-1.open>.tbm-link-container span.no-link {
    color: #C69200;
}

.tbm .tbm-nav>.tbm-item.level-1:hover>.tbm-link-container .tbm-submenu-toggle:before,
.tbm .tbm-nav>.tbm-item.level-1.active>.tbm-link-container .tbm-submenu-toggle:before,
.tbm .tbm-nav>.tbm-item.level-1:focus>.tbm-link-container .tbm-submenu-toggle:before,
.tbm .tbm-nav>.tbm-item.level-1.open>.tbm-link-container .tbm-submenu-toggle:before {
    color: #C69200;
}

.tbm .tbm-nav>li {
    padding: 0 !important;
    border: 0px;
}

.tbm .tbm-nav>li.level-1 {
    padding: 1rem 0.5rem 1rem 1.5rem !important;
}

.tbm .tbm-nav>li a.tbm-link {
    color: #FFF;
    text-decoration: none;
}

.tbm .tbm-nav>li a.tbm-link.active-trail {
    color: #C69200 !important;
}

.tbm .tbm-nav>li a.tbm-link:hover,
.tbm .tbm-nav>li a.tbm-link:focus {
    background-color: transparent;
    color: #C69200 !important;
}

.tbm .tbm-nav>li .no-link {
    color: #FFF;
    font-weight: 600;
}

.tbm .tbm-nav>li .no-link:hover,
.tbm .tbm-nav>li .no-link:focus {
    background-color: transparent;
}

.tbm .tbm-submenu-toggle {
    background-color: transparent;
    color: #fff;
    width: 2px;
    outline: 0;
}

.tbm .mega-inner {
    padding: 0;
}

.tbm .mega-dropdown-inner.container {
    padding: 0px;
}

.tbm .tbm-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.tbm .tbm-row .span6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.tbm .tbm-row .span3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 1.5rem 2rem;
}

.tbm .tbm-row .span4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.tbm .tbm-row .tbm-column-inner {
    height: 100%;
}

.tbm .tbm-column .tbm-subnav .tbm-item.level-2:first-child {
    padding-top: 0 !important;
}

.tbm .tbm-column .tbm-subnav .tbm-item.level-2:first-child .tbm-link.level-2 {
    padding-top: 0 !important;
}

.tbm .tbm-nav,
.tbm .dropdown-menu {
    float: none !important;
}

.tbm .tbm-nav .tbm-nav>li,
.tbm .dropdown-menu .tbm-nav>li {
    clear: both;
}

.tbm .tbm-item--has-dropdown.level-1>.tbm-submenu {
    position: fixed;
    width: 100% !important;
    top: 107px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width:1420px) {
    .tbm .tbm-item--has-dropdown.level-1>.tbm-submenu {
        width: 1400px !important;
    }
}

.tbm .tbm-item--has-dropdown.dropdown-column .mega-dropdown-inner {
    padding: 0rem;
}

.tbm .tbm-item--has-flyout a:after {
    display: none;
}

.tbm .tbm-item--has-flyout>.dropdown-menu {
    margin-left: 0px;
}

.tbm .tbm-item--has-flyout.level-2 {
    padding: 0 0 10px;
}

.tbm .tbm-item--has-flyout.level-2 .tbm-submenu-toggle {
    display: none;
}

.tbm .tbm-item--has-flyout.level-2 .tbm-submenu {
    position: relative;
    left: 0;
    top: 0;
    padding: 0px;
    font-size: 0.9rem;
    display: block;
    width: 100%;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    background-color: transparent;
}

.tbm .tbm-item--has-flyout.level-2 .tbm-submenu .tbm-subnav .active a {
    color: #C69200;
}

.tbm .tbm-item--has-flyout.level-2 .tbm-submenu .mega-dropdown-inner,
.tbm .tbm-item--has-flyout.level-2 .tbm-submenu .mega-inner,
.tbm .tbm-item--has-flyout.level-2 .tbm-submenu li {
    padding: 0;
    margin: 0;
}

.tbm .tbm-item--has-flyout.level-2 .tbm-submenu a {
    font-weight: normal;
    color: #808080;
    font-size: 14px;
}

.tbm .tbm-item--has-flyout.level-2 .tbm-submenu a:hover {
    color: #404040;
}

.tbm .dropdown-menu {
    border-bottom: 0;
}

.tbm .dropdown-menu .active>a,
.tbm .dropdown-menu .active>a:hover,
.tbm .dropdown-menu .active>span.no-link,
.tbm .dropdown-menu .active>span.no-link:hover {
    background: transparent !important;
    color: #C69200;
    font-weight: bold;
}

.tbm .dropdown-menu li>a,
.tbm .dropdown-menu li>span.no-link {
    color: #8A704C;
    border-top: 0;
    font-weight: bold;
}

.tbm .dropdown-menu li>a:hover,
.tbm .dropdown-menu li>a:focus,
.tbm .dropdown-menu li>span.no-link:hover,
.tbm .dropdown-menu li>span.no-link:focus {
    color: #C69200;
    text-decoration: none;
}

.tbm .dropdown-menu li>a:after,
.tbm .dropdown-menu li>span.no-link:after {
    display: none;
}

.tbm .dropdown-menu a,
.tbm .dropdown-menu span.no-link {
    line-height: 1.7rem;
    white-space: normal;
}

.tbm .tbm-subnav.level-1 .tbm-item.level-2 {
    border-top: solid 1px #eee;
}

.tbm .tbm-subnav.level-1 .tbm-item.level-2:first-child {
    border-top: 0;
}

.tbm .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover,
.tbm .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:focus {
    color: #C69200;
}

.tbm .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link.no-link:hover,
.tbm .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link.no-link:focus {
    color: #000;
    pointer-events: none;
}

.tbm .nav>.active>a {
    background-color: transparent;
}

.tbm .nav>.active>a:hover,
.tbm .nav>.active>a:focus {
    background-color: transparent;
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: bold;
}

.tbm .nav>.active>span.no-link,
.tbm .nav>.active>span.no-link:hover,
.tbm .nav>.active>span.no-link:focus {
    background-color: transparent;
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: bold;
}

.tbm .nav>li>a,
.tbm .nav>li>span.no-link {
    border-right: 0px;
}

.tbm .nav>li.dropdown.open>.dropdown-toggle {
    background-color: #fff;
    color: #C69200;
}

.tbm .nav>li.dropdown>.dropdown-toggle {
    background-color: transparent !important;
    color: #fff;
}

.tbm .nav>li>a:focus,
.tbm .nav>li>a:hover,
.tbm .nav>li>span.no-link:focus,
.tbm .nav>li>span.no-link:hover {
    background-color: transparent !important;
    color: #C69200;
    text-decoration: none;
    text-shadow: none;
    outline: none;
}

.tbm .nav li.dropdown {
    background-color: transparent;
    border-color: transparent;
    color: #C69200;
}

.tbm .nav li.dropdown.active>.dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
    color: #C69200;
}

.tbm .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
    color: #C69200;
}

.tbm .nav li>a,
.tbm .nav li>span.no-link {
    padding: 10px 20px;
}

.tbm .tb-block {
    margin-bottom: 0px;
}

.tbm .tbm-block {
    background-color: #DDD;
    padding: 1.5rem;
    border-radius: 0px;
    height: 100%;
}

.tbm .tbm-block .block-inner {
    height: 100%;
}

.tbm .tbm-block .block-inner .block--basic {
    height: 100%;
}

.tbm .tbm-block .block-inner .block--basic>.row {
    height: 100%;
}

.tbm .tbm-block .block-inner .block--basic>.row .paragraph--type--mega-menu-feature {
    height: 100%;
}

.tbm .tbm-block .block-inner .block--basic>.row .paragraph--type--mega-menu-feature>a {
    height: 100%;
}

.tbm .tbm-block .block-inner .block--basic>.row .paragraph--type--mega-menu-feature>a>.row {
    height: 100%;
}

.tbm .tbm-block img {
    border-radius: 3px;
}

.iac-style-1 .iac-profile-tabs {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.iac-style-1 .iac-profile-tabs a {
    text-decoration: none;
}

.iac-style-1 .tab-content-para {
    background-color: #dddfee;
    padding: 1.5rem;
}

.iac-style-1 .iac-profile {
    background-color: #FFF;
    margin-bottom: 1rem !important;
}

.iac-style-1 .iac-profile h4 {
    color: #8A704C;
    font-family: "open sans";
    font-size: 1.1rem;
    text-transform: none;
    font-weight: bold;
    margin-top: 0.8rem;
    margin-bottom: 0.1rem;
}

.iac-style-1 .designation {
    font-size: 0.8rem;
    color: #000;
}

.iac-style-1 .class-of {
    font-size: 0.8rem;
    font-style: italic;
    color: #000;
}

.iac-style-1 .nav-tabs .nav-link.active {
    background-color: #dddfee;
}

.iac-profile .designation {
    font-size: 0.8rem;
}

.iac-profile .class-of {
    font-size: 0.8rem;
    font-style: italic;
}

.speakers-collapse {
    padding: 15px;
    text-decoration: none;
    background-color: #eee;
    display: block;
    color: #000;
    cursor: pointer;
}

.speakers-collapse span {
    font-family: "oswald";
}

#speakers-collapse {
    padding: 2rem;
    border: 1px solid #eee;
}

.paragraph--type--speaker-s-profile {
    border-bottom: 1px solid #eee;
}

.block--views-block--iac-events-block-2 h2,
.block--views-block--iac-news-block-2 h2 {
    margin-bottom: 2rem;
}

.paragraph--type--programme-block {}

.paragraph--type--programme-block .prog-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right top;
    border-radius: 30px;
    min-height: 300px;
}

.paragraph--type--programme-block .prog-middle .row,
.paragraph--type--programme-block .prog-right .row {
    margin: 0px;
}

.paragraph--type--programme-block .prog-middle h3,
.paragraph--type--programme-block .prog-right h3 {
    margin-bottom: 1.5rem;
}

.paragraph--type--programme-block .prog-middle h3 a,
.paragraph--type--programme-block .prog-right h3 a {
    color: #102b72 !important;
    font-size: 1.5rem;
    text-decoration: none;
}

.paragraph--type--programme-block .prog-middle ul,
.paragraph--type--programme-block .prog-right ul {
    padding: 0px;
}

.paragraph--type--programme-block .prog-middle ul li,
.paragraph--type--programme-block .prog-right ul li {
    list-style: none;
    padding: 0px !important;
    margin: 0px;
}

.paragraph--type--programme-block .prog-middle ul li a,
.paragraph--type--programme-block .prog-right ul li a {
    text-decoration: none;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
}

.paragraph--type--programme-block .prog-middle ul li a:hover,
.paragraph--type--programme-block .prog-right ul li a:hover {
    background-color: #151C55;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.soa:hover,
.paragraph--type--programme-block .prog-right ul li a.soa:hover {
    background-color: #9E0040;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.lkcsb:hover,
.paragraph--type--programme-block .prog-right ul li a.lkcsb:hover {
    background-color: #005C96;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.soe:hover,
.paragraph--type--programme-block .prog-right ul li a.soe:hover {
    background-color: #006685;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.sis:hover,
.paragraph--type--programme-block .prog-right ul li a.sis:hover {
    background-color: #C69200;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.sol:hover,
.paragraph--type--programme-block .prog-right ul li a.sol:hover {
    background-color: #330066;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.soss:hover,
.paragraph--type--programme-block .prog-right ul li a.soss:hover {
    background-color: #006633;
    color: #FFF;
}

.paragraph--type--programme-block .prog-middle ul li a.gold:hover,
.paragraph--type--programme-block .prog-right ul li a.gold:hover {
    background-color: #8A704C;
    color: #FFF !important;
}

.paragraph--type--programme-block .prog-link:before {
    content: "\f054";
    margin-right: 1rem;
    font-family: "Font Awesome 5 Free";
}

.node-2091 .paragraph--type--button-with-image .btn-img-body {
    min-height: 140px;
}

.paragraph--type--button-with-image {
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 4px;
    color: #FFF !important;
    text-decoration: none !important;
    display: block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.paragraph--type--button-with-image a {
    height: 100%;
}

.paragraph--type--button-with-image:after {
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    width: calc(100% - 30px);
    height: 100%;
    left: 15px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.paragraph--type--button-with-image:hover a {
    background-blend-mode: overlay;
}

.paragraph--type--button-with-image:hover:after {
    background: rgba(0, 0, 0, 0.7);
}

.paragraph--type--button-with-image .btn-img-body {
    position: relative;
    z-index: 8;
    font-size: 0.85rem;
    padding: 1rem 1rem 1rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.paragraph--type--button-with-image .btn-img-body p {
    margin: 0px;
}

.paragraph--type--button-with-image .btn-img-body h3 {
    color: #FFF !important;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem !important;
}

.paragraph--type--button-with-image .btn-img-inner {
    border-radius: 3px;
    padding: 1rem;
    color: #FFF;
    z-index: 5;
    position: relative;
    font-size: 0.85rem;
    padding: 1rem 2rem 1rem 1rem;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
    background-size: cover;
}

.paragraph--type--button-with-image .btn-img-inner p {
    margin: 0px;
}

.paragraph--type--button-with-image .btn-img-inner h3 {
    color: #FFF !important;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem !important;
}

.paragraph--type--button-with-image a {
    color: #FFF !important;
    text-decoration: none !important;
    display: block;
    background-size: cover;
}

.paragraph--type--button-with-image .btn-img-img {
    background-size: cover;
    background-position: right center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    height: calc(100% + 110px);
}

.paragraph--type--button-with-image:hover .btn-img-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.paragraph--type--button-with-image.gold {
    background-color: #8A704C;
}

.paragraph--type--button-with-image.gold:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #9a7e4b), to(rgba(154, 126, 75, 0)));
    background: linear-gradient(90deg, #9a7e4b 30%, rgba(154, 126, 75, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.cgrs {
    background-color: #fff;
}

.paragraph--type--button-with-image.cgrs .btn-img-inner,
.paragraph--type--button-with-image.cgrs .btn-img-body {
    min-height: 220px;
    color: #009490;
}

.paragraph--type--button-with-image.cgrs .btn-img-inner h3,
.paragraph--type--button-with-image.cgrs .btn-img-body h3 {
    color: #009490 !important;
}

.paragraph--type--button-with-image.cgrs:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.cgrs:hover a {
    background-color: #009490;
}

.paragraph--type--button-with-image.cgrs:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #009490), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #009490 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.cgrs:hover .btn-img-inner,
.paragraph--type--button-with-image.cgrs:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.cgrs:hover .btn-img-inner h3,
.paragraph--type--button-with-image.cgrs:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.cis {
    background-color: #fff;
}

.paragraph--type--button-with-image.cis .btn-img-inner,
.paragraph--type--button-with-image.cis .btn-img-body {
    min-height: 220px;
    color: #000;
}

.paragraph--type--button-with-image.cis .btn-img-inner h3,
.paragraph--type--button-with-image.cis .btn-img-body h3 {
    color: #000 !important;
}

.paragraph--type--button-with-image.cis:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.cis:hover a {
    background-color: #000000;
}

.paragraph--type--button-with-image.cis:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #000000), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #000000 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.cis:hover .btn-img-inner,
.paragraph--type--button-with-image.cis:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.cis:hover .btn-img-inner h3,
.paragraph--type--button-with-image.cis:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.soa {
    background-color: #fff;
}

.paragraph--type--button-with-image.soa .btn-img-inner,
.paragraph--type--button-with-image.soa .btn-img-body {
    min-height: 220px;
    color: #9E0040;
}

.paragraph--type--button-with-image.soa .btn-img-inner h3,
.paragraph--type--button-with-image.soa .btn-img-body h3 {
    color: #9E0040 !important;
}

.paragraph--type--button-with-image.soa:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.soa:hover a {
    background-color: #9E0040;
}

.paragraph--type--button-with-image.soa:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #971430), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #971430 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.soa:hover .btn-img-inner,
.paragraph--type--button-with-image.soa:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.soa:hover .btn-img-inner h3,
.paragraph--type--button-with-image.soa:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.lkcsb {
    background-color: #fff;
}

.paragraph--type--button-with-image.lkcsb .btn-img-inner,
.paragraph--type--button-with-image.lkcsb .btn-img-body {
    min-height: 220px;
    color: #005C96;
}

.paragraph--type--button-with-image.lkcsb .btn-img-inner h3,
.paragraph--type--button-with-image.lkcsb .btn-img-body h3 {
    color: #005C96 !important;
}

.paragraph--type--button-with-image.lkcsb:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.lkcsb:hover a {
    background-color: #005C96;
}

.paragraph--type--button-with-image.lkcsb:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #005C96), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #005C96 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.lkcsb:hover .btn-img-inner,
.paragraph--type--button-with-image.lkcsb:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.lkcsb:hover .btn-img-inner h3,
.paragraph--type--button-with-image.lkcsb:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.soe {
    background-color: #fff;
}

.paragraph--type--button-with-image.soe .btn-img-inner,
.paragraph--type--button-with-image.soe .btn-img-body {
    min-height: 220px;
    color: #006685;
}

.paragraph--type--button-with-image.soe .btn-img-inner h3,
.paragraph--type--button-with-image.soe .btn-img-body h3 {
    color: #006685 !important;
}

.paragraph--type--button-with-image.soe:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.soe:hover a {
    background-color: #006685;
}

.paragraph--type--button-with-image.soe:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #006685), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #006685 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.soe:hover .btn-img-inner,
.paragraph--type--button-with-image.soe:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.soe:hover .btn-img-inner h3,
.paragraph--type--button-with-image.soe:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.scis {
    background-color: #fff;
}

.paragraph--type--button-with-image.scis .btn-img-inner,
.paragraph--type--button-with-image.scis .btn-img-body {
    min-height: 220px;
    color: #C69200;
}

.paragraph--type--button-with-image.scis .btn-img-inner h3,
.paragraph--type--button-with-image.scis .btn-img-body h3 {
    color: #C69200 !important;
}

.paragraph--type--button-with-image.scis:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.scis:hover a {
    background-color: #C69200;
}

.paragraph--type--button-with-image.scis:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #C69200), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #C69200 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.scis:hover .btn-img-inner,
.paragraph--type--button-with-image.scis:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.scis:hover .btn-img-inner h3,
.paragraph--type--button-with-image.scis:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.sol {
    background-color: #fff;
}

.paragraph--type--button-with-image.sol .btn-img-inner,
.paragraph--type--button-with-image.sol .btn-img-body {
    min-height: 220px;
    color: #330066;
}

.paragraph--type--button-with-image.sol .btn-img-inner h3,
.paragraph--type--button-with-image.sol .btn-img-body h3 {
    color: #330066 !important;
}

.paragraph--type--button-with-image.sol:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.sol:hover a {
    background-color: #330066;
}

.paragraph--type--button-with-image.sol:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #330066), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #330066 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.sol:hover .btn-img-inner,
.paragraph--type--button-with-image.sol:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.sol:hover .btn-img-inner h3,
.paragraph--type--button-with-image.sol:hover .btn-img-body h3 {
    color: #fff !important;
}

.paragraph--type--button-with-image.socsc {
    background-color: #fff;
}

.paragraph--type--button-with-image.socsc .btn-img-inner,
.paragraph--type--button-with-image.socsc .btn-img-body {
    min-height: 220px;
    color: #006633;
}

.paragraph--type--button-with-image.socsc .btn-img-inner h3,
.paragraph--type--button-with-image.socsc .btn-img-body h3 {
    color: #006633 !important;
}

.paragraph--type--button-with-image.socsc:after {
    content: " ";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    pointer-events: none;
}

.paragraph--type--button-with-image.socsc:hover a {
    background-color: #006633;
}

.paragraph--type--button-with-image.socsc:hover:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #006633), to(rgba(151, 20, 48, 0)));
    background: linear-gradient(90deg, #006633 30%, rgba(151, 20, 48, 0) 100%);
}

.paragraph--type--button-with-image.socsc:hover .btn-img-inner,
.paragraph--type--button-with-image.socsc:hover .btn-img-body {
    color: #fff;
}

.paragraph--type--button-with-image.socsc:hover .btn-img-inner h3,
.paragraph--type--button-with-image.socsc:hover .btn-img-body h3 {
    color: #fff !important;
}

ul.filterlist,
ul.filterlistalt {
    padding: 0px;
}

ul.filterlist li,
ul.filterlistalt li {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
}

ul.filterlist a,
ul.filterlistalt a {
    text-decoration: none;
    display: block;
    padding: 7px 5px 7px 10px;
    border-radius: 4px;
    background-color: #FFF;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

ul.filterlist a .fas,
ul.filterlistalt a .fas {
    margin-right: 10px;
    display: inline-block;
    padding-top: 4px;
    width: 4%;
    vertical-align: top;
}

ul.filterlist a span,
ul.filterlistalt a span {
    display: inline-block;
    width: 89%;
}

ul.filterlist a:hover,
ul.filterlistalt a:hover {
    background-color: #9a7e4b;
    color: #fff !important;
}

.about-overview .page__content.pt-5 {
    padding-top: 0 !important;
}

.border-1 {
    border-top: 1px solid #214193;
    border-bottom: 1px solid #214193;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
}

.border-2 {
    border: 1px solid #214193;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
}

.border-3 {
    border-top: 1px solid #214193;
    border-bottom: 1px solid #214193;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
}

.paragraph--type--slide-out {
    z-index: 1;
    position: relative;
    -webkit-transition: z-index 0.2s 0.3s;
    transition: z-index 0.2s 0.3s;
}

.paragraph--type--slide-out .slide-out-panel {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    background-color: #333;
    height: 100%;
    padding: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 70%;
    top: 0px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph--type--slide-out .slide-out-panel h2 {
    font-weight: normal;
    font-size: 2rem;
}

.paragraph--type--slide-out .slide-out-revealtext {
    position: absolute;
    width: calc(30% - 1rem);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: -20%;
    padding: 1rem;
    color: #FFF;
    margin: 0 1rem;
    height: 100%;
}

.paragraph--type--slide-out .slide-out-title {
    z-index: 3;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: left;
}

.paragraph--type--slide-out .slide-out-inner {
    background-size: auto 100%;
    background-position: center;
    height: 510px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.paragraph--type--slide-out .slide-out-inner h3 {
    color: #FFF;
    font-weight: normal;
}

.paragraph--type--slide-out .slide-out-inner:after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.paragraph--type--slide-out .slide-out-inner:hover {
    background-size: auto 102%;
}

.paragraph--type--slide-out .slide-out-inner:hover:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.paragraph--type--slide-out.dim .slide-out-inner:after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.7);
}

.paragraph--type--slide-out .slide-out-bgcover {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 510px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0 !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.paragraph--type--slide-out .reveal-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 1rem;
    z-index: 5;
}

.paragraph--type--slide-out .slide-out-revealtext,
.paragraph--type--slide-out .slide-out-panel {
    pointer-events: none;
}

.paragraph--type--slide-out.active {
    z-index: 9;
    -webkit-transition: z-index 0.2s 0.1s;
    transition: z-index 0.2s 0.1s;
}

.paragraph--type--slide-out.active .slide-out-inner:after {
    -webkit-animation: blink 0.3s forwards;
    animation: blink 0.3s forwards;
}

.paragraph--type--slide-out.active .slide-out-revealtext {
    pointer-events: auto;
    opacity: 1 !important;
    top: 0 !important;
}

.paragraph--type--slide-out.active .slide-out-panel {
    opacity: 1;
    position: absolute;
    pointer-events: auto;
    width: 70%;
    background-color: #FFF;
    pointer-events: auto;
}

.paragraph--type--slide-out.active .slide-out-title {
    opacity: 0;
}

.paragraph--type--slide-out.active .slide-out-bgcover {
    opacity: 1 !important;
}

.paragraph--type--slide-out.right {
    padding-right: 0px;
}

.paragraph--type--slide-out.right .slide-out-panel {
    right: -68%;
}

.paragraph--type--slide-out.right .slide-out-revealtext {
    right: -100%;
}

.paragraph--type--slide-out.right .slide-out-bgcover {
    right: calc(-100% + 1rem);
}

.paragraph--type--slide-out.right .slide-out-title {
    left: 0;
}

.paragraph--type--slide-out.right.active .slide-out-panel {
    right: -70%;
}

.paragraph--type--slide-out.right.active .slide-out-title {
    left: 10%;
}

.paragraph--type--slide-out.left {
    padding-left: 0px;
}

.paragraph--type--slide-out.left .slide-out-panel {
    left: -68%;
}

.paragraph--type--slide-out.left .slide-out-revealtext {
    left: -100%;
}

.paragraph--type--slide-out.left .slide-out-bgcover {
    left: calc(-100% + 1rem);
}

.paragraph--type--slide-out.left .slide-out-title {
    right: 0;
}

.paragraph--type--slide-out.left.active .slide-out-panel {
    left: -70%;
}

.paragraph--type--slide-out.left.active .slide-out-title {
    right: 10%;
}

.paragraph--type--slide-out:nth-child(2) .slide-out-inner {
    border-top-left-radius: 25px;
}

.paragraph--type--slide-out:nth-child(2) .slide-out-inner:after {
    border-top-left-radius: 25px;
}

.paragraph--type--slide-out:nth-child(2) .slide-out-bgcover {
    border-top-right-radius: 25px;
}

.paragraph--type--slide-out:nth-child(3) .slide-out-inner {
    border-top-right-radius: 25px;
}

.paragraph--type--slide-out:nth-child(3) .slide-out-inner:after {
    border-top-right-radius: 25px;
}

.paragraph--type--slide-out:nth-child(3) .slide-out-bgcover {
    border-top-left-radius: 25px;
}

.paragraph--type--slide-out:nth-child(4) .slide-out-inner {
    border-bottom-left-radius: 25px;
}

.paragraph--type--slide-out:nth-child(4) .slide-out-inner:after {
    border-bottom-left-radius: 25px;
}

.paragraph--type--slide-out:nth-child(4) .slide-out-bgcover {
    border-bottom-right-radius: 25px;
}

.paragraph--type--slide-out:nth-child(5) .slide-out-inner {
    border-bottom-right-radius: 25px;
}

.paragraph--type--slide-out:nth-child(5) .slide-out-inner:after {
    border-bottom-right-radius: 25px;
}

.paragraph--type--slide-out:nth-child(5) .slide-out-bgcover {
    border-bottom-left-radius: 25px;
}

@media (max-width:1399px) {
    .paragraph--type--slide-out {}

    .paragraph--type--slide-out .slide-out-panel,
    .paragraph--type--slide-out.active .slide-out-panel {
        width: 90%;
    }

    .paragraph--type--slide-out.left.active .slide-out-panel {
        left: -90%;
    }

    .paragraph--type--slide-out.right.active .slide-out-panel {
        right: -90%;
    }

    .paragraph--type--slide-out .slide-out-revealtext {
        width: calc(10% - 1rem);
    }

    .paragraph--type--slide-out .slide-out-revealtext div {
        display: none;
    }
}

@media (max-width:1199.98px) {
    .paragraph--type--slide-out {}

    .paragraph--type--slide-out .slide-out-panel,
    .paragraph--type--slide-out.active .slide-out-panel {
        padding: 1.2rem;
    }
}

.algolia-search-block {
    background-color: #CCCCCC;
}

.start-your-journey {
    margin-bottom: 2rem !important;
}

.start-your-journey .section-sticky-right {
    display: none;
}

.start-your-journey .sticky-header {
    margin-bottom: 1rem;
}

@-webkit-keyframes blink {
    0% {
        background-color: rgba(0, 0, 0, 0.3);
    }

    20% {
        background-color: rgba(255, 255, 255, 0.3);
    }

    100% {
        background-color: rgba(0, 0, 0, 0);
    }
}

@keyframes blink {
    0% {
        background-color: rgba(0, 0, 0, 0.3);
    }

    20% {
        background-color: rgba(255, 255, 255, 0.3);
    }

    100% {
        background-color: rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes zindex {
    0% {
        z-index: 1;
    }

    100% {
        z-index: 9;
    }
}

@keyframes zindex {
    0% {
        z-index: 1;
    }

    100% {
        z-index: 9;
    }
}

.block--views-block--board-of-trustees-menu-block-1 .views-row a {
    border-left: 4px solid #151C55;
    background-color: #DDDDDD;
    padding: 1rem;
    margin-bottom: 0.3rem;
    color: #000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.block--views-block--board-of-trustees-menu-block-1 .views-row a:hover {
    border-left: 4px solid #151C55;
    background: #e2dbd2;
    padding: 1rem;
    margin-bottom: 0.3rem;
    color: #000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.paragraph--type--accordion .fa-chevron-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.paragraph--type--accordion .collapsed .fa-chevron-right {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.paragraph--type--accordion.global-accordion-style1 a.btn-link {
    background-color: #8A704C !important;
    color: #fff !important;
}

.paragraph--type--accordion.global-accordion-style1 a.btn-link .fas {
    color: #fff !important;
}

.paragraph--type--accordion.global-accordion-style1 a.btn-link.collapsed {
    color: #151C55 !important;
    background-color: #fff !important;
}

.paragraph--type--accordion.global-accordion-style1 a.btn-link.collapsed .fas {
    color: #151C55 !important;
}

.paragraph--type--accordion.global-accordion-style1 .accordion-body {
    background-color: #f9f7f3;
    color: #8a704c !important;
    padding: 20px 20px 30px 20px;
}

.paragraph--type--accordion.global-accordion-style1 .accordion-body li,
.paragraph--type--accordion.global-accordion-style1 .accordion-body p,
.paragraph--type--accordion.global-accordion-style1 .accordion-body ol,
.paragraph--type--accordion.global-accordion-style1 .accordion-body a {
    color: #8a704c;
}

.paragraph--type--accordion.global-accordion-style1 .accordion-body a.cta-gold {
    color: #FFF;
}

.accordion-option {
    text-align: right;
    padding: 1rem 0;
}

.block--homequote {
    margin-bottom: -90px;
}

.block--homequote .paragraph--type--background-section {
    padding-bottom: 4rem;
}

#footer {
    -webkit-mask-image: url("/sites/default/files/svg-path-1.svg?vnew");
    mask-image: url("/sites/default/files/svg-path-1.svg?vnew");
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    padding-top: 8rem;
    background-image: url(/themes/wwwsmu_4g/images/bg-footer2.jpg);
    background-size: cover;
    background-position: center -260px;
    background-repeat: no-repeat;
}

#footer .block h2 {
    padding-left: 0rem;
}

#footer .block h2:before {
    display: none;
}

@media (min-width:768px) and (max-width:991px) {

    #footer #footer_3,
    #footer #footer_4 {
        margin-top: -7.5rem;
    }
}

@media (max-width:767px) {
    #footer {
        padding-top: 8rem;
    }
}

.block--views-block--homepage-banner-random--block-1,
.homepage-banner .slick-list {
    -webkit-mask-image: url("/sites/default/files/svg-path.svg?new");
    mask-image: url("/sites/default/files/svg-path.svg?new");
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 3;
    position: relative;
}

.paragraph--type--card-2 a.card-link {
    padding: 1rem;
    background-color: rgba(138, 112, 76, 0.8);
    position: absolute;
    bottom: 20px;
    right: 0px;
    color: #fff;
    text-decoration: none;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    width: 70%;
}

.paragraph--type--card-2:hover a.card-link {
    background-color: rgba(138, 112, 76, 0.9);
}

.paragraph--type--card-2 a:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.paragraph--type--card-2 .reveal-holder {
    border-radius: 0.25rem;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.paragraph--type--card-2 img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@-webkit-keyframes bounce-3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes megaup {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes megaup {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.paragraph--type--section-header .section-title {
    font-size: 1.2rem;
    letter-spacing: 6px;
    padding-left: 50px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    color: #151C55;
    font-family: oswald;
}

.paragraph--type--section-header .section-title:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #151C55;
    content: " ";
    display: block;
    position: absolute;
    left: 1rem;
    top: 5px;
}

.paragraph--type--section-header .section-body>div>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

a.cta-gold.inverse {
    border: 1px solid #8A704C !important;
    color: #8A704C !important;
}

a.cta-white.inverse {
    border: 1px solid #fff !important;
    color: #fff !important;
}

a.cta-normal {
    font-family: "open sans" !important;
    text-transform: none;
    padding: 0.5rem 0.5rem !important;
    font-size: 0.8rem;
}

.schools-institutes .paragraph--type--background-section {
    padding: 0px;
}

.schools-institutes .paragraph--type--background-section .paragraph--type--free-text {
    margin: 0 !important;
}

.no-title-bg h1:after {
    content: " ";
    border-top: 5px solid #151C55;
    width: 64px;
    clear: both;
    position: absolute;
    bottom: -1rem;
}

.block--studentsupportservices {
    margin-bottom: -90px;
}

.block--studentsupportservices .paragraph--type--background-section {
    padding: 3rem 1rem 5rem 1rem;
}

.mobile-subheader {
    display: none;
}

.smuseum-block {
    width: 800px;
    position: relative;
}

.smuseum-block .smuseum-block-b {
    margin-top: -3%;
}

.filter-form #filterinput {
    padding: 12px 35px 12px 12px;
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-size: 17px;
    font-weight: lighter;
    -webkit-box-shadow: 4px 4px 0 rgba(241, 241, 241, 0.35);
    box-shadow: 4px 4px 0 rgba(241, 241, 241, 0.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 300px;
}

.dropdownconnect {
    width: 550px;
}

.dropdown-item {
    padding: 0.25rem 0.5rem;
    white-space: inherit;
    margin: 0.5rem 0;
    text-decoration: none !important;
}

.search-help-link {
    display: none;
}

.path-search h3 {
    font-size: 1rem;
    font-family: "open sans";
    text-transform: none;
}

.path-search h2 {
    padding-left: 0;
    letter-spacing: 0;
}

.path-search h2::before {
    display: none;
}

input[type=search] {
    padding: 12px;
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-size: 1rem;
    font-weight: lighter;
    -webkit-box-shadow: 4px 4px 0 rgba(241, 241, 241, 0.35);
    box-shadow: 4px 4px 0 rgba(241, 241, 241, 0.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dropdown-animate {
    position: relative;
}

.dropdown-animate .dropdown-menu {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
}

.dropdown-animate.show .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}

.vertical {
    background-color: #fff;
    width: 2px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    -webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.7);
    box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.7);
    -webkit-transition: height 1s 0.2s;
    transition: height 1s 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.connectline path {
    -webkit-transition: stroke-dashoffset 1000ms ease;
    transition: stroke-dashoffset 1000ms ease;
}

.cca-modal h2 {
    padding-left: 0px;
    margin: 1rem 0;
}

.cca-modal h2:before {
    display: none;
}

.cca-modal h2.header {
    padding: 0 15px;
    margin: 0.5rem 0;
}

.mobile-menu-close-btn {
    outline: 0;
}

.global .slick-paragraph-arrows {
    display: none;
}

.global.node-4211 .page__content,
.global.node-4226 .page__content {
    padding-top: 3rem !important;
}

.why-smu .container>.row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.why-smu .container .paragraph--type--card .para-card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.why-smu .container .paragraph--type--card .para-card-inner div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.why-smu .container .paragraph--type--card .para-card-inner div:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.footer-speak-to-our {
    margin-bottom: -10rem;
}

.footer-speak-to-our .right-content-holder,
.footer-speak-to-our .left-content-holder {
    padding-bottom: 10rem;
}

@media (max-width:1200px) {
    .paragraph--type--programme-block .prog-image {
        height: 660px;
        background-position: center 35%;
        margin-bottom: 1.5rem;
    }
}

@media (max-width:1440px) {
    .block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content {
        width: 660px;
    }

    .homepage-banner .banner-body {
        width: 660px;
    }

    #footer {
        background-position: center 0px;
    }
}

.btn.btn-white {
    color: #fff;
    text-decoration: none;
    padding: 0px;
    margin-right: 1rem;
}

.quote-top {
    border-top: 1px solid #8A704C;
    margin-top: 1rem;
    padding-top: 3rem;
    position: relative;
}

.quote-top:before {
    content: "\f10d";
    font-size: 1.2rem;
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    top: -1rem;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    background-color: #8A704C;
    padding: 0.3rem 0.5rem;
}

hr.text-gold {
    border-color: #8A704C;
}

.list-2-columns-float li {
    float: left;
    width: 50%;
    padding-right: 1.5rem !important;
}

.list-2-columns-float:after {
    content: " ";
    clear: both;
    width: 100%;
    display: block;
}

.dean-of-student-quote {
    background-color: #EDDDD5;
    padding: 0rem 3rem 0 3rem;
    border-bottom: 4px solid #8A704C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: 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;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.dean-of-student-quote:before {
    content: "\f10d";
    font-size: 6rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #8A704C;
    opacity: 0.2;
    position: absolute;
    line-height: 1rem;
    top: 50%;
}

.dean-of-student-quote .dean-of-student-quote-left {
    padding-left: 5rem;
}

.dean-of-student-quote .dean-of-student-quote-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url("/sites/default/files/campus-life/prof-paulin-v2.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 80% 0 !important;
    margin-top: -15px;
    height: 220px;
}

.student-support-services .paragraph--type--button-with-image .btn-img-inner,
.research .paragraph--type--button-with-image .btn-img-inner {
    min-height: 50px;
}

.vision-mission-block {
    background-color: #8A704C;
    color: #fff !important;
    padding: 2rem;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.vision-mission-block h3 {
    color: #FFF;
}

.about-quick-links {
    background-color: #EEEEEE;
    padding: 2rem 2rem;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
}

.about-quick-links ul.nav {
    display: block;
}

.about-quick-links ul.nav li.nav-item {
    display: block;
    padding-left: 0px;
    margin: 0px;
}

.about-quick-links ul.nav li.nav-item a {
    padding: 0px;
}

.sidebar-menu-mobile button,
.block--views-block--board-of-trustees-menu-block-2 button {
    background-color: #FFF;
    color: #000;
    width: 100%;
    border-radius: 0;
    border: 1px solid #ccc;
    text-align: left;
    position: absolute;
    left: 0px;
    top: -3rem;
}

.sidebar-menu-mobile .dropdown-menu,
.block--views-block--board-of-trustees-menu-block-2 .dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0;
}

.tbm-link[target=_blank]:after,
.nav-item a[target=_blank]:after,
.paragraph--type--card-2 a[target=_blank].card-link:after,
a.cta[target=_blank]:after,
.paragraph--type--button-with-image a[target=_blank] .btn-img-body:after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5rem;
    font-size: 0.9rem;
    font-weight: 800;
}

.schools-institutes .paragraph--type--button-with-image a[target=_blank] .btn-img-body:after {
    display: none;
}

.smu-leadership .page__content.pt-5 {
    padding-top: 0px !important;
}

.mobile-subheader {
    display: none;
}

.search-form {
    position: relative;
}

.search-form .search-field {
    border-radius: 5px;
    padding: 0.36rem 1.75rem 0.36rem 0.75rem !important;
    border: 0px;
    height: 37px;
    width: 200px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-form .search-field.search-field-hidden {
    width: 0px;
    opacity: 0;
}

.search-form .search-btn {
    height: 40px;
    position: absolute;
    right: 0px;
}

.search-form .search-btn.search-btn-hidden {
    display: none;
}

.search-form .search-close {
    position: absolute;
    z-index: 9;
    color: #000;
    right: 1rem;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    cursor: pointer;
}

.search-btn {
    height: 40px;
}

.search-form-hidden,
.search-btn-hidden {
    display: none !important;
}

.node-836 .block--wwwsmu-4g-content .paragraph--type--background-section:first-child {
    padding-top: 10rem;
    margin-top: -5rem;
}

.node-836 .main-container .title-breadcrumbs {
    z-index: 3;
    position: relative;
}

.node-836 .block--tabs {
    z-index: 1;
}

.library-collections {
    margin-bottom: -90px;
}

.not-active {
    background-color: #CCCCCC;
    color: #fff;
    border-radius: 3px;
    font-size: 0.75rem;
    padding: 0.1rem 0.2rem;
    white-space: nowrap;
}

.paragraph--type--mega-menu-feature a {
    text-decoration: none;
    padding: 0px !important;
}

.paragraph--type--mega-menu-feature .mega-feature-left {
    background-size: cover;
    background-position: center;
}

.videoimg {
    position: relative;
}

.videoimg:after {
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3rem;
    opacity: 0.3;
}

.videoimg:hover:after {
    opacity: 0.7;
}

.nav-vision-2025 .nav-item {
    margin-left: 10px !important;
}

.nav-vision-2025 .nav-item a {
    color: #808080;
    background-color: #BFBFBF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-vision-2025 .nav-item a img {
    width: 30px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin-right: 10px;
}

.nav-vision-2025 .nav-item.active a {
    color: white;
}

.nav-vision-2025 .nav-item.active a img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.nav-vision-2025 .nav-item:first-child {
    margin-left: 0 !important;
}

.nav-vision-2025 .nav-item--digital-transformation.active a {
    background-color: #00aec4;
}

.nav-vision-2025 .nav-item--sustainable-living.active a {
    background-color: #95c11f;
}

.nav-vision-2025 .nav-item--growth-in-asia.active a {
    background-color: #ec6712;
}

@media (max-width:575px) {
    .nav-vision-2025 .nav-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 80px;
        flex-basis: 80px;
        padding: 0;
    }

    .nav-vision-2025 .nav-item a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 0.8rem;
        text-align: center;
        height: 100%;
    }

    .nav-vision-2025 .nav-item a img {
        margin-right: 0;
        width: 40px;
        margin-bottom: auto;
    }

    .nav-vision-2025 .nav-item a.rounded-pill {
        border-radius: 1rem !important;
    }
}

.mobile-menu-open .mobile-menu-btn {
    display: block;
}

.slick-banner {
    display: none;
}

.dropdown-extra {
    margin-left: 1.5rem;
    margin-top: -0.5rem;
}

.dropdown-extra a {
    font-weight: normal !important;
    font-size: 0.9rem;
    padding: 0 0.5rem;
    margin: 0.5rem 0;
}

.identity-menu .tab-heading {
    color: #06206e;
    font-size: 1rem;
    margin-bottom: 0.25rem;
    font-weight: 400;
    letter-spacing: 1px;
}

.backtotop {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 10;
    width: 80px;
    height: 80px;
    background-color: #111;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.3;
    text-decoration: none;
    color: #FFF;
}

.backtotop:hover,
.backtotop:focus {
    opacity: 0.8;
    text-decoration: none;
    color: #FFF;
}

.backtotop:after {
    content: "\f077";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 2rem;
}

.block--quicknodeblock-2 .city-perspectives {
    position: relative;
}

.block--quicknodeblock-2 .city-perspectives:before {
    content: "";
    position: absolute;
    display: block;
    left: 43.02%;
    top: 0;
    bottom: 0;
    width: 5%;
    height: 100%;
    background: #fff;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 0%);
    clip-path: polygon(100% 0, 100% 100%, 0 0%);
}

.block--quicknodeblock-2 .city-perspectives:after {
    content: " ";
    background-image: url(/themes/wwwsmu_4g/images/cp-bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 48%;
    height: 100%;
    z-index: -1;
}

.block--quicknodeblock-2 .city-perspectives .paragraph--type--focus-area::after {
    display: none;
}

.block--globalsummerprogrammeapplynow {
    position: fixed;
    bottom: 0rem;
    right: 1rem;
    z-index: 10;
    text-decoration: none;
    font-size: 1.2rem;
}

.node-3376 #title-breadcrumbs {
    display: none;
}

.column4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.column4 li {
    padding: 0.25rem 1rem 0.25rem 0.25rem !important;
}

.block--historybottom .lead,
.block--homequote .lead {
    margin-left: 6rem;
    margin-right: 6rem;
}

.page-node-type-global-basic-page .page-title-bg video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-node-type-global-basic-page .page-title-bg>.container {
    z-index: 3;
}

.page-node-type-global-basic-page .page-title-bg:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(0%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
    z-index: 3;
}

@media (max-width:1420px) {
    .tbm .tbm-nav>.level-1.open>.tbm-submenu {
        width: 100%;
    }
}

@media (max-width:1350px) {
    .about-history .detail h4 {
        font-size: 27px;
    }

    .research .paragraph--type--focus-areas-block h3 {
        font-size: 1.5rem;
    }
}

@media (max-width:1230px) {
    .about-history .detail h4 {
        font-size: 17px;
        margin-bottom: 4px;
    }

    .about-history .detail .historydate {
        font-size: 14px;
        padding: 0 30px;
        color: #FFF;
    }

    .about-history .detail .historyextralinks {
        font-size: 12px;
    }

    .tbm .tbm-nav>li.level-1 {
        padding: 1rem 0.5rem 1rem 0.5rem !important;
    }

    .tbm .tbm-nav>.tbm-item.level-1>.tbm-link-container>a,
    .tbm .tbm-nav>.tbm-item.level-1>.tbm-link-container>span.no-link {
        padding: 0px;
        font-size: 0.85rem;
        white-space: nowrap;
    }
}

@media (max-width:1199px) {

    #page-upper-1,
    .banner {
        aspect-ratio: 16/9;
    }

    .about-history .detail .left {
        float: none;
        width: 100%;
        height: 150px;
        position: relative;
    }

    .about-history .detail .left .historyextralinks {
        margin-left: 0px;
        left: 30px;
    }

    .about-history .detail h4 {
        padding: 20px 30px 0 30px;
    }

    .about-history .detail .right {
        float: none;
        width: 100%;
    }

    .about-history .detail .right img {
        width: 100%;
        height: auto;
    }

    .about-history .detail.active .left:before {
        top: 50px;
    }

    .about-history .history-bottom1 {
        min-height: 460px;
    }

    .about-history .history-bottom1 .content {
        font-size: 23px;
        padding: 0 10%;
    }

    .about-history .sustainability {
        font-size: 26px;
    }

    .about-history .sustainability a {
        font-size: 16px;
    }

    .dean-of-student-quote .dean-of-student-quote-left {
        padding-left: 0rem;
    }

    .mega-dropdown-inner.container {
        max-width: 100% !important;
    }

    .block--historybottom .lead,
    .block--homequote .lead {
        margin-left: 0rem;
        margin-right: 0rem;
    }
}

@media (max-width:1024px) {
    .block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content {
        width: 80%;
    }

    .homepage-banner .banner-body {
        width: 80%;
    }

    .block--views-block--homepage-banner-random--block-1 .views-row {
        height: 600px;
        min-height: 600px;
    }

    ul.list-2-columns {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    #professional-continuing-education>.col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #professional-continuing-education>.col-md-6:nth-child(2) {
        margin: -60px auto 0 auto !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    #professional-continuing-education .orgimage {
        display: none;
    }

    #professional-continuing-education .altimage {
        display: block !important;
    }

    #professional-continuing-education .image-body-inner {
        margin: 0px;
    }
}

@media (max-width:991px) {

    #page-upper-1,
    .banner {
        min-height: auto;
        aspect-ratio: 1/1;
    }

    .paragraph--type--carousel .image-caption-body,
    .paragraph--type--carousel-highlights-for-global- .image-caption-body {
        padding: 1rem;
    }

    .paragraph--type--carousel .image-caption-body h3,
    .paragraph--type--carousel-highlights-for-global- .image-caption-body h3 {
        font-size: 1.2rem;
    }

    .paragraph--type--carousel-highlights-for-global- .slick-highlight-paragraph-main {
        padding: 0 2rem;
    }

    .paragraph--type--image-captions .image-caption-body {
        padding: 1rem;
    }

    .paragraph--type--image-captions .image-caption-body h3 {
        font-size: 1.2rem;
        font-weight: bold;
    }

    .with-right-border {
        border-left: 0px solid #000;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .summer-date {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .paragraph--type--slide-out .slide-out-panel-bg {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 25px;
        z-index: 1;
        opacity: 0.2;
    }

    .paragraph--type--slide-out .slide-out-panel-body {
        position: relative;
        z-index: 2;
    }

    .paragraph--type--slide-out .slide-out-inner {
        height: 510px;
        border-radius: 25px !important;
        overflow: hidden;
    }

    .paragraph--type--slide-out .slide-out-inner:after {
        border-radius: 25px !important;
    }

    .paragraph--type--slide-out .slide-out-bgcover {
        display: none;
        border-radius: 25px !important;
    }

    .paragraph--type--slide-out .slide-out-panel {
        border-radius: 25px !important;
    }

    .paragraph--type--slide-out .reveal-holder {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 5;
    }

    .paragraph--type--slide-out .slide-out-revealtext {
        display: none;
    }

    .paragraph--type--slide-out:hover,
    .paragraph--type--slide-out:active {
        z-index: 9;
        -webkit-transition: z-index 0.2s 0.1s;
        transition: z-index 0.2s 0.1s;
    }

    .paragraph--type--slide-out:hover .slide-out-inner:after,
    .paragraph--type--slide-out:active .slide-out-inner:after {
        -webkit-animation: blink 0.3s forwards;
        animation: blink 0.3s forwards;
    }

    .paragraph--type--slide-out:hover .slide-out-revealtext,
    .paragraph--type--slide-out:active .slide-out-revealtext {
        opacity: 1 !important;
        top: 0 !important;
        pointer-events: none;
    }

    .paragraph--type--slide-out.right {
        padding-right: 15px;
    }

    .paragraph--type--slide-out.right .slide-out-panel {
        opacity: 0;
        position: absolute;
        pointer-events: none;
        background-color: #333;
        height: auto;
        padding: 2rem;
        right: auto;
        left: auto;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: calc(100% - 30px);
        top: -30px;
        z-index: 1;
        overflow: auto;
    }

    .paragraph--type--slide-out.right .slide-out-revealtext {
        position: absolute;
        width: calc(30% - 1rem);
        right: -100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        top: -20%;
        padding: 1rem;
        color: #FFF;
        margin: 0 1rem;
    }

    .paragraph--type--slide-out.right .slide-out-title {
        z-index: 3;
        position: relative;
        left: 0;
        opacity: 1;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-align: left;
    }

    .paragraph--type--slide-out.right .slide-out-bgcover {
        right: calc(-100% + 1rem);
        opacity: 1;
    }

    .paragraph--type--slide-out.right .reveal-holder {
        left: 1rem;
    }

    .paragraph--type--slide-out.right:hover .slide-out-panel,
    .paragraph--type--slide-out.right:active .slide-out-panel {
        opacity: 1;
        position: absolute;
        pointer-events: auto;
        right: auto;
        width: calc(100% - 30px);
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 9;
        left: auto;
        top: 0;
    }

    .paragraph--type--slide-out.right:hover .slide-out-title,
    .paragraph--type--slide-out.right:active .slide-out-title {
        left: 10%;
        opacity: 0;
    }

    .paragraph--type--slide-out.right:hover .slide-out-bgcover,
    .paragraph--type--slide-out.right:active .slide-out-bgcover {
        opacity: 1;
    }

    .paragraph--type--slide-out.left {
        padding-left: 15px;
    }

    .paragraph--type--slide-out.left .slide-out-panel {
        opacity: 0;
        position: absolute;
        pointer-events: none;
        background-color: #333;
        height: auto;
        padding: 2rem;
        right: auto;
        left: auto;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: calc(100% - 30px);
        top: -30px;
        z-index: 1;
        overflow: auto;
    }

    .paragraph--type--slide-out.left .slide-out-revealtext {
        position: absolute;
        width: calc(30% - 1rem);
        left: -100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        top: -20%;
        padding: 1rem;
        color: #FFF;
        margin: 0 1rem;
    }

    .paragraph--type--slide-out.left .slide-out-title {
        z-index: 3;
        position: relative;
        right: 0;
        opacity: 1;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-align: left;
    }

    .paragraph--type--slide-out.left .slide-out-bgcover {
        left: calc(-100% + 1rem);
    }

    .paragraph--type--slide-out.left .reveal-holder {
        left: -1rem;
    }

    .paragraph--type--slide-out.left:hover .slide-out-panel,
    .paragraph--type--slide-out.left:active .slide-out-panel {
        opacity: 1;
        position: absolute;
        pointer-events: auto;
        right: auto;
        width: calc(100% - 30px);
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 9;
        left: auto;
        top: 0;
    }

    .paragraph--type--slide-out.left:hover .slide-out-title,
    .paragraph--type--slide-out.left:active .slide-out-title {
        right: 10%;
        opacity: 0;
    }

    .paragraph--type--slide-out.left:hover .slide-out-bgcover,
    .paragraph--type--slide-out.left:active .slide-out-bgcover {
        opacity: 1;
    }

    .paragraph--type--slide-out {
        margin-bottom: 1rem;
    }

    #header .ob-smulogo {
        height: 45px !important;
    }

    #header #header-two:before {
        display: none;
    }

    #header #header-two .navbar-header-container .ob-oblique img {
        height: 75px !important;
    }

    #header .block--topnavi {
        top: 0;
    }

    #header.scroll-stuck #header-two .block--topnavi {
        top: 0px;
        opacity: 1;
    }

    #header.scroll-stuck #header-two #branding-subheader {
        margin-top: 0px;
    }

    .smuseum-block {
        width: 80%;
        position: relative;
    }

    .paragraph--type--annual-report .annual-report-image {
        position: relative;
        bottom: 0px;
        right: 0px;
    }

    .homepage-banner .banner-body h3 {
        font-size: 2rem;
    }

    .homepage-banner .banner-body-alt {
        margin-left: 0;
    }

    .homepage-banner .banner-body-alt .banner-body-alt-inner {
        padding-right: 0;
        margin-top: 0;
        padding: 2rem 2rem 4rem 2rem;
    }

    .homepage-banner .banner-body-alt h3 {
        font-size: 1.3rem;
    }

    .homepage-banner .banner-img-alt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .orgchart .profile.president {
        margin-bottom: 0px !important;
        padding-top: 0 !important;
    }

    .orgchart .profile.president .lines {
        position: absolute;
        width: 100%;
        height: 720px;
        margin-left: 30px;
        top: 0%;
        z-index: -1;
        pointer-events: none;
        border: 0px;
    }

    .orgchart .profile.president .lines2 {
        width: 45%;
        height: 160px;
        margin-left: 30px;
        top: 360px;
    }

    .orgchart .profile.provost {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .orgchart .administrative {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .orgchart .administrative .lines {
        border-left: 3px solid #9a7e4b;
        position: absolute;
        lefT: 60px;
        width: 100%;
        height: 102%;
        top: 0px;
    }

    .orgchart .profilestitle-mobile {
        display: block !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .orgchart .provost2 {
        display: block !important;
    }

    .orgchart .academic,
    .orgchart .administrative {
        padding-left: 80px;
    }

    .column4 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .block--quicknodeblock-2 .city-perspectives:before {
        display: none;
    }

    .block--quicknodeblock-2 .city-perspectives:after {
        background-image: url(/themes/wwwsmu_4g/images/cp-bg2.jpg);
        width: 100%;
        height: 30%;
        background-position: center bottom;
    }
}

@media (max-width:768px) {

    .paragraph--type--image-captions .image-caption-body,
    .paragraph--type--image-captions .video-caption-body,
    .paragraph--type--video-caption .image-caption-body,
    .paragraph--type--video-caption .video-caption-body {
        position: relative;
    }

    .block--globalsummerprogrammeapplynow {
        font-size: 1rem;
    }

    .vertical {
        display: none;
    }

    .timeline-row-col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100%;
        margin: 0.5rem;
    }

    .timeline-row-col .app-row .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin: 0 auto;
    }

    .timeline-row-col .app-row .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    #smu-blog .blog-details-inner {
        margin: -6px 0 0 0;
        border-radius: 0 0 16px 16px;
    }

    #smu-engage .image-body-inner {
        margin: -6px 0 0 0;
        border-radius: 0 0 16px 16px;
    }

    .section-forslick-sticky-right,
    .section-sticky-right {
        display: none;
    }

    .block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content {
        font-size: 0.9rem;
    }

    .block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content h3 {
        font-size: 1.4rem;
    }

    .block--views-block--homepage-banner-random--block-1 .views-row .banner-body-content h4 {
        font-size: 1rem;
    }

    #header #header-two .navbar-header-container .ob-bu-logo a,
    #header #header-two .navbar-header-container .ob-smu-logo a {
        padding: 15px 0;
    }

    #header.scroll-stuck #header-two .navbar-header-container .ob-oblique img {
        height: 64.2px !important;
        width: auto !important;
    }

    .about-history .timeline__section {
        margin-left: 120px;
    }

    .about-history .timeline__nav {
        width: 80px;
    }

    .about-history .timeline__nav ul {
        padding-left: 0px;
        margin-left: 0px;
    }

    .about-history .history-bottom1 {
        min-height: 320px;
    }

    .about-history .history-bottom1 .content {
        font-size: 18px;
        padding: 0 15%;
    }

    .about-history .history-bottom1 .footnote {
        font-size: 14px;
    }

    .about-history .sustainability {
        font-size: 20px;
    }

    .about-history .sustainability a {
        font-size: 13px;
    }

    .border-2 {
        border: 0;
    }

    .list-2-columns-float li {
        float: none;
        width: 100%;
        padding-right: 0 !important;
    }

    .page-title-bg {
        -webkit-mask-box-image: url("/sites/default/files/svg-path-mobile.svg?5");
        mask-border: url("/sites/default/files/svg-path-mobile.svg?5");
    }

    .paragraph--type--section-header .section-body>div>p {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #footer {
        background-position: center 0;
    }

    .homepage-banner .banner-body {
        padding: 1.5rem 1.5rem 0.5rem 2rem;
    }

    .homepage-banner .banner-body:after {
        border-left-width: 20px;
        border-right-width: 20px;
        border-top: 60px solid #8A704C;
    }

    .homepage-banner .banner-body:before {
        border-left-width: 20px;
        border-right-width: 20px;
        border-top: 60px solid #151C55;
    }

    .homepage-banner .banner-body h3 {
        font-size: 1.3rem;
    }

    .homepage-banner .slick-active .banner-body {
        width: 80%;
        margin: 0 auto;
    }

    .site-sidebar-left {
        margin-top: 2rem;
    }

    .site-sidebar-left .block--mainnavigation {
        margin-bottom: 1rem !important;
    }

    .block--homequote {
        margin-bottom: -140px;
    }

    #header .search-form {
        position: relative;
        position: fixed;
        padding: 0.5rem 1rem;
        width: 100%;
        left: 0px;
        top: 55px;
        background-color: #ccc;
    }

    #header .search-form .search-field {
        width: 100%;
    }

    #header .search-form .search-close {
        right: 2rem;
    }

    #header .search-btn-hidden {
        display: block !important;
    }

    .toolbar-vertical #header .search-form {
        top: 91px;
    }

    .homepage-banner .banner-body-alt .banner-body-alt-inner {
        padding: 1rem 2rem 2.5rem 2rem;
    }

    .homepage-banner .banner-body-alt h3 {
        font-size: 1.2rem;
    }
}

@media (max-width:575px) {
    .about-history .history-bottom1 .content {
        font-size: 12px;
        padding: 0 6%;
    }

    .about-history .history-bottom1 .footnote {
        font-size: 10px;
    }

    .about-history .detail h4 {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .about-history .detail .historydate {
        font-size: 12px;
    }

    .about-history .detail .historyextralinks {
        font-size: 10px;
    }

    #page-upper-1,
    .banner {
        min-height: 400px !important;
        aspect-ratio: unset !important;
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1400px !important;
    }
}

@media (min-width:980px) and (max-width:1199px) {

    .tb-megamenu .container,
    .tb-megamenu .navbar-static-top .container,
    .tb-megamenu .navbar-fixed-top .container,
    .tb-megamenu .navbar-fixed-bottom .container {
        width: 100%;
        max-width: 100%;
    }
}