@charset "UTF-8";
.sec-heading span,
.sec-heading:before,
h3.featured-heading:before,
.primary-btn span,
.primary-btn:before,
.content ul li:before,
.content table ul li:before,
.header-logo,
.language-switcher,
.header-search,
.header-search .search-btn:before,
.header-search .search-btn span,
.search-form-text,
.search-form-submit,
.header-social-icons,
.header-social-icons span,
.social-icon,
#backtotop,
.footer-logo,
.footer-menu>ul>li,
.footer-menu>ul>li:after,
.more-btn:before,
.slide-caption,
.ec-prev span,
.ec-prev:before,
.ec-next span,
.ec-next:after,
.le-day,
.le-text p,
.follow-block span,
.circle-social-icons,
.circle-social-icons .social-icon,
.social-post,
.cn-cat,
.explore-section h2,
.explore-section h2:after,
.explore-heading span,
.explore-heading:before,
.inpage-link span,
.inpage-link:before,
.hall-name span,
.hall-name:before,
.page-numbers,
.tab-heading span,
.tab-heading:before,
.top-filter-text span,
.top-filter-text:before,
.select-styled:after,
.tab-2-col .tablink-container,
.tab-2-col .tabcontents {
    display: inline-block;
}

.fontsize-switch.active:after,
.lang-en:after,
.main-menu>ul>li:hover>a:after,
.banner-border,
.overlay:before,
.wb-text-quote:before,
.join-section::after,
.social-post:before,
.cn-photo,
.header-banner,
.header-banner::after,
.shho-block-right:before,
.shho-block-left:before,
.col-2:before,
.vc-thumbnail,
.vc-thumbnail:before,
.ls-row>div:first-child:after,
.pc-thumbnail::after,
.bm-icon {
    display: block;
}

.content table ul li:before,
.fontsize-switch.active:after,
.main-menu>ul>li:hover>a:after,
.footer-menu>ul>li:after,
.banner-border,
.overlay:before,
.slide-caption,
.yellow-tab:before,
.gold-tab:before,
.blue-tab:before,
.social-post:before,
.social-type,
.social-content,
.header-banner::after,
.shho-block-right:before,
.shho-block-left:before,
.col-2:before,
.video-container iframe,
.map-container iframe,
.vc-thumbnail:before,
.ls-row>div:first-child:after,
.pc-thumbnail::after,
.select-styled:after {
    position: absolute;
}

.photo,
.content table ul li,
.language-switcher li.active,
.footer-menu>ul>li,
.home-slide,
.yellow-tab,
.gold-tab,
.blue-tab,
.social-post,
.header-banner,
.shho-block-right,
.shho-block-left,
.explore-section h2,
.col-2,
.white-col,
.video-container,
.map-container,
.vc-thumbnail,
.ls-row>div:first-child {
    position: relative;
}

.tab-2-col .tablink-container,
.tab-2-col .tabcontents {
    float: left;
}

.header-right {
    text-align: right;
}

.sec-heading span,
.sec-heading:before,
h3.featured-heading:before,
.content ul li:before,
.footer-menu>ul>li,
.explore-heading span,
.explore-heading:before,
.inpage-link span,
.inpage-link:before,
.tab-heading span,
.tab-heading:before,
.tab-2-col .tablink-container,
.tab-2-col .tabcontents {
    vertical-align: top;
}

.primary-btn span,
.primary-btn:before,
.header-logo,
.language-switcher,
.header-search,
.header-search .search-btn:before,
.header-search .search-btn span,
.search-form,
.search-form-text,
.search-form-submit,
.header-social-icons,
.header-social-icons span,
.social-icon,
.footer-logo,
.more-btn:before,
.ec-prev span,
.ec-prev:before,
.ec-next span,
.ec-next:after,
.le-day,
.le-text p,
.follow-block span,
.circle-social-icons,
.hall-name span,
.hall-name:before,
.page-numbers,
.top-filter-text span,
.top-filter-text:before {
    vertical-align: middle;
}

.photo,
.shho-block-right,
.shho-block-left {
    overflow: hidden;
}

.social-icon,
.home-slide,
.banner-border,
.le-day,
.join-section::after,
.social-post:before,
.cn-photo,
.header-banner,
.header-banner::after,
.vc-thumbnail,
.bm-icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.primary-btn:before,
.header-search .search-btn:before,
.header-search .search-btn span,
.search-form-text,
#backtotop,
.more-btn:before,
.overlay:before,
.ec-prev:before,
.ec-next:after,
.yellow-tab:before,
.gold-tab:before,
.blue-tab:before,
.wb-text-quote:before,
.circle-social-icons .social-icon,
.social-post,
.explore-heading:before,
.inpage-link:before,
.white-col,
.hall-name:before,
.vc-thumbnail:before,
.page-numbers,
.tab-heading:before,
.pc-thumbnail::after,
.top-filter-text:before,
.select-styled:after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.home-slider-container,
.home-slider-container .bx-wrapper,
.home-slider-container .bx-viewport,
.home-slider {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ls-row {
    display: table;
    table-layout: fixed;
    width: 100%;
}

body {
    position: relative;
    width: 100%;
    min-width: 300px;
    color: #38383A;
    background-color: #f8f8f8;
    font-family: "Poppins", sans-serif;
    font-size: 50%;
}

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


/*body.menu-overlay:before {
    @extend %abs,
    %b;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 51, 59, 0.45);
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    content: '';
}*/

.main {
    position: relative;
    z-index: 1;
}

.wrapper {
    max-width: 1156px;
    width: 90%;
    margin: auto;
}

.block-wrapper {
    max-width: 1445px;
    margin: auto;
    width: 96%;
}

.block-wrapper .sec-heading {
    margin-bottom: 1em;
}

.header-wrapper,
.large-wrapper {
    max-width: 1752px;
}

.inpage-wrapper {
    position: relative;
    z-index: 2;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 600;
}

h2 {
    font-size: 4.2em;
    font-weight: 600;
}

i,
em {
    font-style: italic;
}

p {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.8;
}


/* MOBILE */

.main-menu-button,
.main-menu-top,
.dropdown-btn {
    display: none;
}


/* GRID */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Genernal */

.sec-heading {
    position: relative;
    color: #66B9D5;
    font-size: 5em;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.sec-heading:before {
    position: absolute;
    left: -35px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    margin-top: 18px;
    margin-right: 15px;
    background-color: #EDE64C;
    content: "";
}

h3.featured-heading {
    color: #66B9D5;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

h3.featured-heading:before {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-top: 9px;
    margin-right: 15px;
    background-color: #EDE64C;
    content: "";
}

.primary-btn {
    display: inline-block;
    color: #66B9D5;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.2;
    padding: 13px 26px;
    text-align: center;
    border-radius: 44px;
    border: 1px solid #66B9D5;
    margin-top: 1em;
    -webkit-transition: background 0.35s ease 0s, color 0.35s ease 0s;
    transition: background 0.35s ease 0s, color 0.35s ease 0s;
}

.primary-btn:before {
    width: 31px;
    height: 31px;
    background-image: url(images/circle-arrow-flat@2x.png);
    margin-right: 10px;
    content: "";
}

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

.primary-btn:hover:before {
    background-image: url(images/circle-arrow-w@2x.png);
}

.photo {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.tablink img,
.photo img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.tablink:hover img,
.photo:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.sec-padding {
    padding: 6em 0;
}

.tabcontent {
    display: none;
}

.tabcontent p {
    text-align: justify;
}

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

.content ul {
    font-size: 2em;
    margin-left: 5px;
}

.content ul li {
    position: relative;
    font-size: 1em;
    list-style: none;
    padding-left: 20px;
}

.content ul li:before {
    position: absolute;
    left: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
    content: "•";
}

.content table ul {
    margin-bottom: 0;
    font-size: 1em !important;
}

.content table ul li {
    list-style: none;
    padding-left: 18px;
}

.content table ul li:before {
    left: 0;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 0;
    color: #66B9D5;
    margin-right: 8px;
    margin-top: 10px;
    content: "•";
}

.content table ul li:last-child {
    margin-bottom: 0;
}


/* HEADER */

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

.main-menu-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 51, 59, 0.45);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease-in-out 0.3s;
}

.header {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.header-top {
    text-align: right;
}

.header-top-menu {
    display: inline-block;
    background-color: #38383A;
    padding: 10px 40px;
    border-radius: 0 0 20px 20px;
}

.header-top-menu li {
    position: relative;
    display: inline-block;
    font-size: 1em;
    margin-right: 24px;
}

.header-top-menu li ul {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    left: 50%;
    top: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header-top-menu li li {
    display: block;
    margin: 0;
}

.header-top-menu li li a {
    display: block;
    width: 90px;
    padding: 5px;
    background-color: #38383A;
    text-align: center;
}

.header-top-menu li li:last-child a {
    border-radius: 0 0 20px 20px;
}

.header-top-menu li:hover ul {
    opacity: 1;
    pointer-events: auto;
}

.header-top-menu li:last-child {
    margin-right: 0;
}

.header-top-menu li a {
    color: #fff;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
}

.header-top-menu li a:hover {
    color: #EDE64C;
}

.header-bottom {
    color: #fff;
}

.header-bottom a {
    color: #fff;
}

.header-bottom .header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.header-right {
    width: auto;
}

.header-logo img {
    max-width: none;
    width: auto;
    height: 100%;
    max-height: 88px;
    /*111px*/
}

.fontsize-switcher {
    display: inline-block;
    vertical-align: middle;
    margin-right: 32px;
}

.fontsize-switcher a {
    display: inline-block;
    vertical-align: bottom;
    padding: 12px 5px;
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.fontsize-switcher a span {
    line-height: 1;
}

.fontsize-switcher .small {
    font-size: 1.8em;
}

.fontsize-switcher .medium {
    font-size: 2.2em;
}

.fontsize-switcher .large {
    font-size: 2.5em;
}

.fontsize-switch {
    padding-bottom: 7px;
    cursor: pointer;
}

.fontsize-switch:hover {
    color: #EDE64C;
}

.fontsize-switch.active {
    position: relative;
}

.fontsize-switch.active:after {
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    content: "";
}

.header.light-theme .fontsize-switch.active:after {
    background-color: #38383A;
}

.language-switcher {
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.2;
    border-right: 1px solid #fff;
    padding: 17px 0;
}

.language-switcher ul {
    display: flex;
    align-items: center;
}

.language-switcher li {
    margin-right: 20px;
    padding-bottom: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.language-switcher li:last-child {
    border: 0;
}

.language-switcher li a {
    position: relative;
}

.language-switcher li a:hover {
    color: #EDE64C;
}

.lang-en {
    order: 1;
}

.lang-tc {
    order: 2;
}

.lang-sc {
    order: 3;
}

.language-switcher li.active:after {
    display: block;
    position: absolute;
    bottom: -10.5px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
}

.header-search {
    padding-right: 20px;
}

.header-search .search-btn {
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.header-search .search-btn:before {
    width: 40px;
    height: 40px;
    background-image: url(images/search-w@2x.png);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    content: "";
}

.header-search .search-btn:hover {
    color: #EDE64C;
}

.header-search .search-btn:hover:before {
    background-image: url(images/search-y@2x.png);
}

.search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 24px;
}

.search-form-text {
    background-color: #fff;
    color: #38383A;
    width: 305px;
    padding: 7px 7px 7px 35px;
    border-radius: 90px;
    background-image: url(images/search@2x.png);
    background-size: 15px;
    background-position: 10px;
    margin-right: 10px;
}

.search-form-text::-webkit-input-placeholder,
.search-form-text:-moz-placeholder,
.search-form-text::-moz-placeholder,
.search-form-text:-ms-input-placeholder {
    color: #38383A;
    opacity: 1;
}

.search-form-submit {
    background-color: #38383A;
    color: #fff;
    border-radius: 50px;
    padding: 0 15px;
    text-transform: uppercase;
}

.header-social-icons {
    border-right: 1px solid #fff;
    margin-right: 5px;
    padding: 10px;
}

.header-social-icons span {
    width: 110px;
    font-size: 2.1em;
    margin-right: 12px;
}

.header-social-icons .facebook {
    background-image: url(images/facebook-w@2x.png);
}

.header-social-icons .facebook:hover {
    background-image: url(images/facebook-y@2x.png);
}

.header-social-icons .instagram {
    background-image: url(images/instagram-w@2x.png);
}

.header-social-icons .instagram:hover {
    background-image: url(images/instagram-y@2x.png);
}

.header-social-icons .youtube {
    background-image: url(images/youtube-w@2x.png);
}

.header-social-icons .youtube:hover {
    background-image: url(images/youtube-y@2x.png);
}

.social-icon {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.social-icon:last-child {
    margin: 0;
}

.main-menu {
    position: relative;
    z-index: 99999;
}

.main-menu>ul {
    position: relative;
    font-size: 0.1px;
    text-align: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-menu>ul:after {
    display: inline-block;
    content: '';
    width: 100%;
}

.main-menu>ul>li {
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
}

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

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

.main-menu>ul>li>a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.main-menu>ul>li:hover>a {
    position: relative;
}

.main-menu>ul>li:hover>a:after {
    bottom: 0;
    left: 50%;
    width: calc(100% - 40px);
    height: 3px;
    background-color: #ceb23b;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
}

body.home .main-menu>ul>li:hover>a:after {
    bottom: 7px;
}

.header.light-theme {
    position: relative;
    background-color: #fff;
}

.header.light-theme .header-right {
    top: 2px;
    position: relative;
}

.header.light-theme .main-menu-container {
    border-top: 1px solid #cdcdcd;
    padding-top: 6px;
}

.header.light-theme .header-bottom a,
.header.light-theme .main-menu>ul>li>a {
    color: #38383A;
    text-shadow: 0 0 0;
}

.header.light-theme .main-menu>ul>li>a,
.header.light-theme .language-switcher li,
.header.light-theme .fontsize-switcher a,
.header.light-theme .header.light-theme a {
    text-shadow: 0 0 0;
}

.header.light-theme .language-switcher li a:hover,
.header.light-theme .fontsize-switcher a:hover {
    color: #66B9D5;
}

.header.light-theme .language-switcher li.active:after {
    background-color: #38383A;
}

.header.light-theme .header-social-icons .instagram {
    background-image: url(images/instagram-d@2x.png);
}

.header.light-theme .header-social-icons .instagram:hover {
    background-image: url(images/instagram-b@2x.png);
}

.header.light-theme .header-social-icons .facebook {
    background-image: url(images/facebook-d@2x.png);
}

.header.light-theme .header-social-icons .facebook:hover {
    background-image: url(images/facebook-b@2x.png);
}

.header.light-theme .header-social-icons .youtube {
    background-image: url(images/youtube-d@2x.png);
}

.header.light-theme .header-social-icons .youtube:hover {
    background-image: url(images/youtube-b@2x.png);
}

.header.light-theme .header-search .search-btn:before {
    background-image: url(images/search-d@2x.png);
    width: 22px;
    margin-right: 6px;
}

.header.light-theme .header-search .search-btn:hover span {
    color: #66B9D5;
}

.header.light-theme .header-search .search-btn:hover:before {
    background-image: url(images/search-b@2x.png);
}

.header.light-theme .header-social-icons,
.header.light-theme .language-switcher {
    border-color: #585858;
}

.header.light-theme .main-menu>ul>li>a {
    padding-bottom: 18px;
}

.header.light-theme .main-menu>ul>li.menu-item-has-children:hover>a:after {
    bottom: 0;
}

.main-menu>ul>li>ul {
    border-top: 1px solid transparent;
}

.header.light-theme .main-menu>ul>li:hover>ul {
    border-top: 1px solid #cdcdcd;
    box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
}


/* submenu */

@media screen and (min-width: 1025px) {
    /*   .main-menu>ul>li:nth-child(6)>ul>li a {
        display: flex;
    }*/
    .main-menu>ul>li.menu-item-has-children>ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background-color: #fff;
        padding: 1.5% 4%;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        pointer-events: none;
        opacity: 0;
        transition: opacity ease-in-out 0.3s;
    }
    body.home .main-menu>ul>li.menu-item-has-children>ul {
        border-radius: 15px;
    }
    ,
    .main-menu>ul>li.menu-item-has-children>ul>li .menu-col>li {
        text-align: left;
    }
    .main-menu>ul>li.menu-item-has-children>ul>li>a,
    .menu-col>li>a {
        font-size: 19px;
        font-weight: 700;
        color: #707070;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    .main-menu>ul>li.menu-item-has-children>ul>li>ul,
    .menu-col>li>ul {
        margin-top: 16px;
    }
    .main-menu>ul>li.menu-item-has-children>ul>li>ul>li,
    .menu-col>li>ul>li {
        margin-bottom: 2em;
        margin-bottom: 12px;
    }
    .main-menu>ul>li.menu-item-has-children>ul>li>ul>li a,
    .menu-col>li>ul>li a {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #66B9D5;
        padding-left: 2em;
    }
    .main-menu>ul>li.menu-item-has-children>ul>li>ul>li a:before,
    .menu-col>li>ul>li a:before {
        position: absolute;
        left: 0;
        top: -1px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        background-image: url(images/circle-arrow-solid@2x.png);
        content: "";
    }
    .main-menu>ul>li.menu-item-has-children:hover>ul {
        opacity: 1;
        pointer-events: auto;
        transition: opacity ease-in-out 0.3s;
    }
    .main-menu>ul>li.menu-item-has-children>ul:before,
    .main-menu>ul>li.menu-item-has-children>ul:after {
        display: block;
        position: absolute;
        content: '';
        top: 25px;
        width: 1px;
        height: calc(100% - 50px);
        background-color: #cdcdcd;
    }
    .main-menu>ul>li.menu-item-has-children>ul:before {
        left: 33.9%;
        /* (100-8)*(0.3+0.05/2)+4 */
    }
    .main-menu>ul>li.menu-item-has-children>ul:after {
        left: 66.1%;
        /* (100-8)*(0.3+0.05+0.3+0.05/2)+4 */
    }
    .main-menu>ul>li>ul>li,
    .menu-col {
        width: 30%;
        margin-right: 5%;
    }
    .main-menu>ul>li>ul>li {
        margin-bottom: 3%;
    }
    .menu-col li {
        text-align: left;
        margin-bottom: 10%;
    }
    .main-menu>ul>li>ul>li:nth-child(3n+3),
    .menu-col-3 {
        margin-right: 0;
    }
}


/* breadcrumbs */

.breadcrumbs {
    padding: 3em 0 6em 0;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
}

.breadcrumbs a {
    color: #38383A;
    text-decoration: underline;
}

.breadcrumbs span {
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

.breadcrumbs span.delimiter {
    color: #b0b0b0;
    padding: 0 1em;
}


/* FOOTER */

#backtotop {
    position: fixed;
    top: 5%;
    right: 1%;
    display: inline-block;
    background-color: #38383A;
    background-size: 30%;
    background-image: url(images/backtotop@2x.png);
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 52px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

#backtotop:hover {
    background-color: #EDE64C;
}

#backtotop.show {
    opacity: 1;
}

.footer {
    padding-top: 2%;
    background-color: #f8f6ed;
}

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

.ftt-left {
    width: 35%;
}

.ftt-right {
    width: 65%;
}

.footer-logo {
    margin-bottom: 3em;
}

.footer-logo-1 {
    margin-right: 4em;
}

.footer-logo img {
    max-width: none;
    width: auto;
    height: 100%;
    max-height: 69px;
}

.contact-block {
    margin-bottom: 3em;
}

.contact-block p {
    font-size: 1.8em;
    margin-bottom: 3px;
}

.contact-block p a {
    color: #38383A;
}

.contact-block p a:hover {
    color: #66B9D5;
}

.footer-menu>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -42px;
}

.footer-menu>ul>li {
    width: 47%;
    margin-top: 42px;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #cdcdcd;
}

.footer-menu>ul>li:after {
    right: 10px;
    top: 9px;
    font-size: 21px;
    line-height: 0;
    content: "+";
    pointer-events: none;
}

.footer-menu>ul>li a {
    color: #38383A;
    font-size: 13px;
    padding-right: 30px;
}

.footer-menu>ul>li>a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 14px;
}

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

.footer-menu>ul>li>ul {
    display: none;
}

.footer-menu .menu-item-has-children.active:after {
    content: "-";
}

.footer-menu .dropdown-btn {
    display: none;
}

.footer-menu li.footer-hidden {
    display: none;
}

.ft-bottom {
    border-top: 1px solid #707070;
    padding: 13px 0;
}

.bottom-menu {
    flex-grow: 1;
    padding-right: 20px;
}

.bottom-menu ul {
    display: flex;
}

.bottom-menu li {
    padding-right: 2em;
    border-right: 1px solid #38383A;
    margin-right: 2em;
}

.bottom-menu li:last-child,
.bottom-menu li.last {
    border-right: 0;
}

.en_US .bottom-menu li.tc,
.en_US .bottom-menu li.sc,
.zh_HK .bottom-menu li.en,
.zh_HK .bottom-menu li.sc,
.zh_CN .bottom-menu li.en,
.zh_CN .bottom-menu li.tc {
    display: none;
}

.bottom-menu a {
    color: #38383A;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
}

.copyright {
    font-size: 1.4em;
    text-align: right;
}

.footer-bottom {
    padding: 13px 0;
    background-color: #38383A;
    color: #fff;
}

.footer-bottom p {
    font-size: 1.4em;
}


/* Home */

.home-slider-container,
.home-slider-container .bx-wrapper,
.home-slider-container .bx-viewport,
.home-slider {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 46.7%;
}

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

.banner-border {
    bottom: 0;
    width: 100%;
    padding-bottom: 8.3%;
    background-image: url(images/home-left-border@2x.png);
}

.more-btn {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.more-btn:before {
    width: 65px;
    height: 65px;
    background-image: url(images/circle-arrow@2x.png);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    content: "";
}

.more-btn:hover:before {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.overlay:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/banner-bg@2x.png);
    content: "";
}

.slide-wrapper {
    position: relative;
    width: 90%;
    height: 100%;
    margin: auto;
}

.slide-caption {
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slide-caption h2 {
    font-size: 7em;
    font-weight: 600;
    line-height: 1.4;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    margin-bottom: 1%;
}

.bx-wrapper .bx-controls-direction a {
    width: 65px;
    height: 65px;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    background-image: url(images/prev-w@2x.png);
}

.bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
    background-image: url(images/next-w@2x.png);
}

.bx-wrapper .bx-pager.bx-default-pager {
    bottom: 130px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background-color: #585858;
    border: 2px solid #585858;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #71c4e0;
    border: 2px solid #585858;
}

.carousel-slider-container {
    padding: 1em 0;
}

.calendar-section {
    width: 54%;
}

.event-calendar {
    max-width: 533px;
    margin: 7% auto 3%;
}

.ec-header {
    position: relative;
    padding: 0 100px 6px;
    text-align: center;
}

.ec-month {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    padding-right: 10%;
}

.ec-table th,
.ec-table td {
    font-size: 2.1em;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.ec-table th {
    font-weight: 600;
    color: #b0b0b0;
}

.ec-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 28px;
}

.ec-prev:before {
    width: 32px;
    height: 32px;
    background-image: url(images/carosel-prev@2x.png);
    margin-right: 10px;
    content: "";
}

.ec-next {
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 28px;
}

.ec-next:after {
    width: 32px;
    height: 32px;
    background-image: url(images/carosel-next@2x.png);
    margin-left: 10px;
    content: "";
}

.table-wrapper {
    width: 89%;
}

table {
    width: 100%;
}

.ec-table th {
    padding: 16px 5px;
}

.ec-table td {
    padding: 16px 5px;
}

.cn-title {
    display: block;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    color: #38383A;
    margin-bottom: 0;
    min-height: 7em;
}

.cn-title p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: inherit;
    max-height: 3;
    text-align: left;
}

.cn-title p,
.cn-title ul,
.cn-title ol,
.cn-title li,
.cn-title th,
.cn-title td {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.4;
}

.ec-days .current {
    position: relative;
}

.ec-days .current:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 6px;
    height: 6px;
    background-color: #66B9D5;
    content: "";
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.yellow-tab:before,
.gold-tab:before {
    top: 42%;
    left: 50%;
    width: 39px;
    height: 36px;
    background-image: url(images/home-icon-y@2x.png);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: -1;
    content: "";
}

.blue-tab {
    color: #fff;
}

.blue-tab:before {
    top: 42%;
    left: 50%;
    width: 39px;
    height: 36px;
    background-image: url(images/home-icon-b@2x.png);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: -1;
    content: "";
}

.ecw-short {
    display: none;
}

.latest-events-section {
    position: relative;
    width: 46%;
}

.home-calendar-section {
    margin-top: 1em;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.ec-list {
    background-color: #fff;
    border-radius: 40px;
    padding: 28px 30px;
    -webkit-box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
    box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
}

.ec-list .more-btn:before {
    background-image: url(images/circle-arrow-solid@2x.png);
    width: 41px;
    height: 41px;
}

.ec-list .more-btn:hover:before {
    background-image: url(images/circle-arrow-flat@2x.png);
}

.le-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid #cdcdcd;
}

.le-block:first-child {
    padding-top: 0;
}

.le-block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.le-day {
    text-align: center;
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.2;
    background-image: url(images/home-icon-b@2x.png);
    padding: 17px 17px 4px 17px;
    margin-right: 20px;
    background-size: contain;
}

.le-day.blue {
    color: #fff;
}

.le-day.yellow,
.le-day.gold {
    background-image: url(images/home-icon-y@2x.png);
}

.le-text {
    width: 100%;
}

.le-text p {
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    width: calc(100% - 120px);
    text-align: left;
}

.le-text p a {
    font-size: 1em;
    color: #38383a;
}

.le-text p a:hover {
    color: #71c4e0;
}

.blue-bg {
    background-color: #e5f7fc;
}

.text-img-block,
.img-text-block {
    padding: 3em 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-text-block {
    flex-direction: row-reverse;
}

.text-img-block .sec-heading,
.img-text-block .sec-heading {
    margin-bottom: 5%;
}

.text-img-block .text-block,
.img-text-block .text-block {
    width: 50%;
}

.text-img-block .text-block h3,
.img-text-block .text-block h3 {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.2;
}

.text-img-block .img-block,
.img-text-block .img-block {
    width: 50%;
}

.text-img-block .img-block img,
.img-text-block .img-block img {
    border-radius: 60px;
}

.wb-text-quote:before {
    width: 47px;
    height: 35px;
    background-image: url(images/quote-icon.png);
    margin: 20px 0 10px 0;
    content: "";
}

.text-img-block .text-block {
    padding-right: 7%;
}

.img-text-block .text-block {
    padding-left: 7%;
}

.shho-block .img-text-block .text-block {
    padding-left: 4%;
}

.join-section {
    background-color: #b3ddeb;
    text-align: center;
    padding-top: 6em;
}

.join-section h2 {
    font-size: 5em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.join-section p {
    text-align: center;
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.2;
}

.join-section .primary-btn {
    background-color: #EDE64C;
    color: #38383A;
    margin: auto;
    border: 0;
    padding: 13px 18px;
}

.join-section .primary-btn:before {
    width: 26px;
    height: 26px;
    background-image: url(images/circle-arrow-solid-b@2x.png);
}

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

.join-section::after {
    width: 100%;
    padding-bottom: 7.9%;
    background-image: url(images/home-right-border@2x.png);
    content: "";
}

.connect-section {
    background-color: #f8f6ed;
}

.connect-section h2 {
    color: #66B9D5;
}

.follow-block {
    position: relative;
    padding: 3em 0 4em 0;
    z-index: 99;
}

.follow-block span {
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 20px;
}

.circle-social-icons .instagram {
    background-image: url(images/instagram.png);
}

.circle-social-icons .facebook {
    background-image: url(images/facebook.png);
}

.circle-social-icons .youtube {
    background-image: url(images/youtube.png);
}

.circle-social-icons .social-icon {
    background-color: #fff;
    background-size: auto 24px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-right: 10px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.circle-social-icons .social-icon:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.social-post {
    width: 22%;
    padding-bottom: 22%;
    border-radius: 30px;
    background-color: white;
}

.social-post:before {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, rgba(255, 255, 255, 0)), to(#24333b));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 26%, #24333b 100%);
    content: "";
}

.social-post.youtube {
    background-position: top;
}

.social-post.youtube:before {
    bottom: 0;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, rgba(255, 255, 255, 0)), to(#24333b));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 26%, #24333b 100%);
}

.social-type {
    display: block;
    top: 15px;
    left: 15px;
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1.2;
    background-color: #fff;
    color: #38383A;
    text-align: center;
    padding: 5px 20px;
    border-radius: 50px;
}

.social-content {
    display: block;
    bottom: 0;
    width: 100%;
    padding: 20px 15px;
    color: #fff;
}

.social-content p {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
}

.social-date {
    display: block;
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1.2;
}

.news-block {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 18px;
    border-radius: 30px;
    -webkit-box-shadow: 0 16px 40px rgba(205, 205, 205, 0.2);
    box-shadow: 0 16px 40px rgba(205, 205, 205, 0.2);
    -webkit-transition: background 0.35s ease 0s, color 0.35s ease 0s;
    transition: background 0.35s ease 0s, color 0.35s ease 0s;
    cursor: pointer;
}

.news-block .more-btn:before {
    background-image: url(images/circle-arrow-solid@2x.png);
    width: 21px;
    height: 21px;
}

.news-block:hover {
    background-color: #66B9D5;
}

.news-block:hover .cn-title,
.news-block:hover .cn-date,
.news-block:hover .nb-press-name {
    color: #fff;
}

.news-block:hover .more-btn:before {
    background-image: url(images/circle-arrow-solid-w@2x.png);
}

.news-block:hover .cn-cat {
    background-color: #fff;
    color: #66B9D5;
}

.cn-photo {
    width: 100%;
    padding-bottom: 70%;
    border-radius: 30px;
    margin-bottom: 20px;
}

.cn-cat {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    background-color: #66B9D5;
    text-align: center;
    border-radius: 30px;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.cn-date {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    color: #9fa1a6;
}

.home-carousel-section .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-wrapper {
    max-width: 100%;
}

.carousel-slider-container {
    position: relative;
    overflow: hidden;
    padding: 5em 0 0 0;
}

.carousel-slider-container .bx-controls {
    position: relative;
    width: 90%;
    max-width: 1400px;
    margin: 6em auto 0;
}

.carousel-slider-container .bx-wrapper {
    position: relative;
    margin-bottom: 10em;
}

.carousel-slider-container .bx-wrapper .bx-viewport {
    left: 5%;
}

.carousel-slider-container .bx-wrapper .bx-controls-direction a.bx-prev {
    top: 100%;
    left: unset;
    right: 58px;
    width: 52px;
    height: 52px;
    background-image: url(images/carosel-prev@2x.png);
}

.carousel-slider-container .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-image: url(images/carosel-prev-b@2x.png);
}

.carousel-slider-container .bx-wrapper .bx-controls-direction a.bx-next {
    top: 100%;
    width: 52px;
    height: 52px;
    background-image: url(images/carosel-next@2x.png);
}

.carousel-slider-container .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-image: url(images/carosel-next-b@2x.png);
}

.carousel-slider-container .bx-wrapper .bx-pager.bx-default-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 180px);
    bottom: 0;
}

.carousel-slider-container .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #cdcdcd;
}

.carousel-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    background-color: #cdcdcd;
}

.carousel-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #66B9D5;
}

.carousel-slide,
.cn-photo,
.cn-title {
    display: block;
}

.slider-container {
    margin-bottom: 20em;
}

.slider-container .shho-block.full {
    padding: 10em 0;
}

.slider-container .bx-controls {
    position: relative;
    width: 90%;
    max-width: 1752px;
    margin: 6em auto;
}

.slider-container .bx-wrapper {
    position: relative;
}

.slider-container .bx-wrapper .bx-controls-direction a.bx-prev {
    top: 100%;
    left: unset;
    right: 58px;
    width: 52px;
    height: 52px;
    background-image: url(images/carosel-prev@2x.png);
}

.slider-container .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-image: url(images/carosel-prev-b@2x.png);
}

.slider-container .bx-wrapper .bx-controls-direction a.bx-next {
    top: 100%;
    width: 52px;
    height: 52px;
    background-image: url(images/carosel-next@2x.png);
}

.slider-container .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-image: url(images/carosel-next-b@2x.png);
}

.slider-container .bx-wrapper .bx-pager.bx-default-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 180px);
    bottom: 0;
}

.slider-container .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #cdcdcd;
}

.slider-container .bx-wrapper .bx-pager.bx-default-pager a {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    background-color: #cdcdcd;
}

.slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #66B9D5;
    border-color: #66B9D5;
}

.slider-container .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}


/* Inpage */

.page-top {
    padding: 5.8em 0 0;
}

.page-title {
    font-size: 5em;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.header-banner {
    width: 100%;
    padding-bottom: 30%;
    margin-bottom: 10em;
}

.header-banner::after {
    bottom: 0;
    width: 100%;
    padding-bottom: 4.7%;
    background-image: url(images/header-banner-border@2x.png);
    content: "";
}

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

.text-block a {
    color: #66B9D5;
}

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

.text-block h3 {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1em;
}

.text-block h4 {
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1em;
}

.blue-block:before {
    background-color: #ddeef3;
}

.yellow-block:before {
    background-color: #fbfac7;
}

.shho-block-right {
    margin-bottom: 12em;
}

.shho-block-right:before {
    left: 0;
    top: 0;
    width: 40%;
    padding-bottom: 36%;
    border-radius: 0 50px 50px 0;
    z-index: 1;
    content: "";
}

.shho-block-right .flex>.text-block {
    width: 50%;
    flex-grow: 1;
    padding-right: 6%;
}

.shho-block-right .flex>.img-block {
    max-width: 50%;
    text-align: right;
}

.shho-block-right .flex>.img-block .block-image-caption {
    margin: 1em 0 2em 0;
}
.block-wrapper a.block-image-caption{
color:#38383a;
}

a.block-image-caption:after{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(https://webarchive.lib.cuhk.edu.hk/20240727062849oe_/https://www.shho.cuhk.edu.hk/wp-content/uploads/icons/link-dark.png);
	content:'';margin-left: 5px;
}
.block-wrapper a.block-image-caption:hover{
color:#66B9D5;
}
a.block-image-caption:hover:after{ 
	background-image:url(https://webarchive.lib.cuhk.edu.hk/20240727062849oe_/https://www.shho.cuhk.edu.hk/wp-content/uploads/icons/link-blue.png); 
}
.shho-block-right .flex>.img-block img {
    border-radius: 40px 0 0 40px;
}

.shho-block-right .shho-block {
    border-radius: 40px 0 0 40px;
}

.shho-block-right .shho-block:after {
    right: 0;
    border-radius: 24px 0 0 24px;
}

.shho-block-left {
    margin-bottom: 12em;
}

.shho-block-left:before {
    right: 0;
    top: 0;
    width: 40%;
    padding-bottom: 36%;
    border-radius: 50px 0 0 50px;
    z-index: 1;
    content: "";
}

.shho-block-left .text-block {
    width: 50%;
    padding-left: 6%;
    flex-grow: 1;
}

.shho-block-left .img-block {
    max-width: 50%;
    text-align: left;
}

.shho-block-left .img-block img {
    border-radius: 0 40px 40px 0;
}

.shho-block-left .shho-block {
    border-radius: 0 40px 40px 0;
}

.shho-block-left .shho-block:after {
    left: 0;
    border-radius: 0 24px 24px 0;
}

.shho-block-left .wb-text-quote:before {
    background-image: url(images/quote-icon-b.png);
}

.shho-block {
    position: relative;
    background-color: transparent;
    position: relative;
    margin-top: 8em;
    z-index: 2;
    padding: 10em 12em;
}

.shho-block:after {
    position: absolute;
    display: block;
    top: 0;
    width: 94%;
    height: 100%;
    background-color: #fff;
    content: "";
    z-index: -1;
    -webkit-box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
    box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
}

.shho-block h2 {
    font-size: 4em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1em;
    /* 0.3em */
}

.shho-block p+h2 {
    margin-top: 2em;
}

.shho-block .block-images+h2 {
    margin-top: 2em;
}

.shho-block h2.sec-heading {
    font-size: 5.5em;
}

.shho-block-left .shho-block.no-margin h2.sec-heading,
.shho-block-left .shho-block.no-margin h2.sec-subheading {
    margin-left: 4em;
}

.shho-block p {
    font-size: 2.2em;
}

.content .shho-block ul,
.content .shho-block ol {
    font-size: 1em;
}

.content .shho-block ul li:before {
    top: 0.3em;
}

.shho-block ul li,
.shho-block ol li {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1.8;
}

.shho-block ul li li,
.shho-block ol li li {
    font-size: 1em;
}

.shho-block ul ul,
.shho-block ol ol {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.shho-block .img-block img+img {
    margin-top: 5em;
}

.shho-block .wb-text-quote {
    margin-top: 2em;
}

.shho-block .wb-text-quote p {
    text-align: justify;
}

.shho-block table,
.accordion-details table {
    border: 1px solid #cdcdcd;
    border-radius: 24px;
    border-collapse: separate;
    overflow: hidden;
}

.shho-block table tr,
.accordion-details table tr {
    border: 0;
}

.shho-block table th,
.accordion-details table th {
    padding: 29px 24px;
    text-align: left;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #ddeef3;
    border: 0;
    border-bottom: 1px solid #cdcdcd;
}

.shho-block table td,
.accordion-details table td {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: top;
    padding: 29px 24px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.shho-block table tr:first-child td,
.accordion-details table tr:first-child td {
    border-top: 0;
}

.shho-block-right .shho-block.no-margin {
    width: 100%;
    padding: 9.6em 0 9.6em 24em;
}

.shho-block-left .shho-block.no-margin {
    padding: 9.6em 24em 9.6em 0;
}

.shho-block-left .flex {
    flex-direction: row-reverse;
}

.explore-section {
    background-color: #ddeef3;
    padding: 8em 0 6em 0;
}

.explore-section .flex {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.explore-section h2 {
    width: auto;
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.explore-section h2:after {
    width: 100%;
    height: 4px;
    background-color: #EDE64C;
    margin-bottom: 16px;
    content: "";
}

.explore-col {
    width: 23.5%;
    margin: 0 2% 2% 0;
    background-color: #fff;
    border-radius: 30px;
}

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

.explore-photo {
    display: block;
    width: 100%;
    padding-bottom: 67%;
    border-radius: 30px 30px 0 0;
}

.explore-photo img {
    border-radius: 30px 30px 0 0;
}

.explore-heading {
    display: block;
    width: 100%;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    color: #38383A;
    padding: 1em 1.5em;
}

.explore-heading span {
    width: calc(100% - 30px);
}

.explore-heading:before {
    width: 22px;
    height: 22px;
    background-image: url(images/circle-arrow-solid@2x.png);
    margin-right: 8px;
    content: "";
}

.inpage-links {
    background-color: #ddeef3;
    padding: 3.5em 0 2em 0;
    border-radius: 24px;
    margin-bottom: 3em;
}

.jump-to {
    width: 10em;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 2em;
}

.inpage-link {
    display: inline-block;
    cursor: pointer;
    color: #38383A;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 3em;
    margin-bottom: 1em;
}

.inpage-link:before {
    width: 12px;
    height: 15px;
    margin-right: 5px;
    background-image: url(images/arrow-down@2x.png);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    content: "";
}

.inpage-link:hover {
    color: #66B9D5;
}

.top-text-wrapper {
    width: 85%;
}

.wardens-block {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 9em;
    padding-bottom: 9em;
}

.wardens-block:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.wardens-block .wb-text-quote {
    margin-top: 0;
}

.wb-photo {
    width: 30%;
}

.wb-photo img {
    border-radius: 24px;
}

.wb-text {
    width: 70%;
    padding-left: 11%;
}

.shho-block-left .wb-text {
    padding-left: 0;
    padding-right: 11%;
}

.wardens-block.no-photo .wb-text,
.shho-block-left .wardens-block.no-photo .wb-text {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.wb-name {
    font-size: 3em;
    font-weight: 600;
    line-height: 1.2;
    color: #66B9D5;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.wb-title {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.4;
}

.tutor-col,
.tutor-photo,
.tutor-photo img,
.tutor-name,
.tutor-text {
    display: block;
}

.tutor-col p {
    font-size: 1.8em;
    margin: 0;
    text-align: left;
}

.tutor-col a {
    font-size: 1em;
    color: #38383A;
}

.tutor-col:hover {
    color: #66B9D5;
}

.tutor-photo {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 24px;
    margin-bottom: 3em;
}

.tutor-name {
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    color: #66B9D5;
    margin-bottom: 5px;
}

a .tutor-text {
    color: #38383A;
}

.tutor-bg {
    border-top: 1px solid #cdcdcd;
    margin-top: 1.5em;
}

.tb-title {
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.tutor-blocks {
    /* .sec-heading,
    .grid-1-4 {
        padding-left: 10%;
    }*/
}

.tutor-blocks .sec-heading {
    margin-bottom: 1em;
}

.col-2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 9em;
}

.publication-block .white-col {
    width: 46%;
    margin: 2%;
}

.publication-block .white-col .sec-heading {
    margin-left: 5%;
    margin-bottom: 5%;
}

.col-2:before {
    left: 0;
    top: 0;
    width: 40%;
    padding-bottom: 36%;
    border-radius: 0 50px 50px 0;
    z-index: 1;
    content: "";
}

.white-col {
    background-color: #fff;
    border-radius: 45px;
    z-index: 2;
}

.white-col-inner {
    padding: 4% 6%;
}

.white-col-bg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    margin-top: -5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0 0 45px 45px;
}

.white-col-bg:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 30%;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.white-col .primary-btn {
    max-width: 533px;
    margin: auto;
}

.poster-row {
    max-width: 380px;
    width: 100%;
    margin: 0 auto 6%;
}

.poster-row img {
    display: block;
	width:100%;
    max-width: 380px;
}

.primary-btn.full {
    display: block;
    width: 100%;
}

.btns .primary-btn {
    width: 100%;
    margin-bottom: 4%;
}

.image-full {
    margin-bottom: 7em;
}

.image-full img {
    border-radius: 24px;
}

.hall-cols {
    margin-bottom: 7em;
}

.pc-photo {
    margin-bottom: 2em;
}

.pc-photo img {
    border-radius: 24px;
}

.hall-name {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.8em;
}

.hall-name:before {
    width: 38px;
    height: 25px;
    background-image: url(images/house-icon@2x.png);
    margin-right: 10px;
    content: "";
}

.grey-bg {
    background-color: #f2f2f2;
    border-right: 1px solid #cdcdcd;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}

.flex .image-block {
    padding-right: 8em;
}

.flex .image-block:last-child {
    padding-right: 0;
}

.postcard-flex {
    justify-content: center;
}

.postcard-block {
    padding-bottom: 7em;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 7em;
}

.postcard-block:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.postcard-text {
    margin-top: 3em;
}

.shho-block-left .video-top-block .flex.video-text-block {
    flex-direction: row;
}

.shho-block-left.gallery-top-block .flex.img-text-block {
    flex-direction: row;
}

.video-text-block>div {
    width: 48%;
}

.video-text-block h4 {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
}

.video-text-block p {
    font-size: 2.4em;
}

.video-gallery-section {
    margin-top: 9em;
}

.video-gallery-section:first-child {
    margin: 0;
}

.video-year {
    font-size: 3.6em;
    font-weight: 600;
    padding-bottom: 1%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 1.5em;
}

.video-container,
.map-container {
    width: 100%;
    padding-bottom: 56%;
    border-radius: 24px;
}

.video-container iframe,
.map-container iframe {
    width: 100%;
    height: 100%;
}

.vc-thumbnail {
    display: block;
    width: 100%;
    padding-bottom: 56%;
    border-radius: 24px 24px 0 0;
}

.vc-thumbnail:before {
    top: 50%;
    left: 50%;
    width: 95px;
    height: 71px;
    background-image: url(images/youtube@2x.png);
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
}

.vc-title {
    display: block;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    color: #38383A;
    padding: 1.2em 1em 0 1em;
}

.video-col {
    border-radius: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 16px 40px rgba(205, 205, 205, 0.2);
    box-shadow: 0 16px 40px rgba(205, 205, 205, 0.2);
}

.video-col .more-btn {
    display: block;
    padding: 1em 3em 3em 3em;
    text-align: right;
}

.video-col .more-btn:before {
    width: 31px;
    height: 31px;
    background-image: url(images/circle-arrow-solid@2x.png);
}

.video-gallery .page-top {
    padding-bottom: 0;
}

.video-gallery .shho-block:after {
    width: 100%;
}

.video-gallery .shho-block:after {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.video-gallery .shho-block-left:before {
    padding-bottom: 24%;
}

.video-gallery .shho-block-left:after {
    position: absolute;
    display: block;
    top: 10%;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    content: "";
    z-index: -1;
}


/* shho block new style */

.large-wrapper .shho-block:after {
    width: 100%;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.shho-block-right:after,
.shho-block-left:after {
    position: absolute;
    display: block;
    top: 8em;
    width: 50%;
    height: 100%;
    background-color: #fff;
    content: "";
    z-index: -1;
}

.shho-block-left:after {
    left: 0;
}

.shho-block-right:after {
    right: 0;
}

.pagination {
    text-align: center;
    margin: 3em 0 9em 0;
}

.page-numbers {
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.2;
    color: #38383A;
    border: 1px solid #cccccc;
    width: 48px;
    margin: 0 8px;
    padding: 14px 0;
    border-radius: 15px;
}

.page-numbers:hover {
    border-color: #66B9D5;
}

.page-numbers.current {
    color: #66B9D5;
    border-color: #66B9D5;
}

.page-numbers.disable {
    border: 0;
}

.prev.page-numbers,
.next.page-numbers {
    font-size: 1.8em;
    text-align: center;
}

.prev.page-numbers {
    height: 48px;
    padding-left: 20px;
    background-size: 9px;
    background-image: url(images/page-prev@2x.png);
}

.next.page-numbers {
    height: 48px;
    padding-left: 20px;
    background-size: 9px;
    background-image: url(images/page-next@2x.png);
}

.video-top-block.shho-block {
    padding: 9.6em 0;
}

.video-top-block.shho-block .text-block {
    padding-right: 11%;
    padding-left: 3%;
}

.tab-photo {
    width: 100%;
    padding-bottom: 66.7%;
    border-radius: 24px;
    cursor: pointer;
}

.tab-heading {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2;
    color: #66B9D5;
}

.tab-heading span {
    width: calc(100% - 31px);
}

.tab-heading:before {
    width: 22px;
    height: 22px;
    background-image: url(images/circle-arrow-solid@2x.png);
    margin-right: 8px;
    content: "";
}

.flex .tablinks {
    width: 48%;
}

.flex .tabcontents {
    width: 48%;
}

.tablinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tablink {
    width: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin-bottom: 5%;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.tablink:hover,
.tablink.active {
    opacity: 1;
}

.sub-heading {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.list-section {
    margin-top: 7em;
}

.ls-row>div {
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid #cdcdcd;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.6;
    padding: 15px 0;
}

.ls-row>div:first-child:after {
    bottom: -2px;
    width: 100%;
    height: 3px;
    background-color: #EDE64C;
    content: "";
}

.ls-row>div:last-child {
    padding-left: 6%;
}

.ls-row.blue-border>div {
    border-bottom: 3px solid #66B9D5;
    font-weight: 600;
}

.ls-row.blue-border>div:first-child:after {
    display: none;
}

.ls-row.blue-heading>div {
    border-bottom: 3px solid #66B9D5;
    color: #66B9D5;
    font-weight: 600;
}

.ls-row.blue-heading>div:first-child:after {
    display: none;
}

.ls-row.blue-heading>div:last-child {
    padding-left: 0;
}

.ls-row.no-border:last-child>div {
    border: 0;
}

.ls-row.no-border:last-child>div:first-child:after {
    display: none;
}

.tab-heading {
    padding-top: 1em;
}

@media screen and (max-width: 1400px) {
    .jump-to,
    .inpage-link {
        margin-right: 2em;
    }
}

.why-shho .shho-block-right .shho-block {
    padding: 10em 5em;
}

.full-block {
    padding: 10em 12em;
}


/*
.half-text-wrapper {
  width: 82%;
  max-width: 604px;
  float: right;
}
*/


/* NEW */

.photo-container {
    width: 100%;
    padding-bottom: 67%;
    border-radius: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.shho-block.full {
    padding: 10em 4em;
}

.gallery-top-block h4 {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.5;
}

.gallery-top-block h5 {
    font-size: 2.2em;
    color: #9f9fa3;
    margin-bottom: 1.2em;
}

.photo-col {
    padding: 2.5em;
    border-radius: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 16px 40px rgba(205, 205, 205, 0.2);
    box-shadow: 0 16px 40px rgba(205, 205, 205, 0.2);
}

.photo-col:hover {
    background-color: #66B9D5;
}

.photo-col:hover .pc-category span {
    background-color: #fff;
    color: #66B9D5;
}

.photo-col:hover .pc-title,
.photo-col:hover .pc-date {
    color: #fff;
}

.photo-col:hover .more-btn:before {
    background-image: url(images/circle-arrow-solid-w@2x.png);
}

.photo-col .more-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    text-align: right;
}

.photo-col .more-btn:before {
    width: 31px;
    height: 31px;
    background-image: url(images/circle-arrow-solid@2x.png);
}

.pc-inner {
    height: 100%;
}

.pc-image {
    width: 45%;
}

.pc-thumbnail {
    display: block;
    width: 100%;
    padding-bottom: 67%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 24px;
}

.pc-thumbnail::after {
    left: 10px;
    bottom: 8px;
    width: 45px;
    height: 45px;
    background-image: url(images/gallery-icon@2x.png);
    content: "";
}

.pc-text {
    width: 55%;
    padding: 2em 1em 0 2.5em;
}

.pc-text-inner {
    display: block;
    position: relative;
    height: 100%;
    padding-bottom: 5em;
    padding-top: 2em;
}

.pc-category {
    display: block;
    margin-bottom: 1.5em;
}

.pc-category span {
    display: inline-block;
    padding: 4px 15px;
    color: white;
    background-color: #66b9d5;
    font-size: 2em;
    border-radius: 24px;
}

.pc-title {
    display: block;
    min-height: 4em;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    color: #38383a;
}

.pc-date {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 1.8em;
    color: #9f9fa3;
}

.top-filter {
    padding: 2em 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8em;
}

a.browse-all {
    color: grey;
    display: none;
}

select {
    font-family: "Poppins", sans-serif;
}

.top-filter-text {
    font-size: 2em;
    margin-right: 15px;
}

.top-filter-text:before {
    width: 16px;
    height: 16px;
    background-image: url(images/filter-icon@2x.png);
    margin-right: 5px;
    content: "";
}

.top-filter-select {
    width: 100%;
    padding: 10px 15px;
    border-radius: 8px;
    background: white;
    border: 1px solid #ccc;
}

.photo-gallery-section .grid-1-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.photo-gallery-section .grid-1-2>.grid-col {
    float: none;
}

.top-filter {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.top-filter-right {
    width: 80%;
    text-align: right;
}


/* Custom select */

.select-hidden {
    display: none !important;
    visibility: hidden;
    padding-right: 10px;
}

.custom-selects {
    display: inline-block;
    width: 525px;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 250px;
    margin: 20px 0;
    text-align: left;
}

.custom-select:last-child {
    margin-left: 15px;
}

ul.select-options li:before {
    display: none;
}

.select-styled {
    position: relative;
    background-color: #fff;
    padding: 10px 15px;
    padding-right: 60px;
    border: 1px solid #b0b0b0;
    border-radius: 12px;
    font-size: 2em;
    cursor: pointer;
}

.select-styled:after {
    top: 16px;
    right: 12px;
    width: 18px;
    height: 9px;
    background-image: url(images/dropdown@2x.png);
    content: "";
    position: absolute;
    right: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.select-styled.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select-options li,
.item {
    margin: 0;
    padding: 8px 0;
    text-indent: 15px;
    font-size: 1em;
    cursor: pointer;
}

.select-options li:hover,
.item:hover {
    color: #fff;
    background: #66b9d5;
}

.all-items,
.select-options {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 2em;
    background-color: #fff;
    border: 1px solid #b0b0b0;
    border-radius: 12px;
    z-index: 100;
}


/* End of Custom Select */

.press-name {
    color: #66B9D5;
    padding-right: 15px;
    border-right: 1px solid #9fa1a6;
    margin-right: 15px;
}

.top-filter-left h2 {
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.2;
}

.nb-press-name {
    display: block;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    color: #66B9D5;
    margin-bottom: 0.5em;
}

.news-block.grid-col {
    padding: 3em;
}

.scroll-table {
    width: 100%;
    overflow-x: scroll;
}

.scroll-table table {
    min-width: 575px;
}

.flex-2-col,
.flex-3-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-3-col {
    justify-content: flex-start;
}

.flex-2-col .flex-col {
    width: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin-bottom: 5%;
}

.flex-3-col .flex-col {
    width: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
}

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

.menu-overlay .main-menu-mask {
    opacity: 1;
    /*
  display: block;
  -webkit-animation: fadeInAnimation ease 1s;
          animation: fadeInAnimation ease 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  */
}

.fade>ul {
    opacity: 1;
    /* -webkit-animation: fadeInAnimation ease 1s;
          animation: fadeInAnimation ease 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; */
}


/*
@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
*/


/* MOBILE */

.menu-button,
.language-switcher-mobile,
.fontsize-switcher-mobile,
.header-search-mobile,
.mobile {
    display: none;
}

.tab-2-col {
    overflow: hidden;
}

.tab-2-col .tablink-container {
    width: 48%;
    margin-right: 4%;
}

.tab-2-col .tabcontents {
    width: 48%;
}

.bottom-menu-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 7px;
    -webkit-box-shadow: 0 0px 13px rgba(99, 99, 99, 0.5);
    box-shadow: 0 0px 13px rgba(99, 99, 99, 0.5);
    z-index: 999;
}

.bm-item {
    display: block;
    width: 33%;
    text-align: center;
    padding: 8px 0;
}

.bm-icon {
    width: 20px;
    height: 20px;
    margin: 0 auto 2px;
}

.bm-text {
    display: block;
    font-size: 13px;
    color: #66B9D5;
    font-weight: 500;
}

.bm-icon {
    display: none;
}

.bm-home .bm-icon {
    background-image: url(images/home-icon.png);
}

.bm-home:hover .bm-icon {
    background-image: url(images/home-icon-yellow.png);
}

.bm-home:hover .bm-text {
    color: #EDE64C;
}

.bm-why .bm-icon {
    background-image: url(images/why-shho-icon.png);
}

.bm-why:hover .bm-icon {
    background-image: url(images/why-shho-icon-yellow.png);
}

.bm-why:hover .bm-text {
    color: #EDE64C;
}

.block-images {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 2% 0;
}

.block-images-hall {
    justify-content: space-between;
}

.block-images-style-1 .block-image {
    width: 100%;
    margin-top: 5%;
}

.block-images-hall.block-images-style-1 .block-image {
    margin-bottom: 4%;
}

.block-images-style-2 .block-image {
    width: 48%;
    margin: 4% 4% 0 0;
}

.block-images-hall.block-images-style-2 .block-image {
    width: 48%;
    margin: 0;
}

.block-images-style-3 .block-image {
    width: 32%;
    margin: 2% 2% 0 0;
}

.block-images-style-4 .block-image {
    width: 23.5%;
    margin: 2% 2% 0 0;
}

.block-images-style-1 .block-image:first-child,
.block-images-style-2 .block-image:first-child,
.block-images-style-2 .block-image:nth-child(2),
.block-images-style-3 .block-image:first-child,
.block-images-style-3 .block-image:nth-child(2),
.block-images-style-3 .block-image:nth-child(3),
.block-images-style-4 .block-image:first-child,
.block-images-style-4 .block-image:nth-child(2),
.block-images-style-4 .block-image:nth-child(3),
.block-images-style-4 .block-image:nth-child(4) {
    margin-top: 0;
}

.block-images-style-2 .block-image:nth-child(2n+2),
.block-images-style-3 .block-image:nth-child(3n+3),
.block-images-style-4 .block-image:nth-child(4n+4) {
    margin-right: 0;
}

.block-image img {
    width: 100%;
}

.block-images-hall .block-image img {
    border-radius: 24px;
}

.block-images-rounded .block-image img {
    border-radius: 24px;
}

.shho-block table {
    width: 100%!important;
    height: auto !important;
    table-layout: auto;
}

.main-menu .hide,
.footer-menu .hide,
.bottom-menu .hide {
    display: none !important;
}

.block-text-and-image+.block-text-and-image {
    margin-top: 3%;
}

.block-wrapper a {
    color: #66B9D5;
}


/* ACCORDION */

.accordion-details {
    display: none;
}

.accordion-details h2 {
    margin-bottom: 0.5em;
}

.content-accordion {
    background-color: #fff;
    -webkit-box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
    box-shadow: 0 16px 20px rgba(205, 205, 205, 0.2);
    border-radius: 24px;
    margin-bottom: 40px;
}

.accordion-icon {
    position: relative;
    cursor: pointer;
    padding: 40px;
    color: #66B9D5;
    font-weight: 600;
    line-height: 1.2;
    /* text-transform: uppercase; */
}

.accordion-icon h2 {
    font-size: 3.4em;
    line-height: 1.5;
}

.accordion-icon h2.flex {
    justify-content: flex-start;
    align-items: flex-start;
}

.ai-num {
    padding-right: 0.5em;
}

.accordion-icon:after {
    position: absolute;
    display: block;
    right: 40px;
    top: 50%;
    font-size: 3em;
    line-height: 1;
    content: '\25BC';
    color: #66B9D5;
    transition: all 0.3s ease-in-out;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-icon.active:after {
    color: #707070;
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    transition: all 0.3s ease-in-out;
}

.accordion-icon.active {
    color: #707070;
}

.accordion-details,
.acc-wrapper {
    padding: 20px 40px 40px 40px;
}

.file-doc,
.file-pdf {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.file-doc img,
.file-pdf img {
    width: 100%;
    height: 100%;
}

.restricted-content a {
    background: #66B9D5;
    padding: 20px 30px;
    border-radius: 24px;
    color: white;
    border: 1px solid #66B9D5;
    font-weight: 600;
    transition: background 0.35s ease 0s, color 0.35s ease 0s;
}

.restricted-content a:hover {
    background: white;
    color: #66B9D5;
}

.block-image-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.block-image-caption {
    text-align: left;
    font-size: 2.2em;
    margin-bottom: 1em;
}

.block-image-reverse .block-image-caption {
    margin: 1em 0;
}

.block-images-style-3 .block-image-reverse .block-image-caption,
.block-images-style-4 .block-image-reverse .block-image-caption {
    margin-bottom: 2em;
}

.block-image-caption-hall {
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1em;
}

.block-image-caption-hall-text {
    font-size: 2.2em;
}

.alignright,
img.alignright {
    margin-bottom: 1.5em;
}

.pagination-text {
    padding-bottom: 5em;
}

.pagination-text p {
    font-size: 2.4em;
    text-align: center;
    padding: 0 2em;
}

a.postcard-pagination-link {
    padding: 0 1em;
    color: #66B9D5;
    font-weight: 600;
}

a.postcard-pagination-link.ppl-current {
    color: #cdcdcd;
}

.hall-block-wrapper {
    display: flex;
}

.shho-block-right .hall-block-wrapper {
    flex-direction: row-reverse;
}

.hall-block-image+.hall-block-text {
    width: 50%;
}

.hall-block-image {
    width: 50%;
}

.shho-block-left .hall-block-text {
    padding-left: 6%;
}

.shho-block-right .hall-block-text {
    padding-right: 6%;
}

.shho-block-left .hall-block-image img {
    border-radius: 0 40px 40px 0;
}

.shho-block-right .hall-block-image img {
    border-radius: 40px 0 0 40px;
}

.heading-uppercase {
    text-transform: uppercase;
}

.calendar-section-container {
    padding-bottom: 12em;
}

.calendar-section-container .event-calendar {
    margin-top: 0;
}

.text-block-top {
    padding: 0 0 10em 0;
}

.text-block-top-min {
    margin-top: -4em;
    padding: 0 0 5em 0;
}

.gallery-photos {
    display: flex;
    margin-bottom: 10em;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.gallery-photo {
    width: 23.5%;
    margin: 0 2% 2% 0;
}

.gallery-photo:nth-child(4n+4) {
    margin-right: 0;
}

.gallery-photo-inner {
    display: block;
    height: 0;
    padding-bottom: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* EXTRA - ALL PAGES */

.vs-banner:after,
a.vs-link:hover:before,
a.vs-link:hover:after,
.vs-icon,
.vs-icon-gold,
.vs-title,
.vs-block:before {
    display: block;
}

.vs-banner:after,
.vs-banner h2,
.vs-banner h3,
a.vs-link:hover:before,
a.vs-link:hover:after {
    position: absolute;
}

.vs-banner,
.vs-block,
.vs-block:before,
.vs-video-container .video {
    position: relative;
}

.video-thumbnail,
.vs-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

button.video-cat.active:after,
.vs-icon,
.vs-icon-gold {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.video-header {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.page-videos {
    position: relative;
    padding-bottom: 150px;
}

.video-wrapper {
    max-width: 1080px;
    padding-top: 45px;
}

.page-videos .video-wrapper:first-child {
    padding-top: 0;
    padding-bottom: 0;
}

.large-video {
    position: relative;
    margin-top: 2%;
}

.large-video .video-wrapper {
    padding-bottom: 4%;
}

.alignright {
    text-align: right;
}

a.gold-btn {
    position: relative;
    display: block;
    right: 0;
    width: 160px;
    font-size: 2em;
    text-align: center;
    color: #fff;
    padding: 15px 20px;
    margin: 2% 0;
    border: 0;
    background: #927a36;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6b04b), to(#927a36));
    background: linear-gradient(top, #c6b04b 0%, #927a36 100%);
    background: -webkit-gradient(linear, left top, right top, from(#c6b04b), to(#927a36));
    background: linear-gradient(to right, #c6b04b 0%, #927a36 100%);
    z-index: 2;
}

a.gold-btn span {
    display: block;
    text-align: center;
    font-style: italic;
}

.video-tag {
    position: relative;
    width: 460px;
    background-color: #fff;
    border-left: 36px solid #c8b24d;
    font-size: 3.8em;
    font-family: "Dancing Script", cursive;
    line-height: 1;
    color: #c8b24d;
    padding: 20px 0 20px 30px;
    -webkit-box-shadow: 5px 12px 17px #8c8c8c;
    box-shadow: 5px 12px 17px #8c8c8c;
    z-index: 2;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.large-video-container {
    position: relative;
    width: 95%;
    max-width: 930px;
    padding: 2% 2% 4% 2%;
    margin: auto;
    z-index: 1;
}

.white-frame .large-video-container {
    background-color: #fff;
}

.large-video-container .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.large-video-container .video iframe,
.large-video-container .video object,
.large-video-container .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
}

.video-intro {
    position: relative;
    display: block;
    width: 100%;
    margin: 2% 2% 1%;
}

.video-intro h2,
.video-intro h3 {
    color: #fa9189;
}

.video-intro h3 {
    margin: 0;
    padding-top: 2%;
    font-weight: 400;
}

.large-video-container .video-cat {
    float: right;
    text-align: center;
    margin-right: 4%;
}

.video-categories {
    margin: 5% 0;
    position: relative;
}

.video-categories .video-wrapper {
    padding-top: 0;
}

.video-categories .video-wrapper {
    background-image: url(images/video-cat-bg@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}

.video-tabs {
    position: relative;
    margin-bottom: 2%;
}

.video-tabs button {
    display: inline-block;
    width: 16.2%;
    /*13.8%*/
    vertical-align: middle;
    cursor: pointer;
}

.video-tabs:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #927a36;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6b04b), to(#927a36));
    background: linear-gradient(top, #c6b04b 0%, #927a36 100%);
    background: -webkit-gradient(linear, left top, right top, from(#c6b04b), to(#927a36));
    background: linear-gradient(to right, #c6b04b 0%, #927a36 100%);
}

button.gold-btn {
    position: relative;
    font-weight: 700;
    font-size: 2.2em;
    text-align: left;
    color: #fff;
    padding: 7% 1%;
    border: 0;
    background: #927a36;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6b04b), to(#927a36));
    background: linear-gradient(top, #c6b04b 0%, #927a36 100%);
    background: -webkit-gradient(linear, left top, right top, from(#c6b04b), to(#927a36));
    background: linear-gradient(to right, #c6b04b 0%, #927a36 100%);
}

button.gold-btn:after {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 3%;
    /*content: ">>";*/
    text-align: right;
}

button.gold-btn span {
    position: absolute;
    top: 8%;
    font-size: 1.5em;
}

.video-cat {
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding-bottom: 12%;
    background-repeat: no-repeat;
    background-size: 82%;
    background-position: center top;
    /*&:before {
		display: block;
		width: 100%;
		padding-bottom: 100%;
		background-repeat: no-repeat;
		background-size: 100%;
		content: "";
	}*/
}

.video-cat span {
    position: absolute;
    display: block;
    bottom: 37%;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2;
}

a.video-cat {
    bottom: 37%;
    width: 125px;
    height: 125px;
    background-size: 100%;
    cursor: unset;
}

a.video-cat span {
    font-size: 2em;
}

a.video-cat.video-talks span,
a.video-cat.video-exercises span {
    bottom: 43%;
}

button.video-cat.active:after {
    position: absolute;
    bottom: -11px;
    left: 44%;
    width: 13px;
    height: 13px;
    background-image: url(images/gold-triangle@2x.png);
    content: "";
}

button.video-cat span {
    bottom: 33%;
    /*42*/
}

.video-overview,
button.video-overview {
    background-image: url(images/video-cat-1@2x.png);
    display: none;
}

.video-orientation {
    background-image: url(images/video-cat-2@2x.png);
}

.video-talks {
    background-image: url(images/video-cat-3@2x.png);
}

.video-exercises {
    background-image: url(images/video-cat-4@2x.png);
}

button.video-cat.video-talks span,
button.video-cat.video-exercises span {
    bottom: 41%;
    /*46%*/
}

.video-wellness {
    background-image: url(images/video-cat-5@2x.png);
}

button.video-cat.video-wellness span,
button.video-cat.video-chill-life span {
    bottom: 37%;
    /*45%*/
}

.video-chill-life {
    background-image: url(images/video-cat-6@2x.png);
}

.video-preview {
    position: relative;
}

.video-preview .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.9em;
    font-weight: 900;
    line-height: 1.2;
    background-color: rgba(77, 77, 77, 0.85);
    border: 1px solid #4d4d4d;
    padding: 5%;
    opacity: 0;
}

.video-preview:hover {
    border-color: #4d4d4d;
}

.video-preview:hover .overlay {
    opacity: 1;
}

.video-blocks {
    overflow: hidden;
    border-bottom: 1px solid #c1a52d;
    padding-bottom: 1%;
}

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

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

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

.video-block .video {
    width: 100%;
    height: 208px;
}

.feature-video {
    position: relative;
    /*&:after {
		position: absolute;
		display: block;
		bottom: 0;
		left: -3%;
		width: 100%;
		padding-bottom: 90%;
		content: "";
		background-image: url(images/video-bg-l@2x.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 83%;
	}*/
}

.feature-video:before {
    position: absolute;
    display: block;
    top: 0;
    right: -3%;
    width: 100%;
    padding-bottom: 100%;
    content: "";
    background-image: url(images/simple-video-bg@2x.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100%;
}

.feature-video .large-video-container {
    border: 2px solid #c1a52d;
    background-color: #dfe0e0;
}

.video-header {
    position: inherit;
    width: 95%;
    max-width: 950px;
    margin: auto;
    vertical-align: middle;
}

.video-header a {
    display: table-cell;
    vertical-align: middle;
    cursor: unset;
}

.video-header h2 {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    font-style: italic;
}

.overview h2 {
    color: #fa9189;
}

.orientation h2 {
    color: #ea9562;
}

.talks h2 {
    color: #c799ce;
}

.exercises h2 {
    color: #caae34;
}

.wellness h2 {
    color: #3b6fa7;
}

.chill-life h2 {
    color: #a3b757;
}

.feature-btn {
    display: block;
    position: relative;
    max-width: 357px;
    width: 95%;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.2;
    font-style: italic;
    margin: 3% auto;
    color: #c1a52d;
    background-color: #dfe0e0;
    border: 2px solid #c1a52d;
    padding: 3%;
}

.feature-btn:hover {
    background-color: #c1a52d;
    color: #fff;
}

.related-videos {
    position: relative;
    padding-top: 135px;
}

.related-videos:before {
    position: absolute;
    display: block;
    top: 0;
    right: -3%;
    width: 100%;
    padding-bottom: 75.1%;
    content: "";
    background-image: url(images/videos-bg@2x-backup.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 83%;
}

.related-header {
    position: relative;
    border-bottom: 1px solid #c1a52d;
    padding-bottom: 1%;
    margin-bottom: 2%;
}

.related-header h2 {
    display: inline-block;
    color: #c1a52d;
    margin-bottom: 0;
}

.related-header .gold-btn {
    width: 132px;
    margin: 0;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 20px;
}

.video-categories .video-preview,
.related-videos .video-preview {
    background-color: #dfe0e0;
}

.white-frame {
    position: relative;
    padding-bottom: 5%;
}

.white-frame:before {
    content: "";
    display: block;
    position: absolute;
    top: -131px;
    width: 100%;
    padding-bottom: 100%;
    background-image: url(images/videos-bg@2x-backup.png);
    background-repeat: no-repeat;
    background-size: 1608px;
    background-position: center top;
}

.tabcontent {
    display: none;
}

.video-thumbnail {
    padding-bottom: 56.25%;
}


/* Mobile */

@media screen and (max-width: 1200px) {
    button.video-cat span {
        font-size: 1.2em;
    }
    button.gold-btn {
        font-size: 2.4em;
    }
    .feature-video:before {
        right: 0;
        background-position: bottom center;
    }
}

@media screen and (max-width: 960px) {
    .white-frame:before {
        display: none;
    }
    button.video-cat {
        background-size: 95%;
    }
    button.gold-btn {
        font-size: 1.8em;
    }
    button.video-cat.active:after {
        bottom: -7px;
    }
    button.video-cat span {
        font-size: 1em;
        bottom: 22%;
        /*32*/
    }
    button.video-cat.video-talks span,
    button.video-cat.video-exercises span {
        bottom: 29%;
        /*39*/
    }
    button.video-cat.video-wellness span,
    button.video-cat.video-chill-life span {
        bottom: 27%;
        /*37*/
    }
    .video-header h2 {
        font-size: 2.2em;
    }
}

@media screen and (max-width: 800px) {
    .video-tag {
        width: 60%;
        font-size: 3em;
    }
    a.video-cat span {
        bottom: 48%;
    }
    a.video-cat.video-talks span,
    a.video-cat.video-exercises span {
        bottom: 52%;
    }
    a.video-cat.video-chill-life span,
    a.video-cat.video-wellness span {
        bottom: 48%;
    }
    .video-blocks>.grid-col {
        width: 49%;
    }
    .video-blocks>.grid-col:nth-child(3n + 3) {
        margin-right: 2%;
    }
    .video-blocks>.grid-col:nth-child(3n + 1) {
        clear: unset;
    }
    .video-blocks>.grid-col:nth-child(2n + 2) {
        margin-right: 0;
    }
    .video-blocks>.grid-col:nth-child(2n + 1) {
        clear: both;
    }
    a.video-cat {
        background-size: 84%;
    }
    .video-header h2 {
        padding-bottom: 7%;
    }
}

@media screen and (max-width: 650px) {
    .video-btn {
        overflow: hidden;
        margin-bottom: 3%;
    }
    .video-tag {
        width: 80%;
    }
    .video-intro h2 {
        font-size: 2.5em;
    }
    .video-intro h3 {
        font-size: 2em;
    }
    button.video-cat span {
        font-size: 3.5vw;
        bottom: 29%;
    }
    button.video-cat.video-talks span,
    button.video-cat.video-exercises span {
        bottom: 36%;
    }
    button.video-cat.video-wellness span,
    button.video-cat.video-chill-life span {
        bottom: 34%;
    }
    button.video-cat.active:after {
        display: none;
    }
    .video-tabs button {
        width: 32%;
        position: relative;
        margin-bottom: 3%;
    }
    .video-tabs button.gold-btn {
        width: 210px;
        padding: 10px 20px;
    }
    button.gold-btn span {
        position: inherit;
    }
    button.gold-btn:after {
        bottom: 22%;
    }
    button.video-cat {
        background-size: 82%;
        padding-bottom: 23%;
    }
    .video-tabs button.gold-btn {
        display: block;
    }
    .video-blocks>.grid-col {
        width: 100%;
    }
}


/******* Video Series ********/

.vs-top {
    padding: 5% 0;
}

.vs-banner {
    width: 100%;
    padding-bottom: 45.5%;
    border-radius: 45px;
    overflow: hidden;
}

.vs-banner:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#ffc288), to(#299ad1));
    background: linear-gradient(90deg, #ffc288 0%, #299ad1 100%);
    opacity: .4;
}

.vs-banner h2 {
    top: 50%;
    left: 5%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    font-size: 2.8em;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: 1px 1px 3px #000;
}

.vs-banner h3 {
    top: 62%;
    left: 20%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 3px;
    text-shadow: 1px 1px 3px #000;
    color: #fff;
}

.vs-links {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 2%;
}

a.vs-link {
    position: relative;
    text-align: center;
    color: #000;
    padding: 2.5% 1%;
    border-radius: 45px;
    overflow: hidden;
    width: 18%;
}

a.vs-link:first-child {
    background-color: #FE938C;
}

a.vs-link:nth-child(2) {
    background-color: #E6B89C;
}

a.vs-link:nth-child(3) {
    background-color: #EAD2AC;
}

a.vs-link:nth-child(4) {
    background-color: #9CAFB7;
}

a.vs-link:nth-child(5) {
    background-color: #4281A4;
}

a.vs-link:nth-child(6) {
    background-color: #546aaf;
}

a.vs-link:hover {
    color: #B3A22D;
}

a.vs-link:hover:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 15%, rgba(255, 255, 255, 0) 100%);
}

a.vs-link:hover:after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: #bfa32d;
    background: -webkit-gradient(linear, left top, right top, from(#bfa32d), to(#80621e));
    background: linear-gradient(90deg, #bfa32d 0%, #80621e 100%);
    content: '';
}

.vs-icon,
.vs-icon-gold {
    position: inherit;
    width: 42px;
    height: 42px;
    margin: 0 auto 15px;
    z-index: 2;
    background-position: center center;
}

.vs-icon-gold {
    display: none;
}

.vs-link:hover .vs-icon {
    display: none;
}

.vs-link:hover .vs-icon-gold {
    display: block;
}

.vs-title {
    position: inherit;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    font-style: italic;
    z-index: 2;
}

.vs-block {
    margin: 0 auto;
    padding: 3em 0;
}

.vs-block:last-child {
    padding-bottom: 15em;
}

.vs-block:before {
    width: 1px;
    height: 85px;
    background: #bfa32d;
    background: -webkit-gradient(linear, left top, right top, from(#bfa32d), to(#80621e));
    background: linear-gradient(90deg, #bfa32d 0%, #80621e 100%);
    margin: auto;
    margin-bottom: 3em;
    content: '';
}

.vs-block .vs-icon-gold {
    display: block;
    width: 67px;
    height: 67px;
    background-position: center bottom;
}

.vs-block h3 {
    font-size: 3em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #B3A22D;
}

.vsb-top {
    margin-bottom: 5em;
}

.vsb-content {
    width: 90%;
    max-width: 637px;
    margin: auto;
}

.vsb-quote {
    font-size: 3.3em;
    font-weight: 600;
    line-height: 1.2;
    font-style: italic;
    color: #888;
}

.vsb-name,
.vsb-title {
    font-size: 2.4em;
    font-weight: 300;
    line-height: 1.2;
    font-style: italic;
    text-align: right;
    color: #888;
    margin-bottom: 5px;
}

.vsb-title {
    margin-right: -3%;
}

.vs-video-container .video {
    width: 100%;
    padding-bottom: 56.25%;
}

.vs-video-container .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vs-photo {
    cursor: pointer;
}

.vs-video-blocks {
    text-align: center;
}

.vs-video-block {
    display: inline-block;
    width: 31.5%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    border: 1px solid #BFA32D;
    padding: 1.5%;
    background-color: #D5D5D5;
}

.vs-video-block:nth-child(3n+3) {
    margin-right: 0;
}

.vs-row-1 {
    display: block;
    width: 100%;
    margin-right: 0;
    border: 0;
    padding: 0;
}

.vs-row-1 {
    display: block;
    width: 100%;
    margin-right: 0;
    border: 0;
    padding: 0;
}

.vs-row-2 {
    display: inline-block;
    width: 48.5%;
}

.vs-row-2:nth-child(2n+2) {
    margin-right: 0;
}

.vs-bg {
    background-size: 100%;
    background-repeat: repeat-y;
    background-image: url(images/video-series-bg.jpg);
}

@media (max-width: 885px) {
    .vs-banner h3 {
        top: 67%;
    }
    .vs-video-block {
        width: 48.5%;
    }
    .vs-video-block:nth-child(3n+3) {
        margin-right: 1.5%;
    }
    .vs-video-block:nth-child(2n+2) {
        margin-right: 0;
    }
    .vs-video-block.vs-row-1 {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 650px) {
    a.vs-link {
        display: block;
        padding: 2% 1% 4%;
    }
    .vs-banner h2 {
        font-size: 2.4em;
    }
    .vs-banner h3 {
        top: 73%;
        font-size: 2.4em;
    }
    .vs-block:before {
        height: 65px;
    }
    .vs-video-block {
        display: block;
        width: 100%;
        margin-right: 0;
        border: 0;
        padding: 0;
    }
}

@media (max-width: 450px) {
    .vs-banner h2 {
        font-size: 2em;
    }
    .vs-banner h3 {
        top: 73%;
        font-size: 2em;
    }
}


/* EXHIBITION */

.page-template-page-exhibitions .main {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(images/exhibition-bg@2x.jpg);
}

.page-template-page-exhibitions .page-top {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.page-template-page-exhibitions .page-title,
.page-template-page-exhibitions .breadcrumbs,
.page-template-page-exhibitions .breadcrumbs a,
.page-template-page-exhibitions .breadcrumbs span,
.page-template-page-exhibitions .breadcrumbs span.delimiter {
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.exhibitions-top {
    padding-bottom: 1em;
    border-bottom: 1px solid #B2A12D;
    overflow: hidden;
    margin-bottom: 4em;
}

.exhibitions-top h2 {
    font-size: 3.1em;
    color: #B2A12D;
    font-style: italic;
    margin: 0;
    padding-right: 5px;
}

.et-left {
    display: inline-block;
    vertical-align: top;
}

.et-right {
    display: inline-block;
    float: right;
    vertical-align: top;
}

.exhibition-search-form select {
    height: 35px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    border: 1px solid #fff;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    padding: 5px 10px;
    margin-right: 3px;
    vertical-align: top;
}

.filter-search-submit {
    height: 35px;
    width: 88px;
    background-color: #fff;
    color: #B2A12D;
    text-align: center;
    font-size: 15px;
    padding: 5px 10px;
    cursor: pointer;
}

.el-item,
.collection-details {
    display: flex;
    width: 100%;
    padding-bottom: 12em;
}

.eli-left,
.cd-left {
    width: 30%;
}

.eli-right,
.cd-right {
    position: relative;
    width: 70%;
    border-bottom: 1px solid #B2A12D;
}

.cd-right p {
    text-align: justify;
}

.eli-date {
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    color: #fff;
    font-size: 1.8em;
    padding: 20px 25px;
}

.eli-date span {
    display: block;
}

.eli-tag {
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    background-color: #3B6FA4;
    color: #fff;
    float: right;
}

.eli-poster {
    display: inline-block;
    vertical-align: top;
    width: 55%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 73%;
}

.eli-content {
    display: inline-block;
    vertical-align: top;
    width: 44%;
    padding-left: 5%;
}

.eli-content h2 {
    font-size: 21px;
    font-family: 'Roboto Condensed', sans-serif;
}

.eli-content p {
    font-size: 1.6em;
    text-align: justify;
}

.exhibitions-btn {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    padding: 5px 15px;
}

.back-btn {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    padding: 5px 15px;
    border: 1px solid #fff;
}

.exhibitions-details {
    display: flex;
    width: 100%;
}

.ed-left {
    width: 36%;
    vertical-align: top;
    margin-right: 5%;
}

.ed-right {
    width: 59%;
}

.ed-poster {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 142%;
    background-position: top center;
}

.ed-content h2 {
    font-size: 26px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 2em;
}

.ed-date {
    color: #B2A12D;
    font-size: 22px;
    margin-bottom: 4%;
    overflow: hidden;
}

.ed-venue {
    color: #B2A12D;
    font-size: 22px;
    margin-bottom: 4%;
    overflow: hidden;
}

.ed-date span,
.ed-venue span {
    display: inline-block;
    width: calc(100% - 85px);
    float: right;
}

.ed-venue span {
    font-size: 18px;
}

.ed-date strong,
.ed-venue strong {
    display: inline-block;
    width: 85px;
}

.ed-content p {
    margin-bottom: 2em;
    font-size: 1.6em;
    text-align: justify;
}

.cd-text p {
    text-align: justify;
}

.collection-list {
    margin-top: 5em;
    text-align: center;
    overflow: hidden;
}

.collection-items {
    overflow: hidden;
    width: 100%;
}

.cl-item {
    position: relative;
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    height: 100%;
    font-size: 1.7em;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    transform: .3 ease-in-out;
}

.cl-item:hover:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    z-index: 2;
    content: '';
    opacity: .5;
}

.cl-item:nth-child(3n+3) {
    margin-right: 0;
}

.cl-item:nth-child(3n+1) {
    clear: both;
}

.cl-title {
    position: absolute;
    bottom: 4%;
    left: 3%;
    display: inline-block;
    width: 29%;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    z-index: 3;
}

.cl-preview {
    display: inline-block;
    width: 65%;
    padding-bottom: 78%;
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
}

.collection-list .back-btn {
    margin-top: 5em;
}

.collection-details {
    text-align: center;
    margin-top: 4em;
}

.cd-heading {
    text-align: left;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
}

.cd-heading h2 {
    font-size: 23px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    padding: 20px 40px;
    margin: 0;
}

.cd-content {
    background-color: #fff;
    padding: 20px 40px;
    margin-bottom: 12em;
}

.collection-rows {
    margin: 3em 0 1em 0;
    overflow: hidden;
}

.collection-row {
    position: relative;
    display: inline-block;
    width: 32%;
    padding-bottom: 24.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
    transform: .3 ease-in-out;
}

.collection-row:nth-child(3n+3) {
    margin-right: 0;
}

.collection-row:nth-child(3n+1) {
    clear: both;
}

.cr-overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(190, 162, 45);
    background: linear-gradient(90deg, rgba(190, 162, 45, 1) 0%, rgba(128, 98, 30, 1) 100%);
    text-align: left;
    padding: 15px 20px;
    opacity: .8;
}

.cr-overlay {
    color: #fff;
    font-size: 1.8em;
}

.collection-row:hover .cr-overlay {
    display: block;
}

.collection-details .back-btn {
    margin-top: 7em;
}

.cd-heading {
    padding: 24px;
    color: #fff;
    font-size: 1.8em;
    padding-bottom: 3em;
}

.cd-heading strong {
    display: block;
}

.cd-photo {
    margin-bottom: 5%;
}

.cd-right {
    padding-bottom: 10em;
}

.cd-btns {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgb(128, 98, 30);
    background: linear-gradient(90deg, rgba(128, 98, 30, 1) 0%, rgba(190, 162, 45, 1) 50%, rgba(128, 98, 30, 1) 100%);
    color: #fff;
    font-size: 1.6em;
}

.prev-btn,
.next-btn {
    display: inline-block;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.prev-btn a,
.next-btn a {
    display: block;
    padding: 12px 28px;
    color: #fff;
}

.exhibit-slider-container .bx-wrapper .bx-controls-direction a {
    background-color: rgb(178 161 45);
    width: 45px;
    max-width: 45px;
    height: 45px;
    padding-bottom: 0;
    background-size: 30%;
}

.exhibit-slider-container .bx-wrapper .bx-prev {
    left: 0;
}

.exhibit-slider-container .bx-wrapper .bx-next {
    right: 0;
}

.collections-details {
    text-align: center;
}

.collections-details .cd-heading {
    padding: 0;
}

.page-template-page-exhibitions .header-border span,
.exhibition-template-default .header-border span,
.exhibit-template-default .header-border span,
.tax-exhibit_category .header-border span {
    background: url(images/header-border-middle-2@2x.png) no-repeat center top;
    background-size: 245px 125px;
}

.zh_TW .eli-date span {
    display: none;
}

.member-images {
    overflow: hidden;
    margin-bottom: 0;
}

.mi-bottom {
    display: flex;
    margin-top: -4px;
}

.member-image img {
    width: 100%;
}

.mi-1 {
    float: unset;
    width: 100%;
}

.mi-2,
.mi-4 {
    width: 32%;
}

.mi-3,
.mi-5 {
    width: 18%;
}

.header-corner {
    overflow: unset;
}

.dropdown {
    position: relative;
    cursor: pointer;
    min-width: 70px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 27px;
    width: 100%;
    left: 0;
    background-color: #5e84b2;
    z-index: 99;
}

.dropdown-menu a {
    display: block;
    width: 100%;
    font-size: 1em;
    color: #fff;
    padding: 3px;
}

.dropdown-menu a:hover {
    background-color: #5e84b3;
    color: #fff;
}

.dropdown.active .dropdown-menu {
    display: block;
}

.vs-button {
    text-align: center;
}

.press-details-categories {
    padding-top: 1em;
    border-top: 1px solid #ccc;
    margin-top: 3em;
    font-size: 2.2em;
}

.inpage-link-container {
    flex-grow: 1;
}

.no-posts-message {
    padding-bottom: 10em;
}

.page-template-page-search p {
    font-size: 2.4em;
}

.search-results .content-wrapper h1 {
    display: none;
}

.search-page-form {
    margin-bottom: 7em;
}

.search-page-form input[type="text"] {
    font-size: 2em;
    padding: 10px 20px;
    width: calc(100% - 138px);
}

.search-page-form input[type="submit"] {
    background-image: url(images/search-d@2x.png);
    width: 134px;
    height: 44px;
    text-align: left;
    float: right;
    background-size: 20px;
    text-transform: uppercase;
    background-color: #EDE64C;
    background-repeat: no-repeat;
    background-position: 20px;
    padding-left: 50px;
    font-size: 2em;
    cursor: pointer;
}

.search-page-heading {
    font-size: 3em;
    margin-bottom: 1em;
}

.search-page-count {
    margin-bottom: 2em;
}

.search-result {
    padding: 2% 0;
}

.search-result-title {
    font-size: 2.4em;
}

.search-result-title a {
    color: #38383a;
}

.search-result-link {
    font-size: 1.8em;
}

.search-result-title a:hover {
    color: #66B9D5;
}

.search-everything-highlight-color {
    background-color: #EDE64C!important;
}

.next.page-numbers,
.prev.page-numbers {
    font-size: 0;
}


/* INSTAGRAM FEED */

#sb_instagram {
    padding-bottom: 0 !important;
    /*margin-top: -4%;*/
}

#sb_instagram .sbi_photo_wrap {
    border-radius: 30px!important;
}

#sb_instagram .sbi_photo_wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, rgba(255, 255, 255, 0)), to(#24333b));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 26%, #24333b 100%);
    z-index: 1;
    pointer-events: none;
}

#sb_instagram .sbi_link {
    opacity: 1;
    top: auto;
    bottom: 0;
    padding: 20px 15px !important;
    background: transparent;
}

#sb_instagram .sbi_link.sbi_disable_lightbox {
    display: block !important;
}

#sb_instagram .sbi_hover_top,
#sb_instagram .sbi_hover_bottom {
    position: static;
}

#sb_instagram p.sbi_caption {
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.2;
    padding-top: 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: inherit;
}

#sb_instagram .sbi_hover_bottom p {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
}

#sb_instagram .sbi_date {
    padding: 0;
    margin: 0;
}

#sb_instagram .sbi_date svg {
    display: none;
}

.sbi-theme:not(.sbi-modern, .sbi-overlap)#sb_instagram .sbi_hover_top {
    position: relative!important;
    margin-bottom: 1.5em!important;
}

#sb_instagram svg:not(:root).svg-inline--fa {
    padding: 5px 5px 0 0;
}

.sbi-theme:not(.sbi-modern, .sbi-overlap)#sb_instagram .sbi_hover_top {
    font-size: 10px;
}

.home .le-block .more-btn {
    display: none;
}

.newsletter-unsubscription table th,
.newsletter-unsubscription table td {
    border: 0;
}

.newsletter-unsubscription table th {
    font-size: 2.4em;
    text-align: left;
    width: 120px;
}

.newsletter-unsubscription table td:last-child {
    width: 160px;
}

.newsletter-email {
    font-size: 1.3em;
    padding: 10px 20px;
    width: 100%;
}

.newsletter-submit {
    width: auto;
    height: auto;
    text-align: left;
    background-size: 20px;
    text-transform: uppercase;
    background-color: #EDE64C;
    background-repeat: no-repeat;
    background-position: 20px;
    font-size: 1.4em;
    cursor: pointer;
    padding: 10px 20px;
}

.page-template-page-newsletter a {
    color: #66B9D5;
}


/*.page-template-page-newsletter h1{	
	display:none;
	position: relative;
    color: #66B9D5;
    font-size: 5em;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.page-template-page-newsletter h1:before {
    position: absolute;
    left: -35px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    margin-top: 18px;
    margin-right: 15px;
    background-color: #EDE64C;
	margin-bottom:0.5em;
    content: "";
}*/

.page-template-page-newsletter .content-wrapper h1,
.content-unsubscribe p {
    display: none;
}

.page-template-page-newsletter .content-wrapper {
    padding-bottom: 150px;
}

.page-template-page-newsletter .content-wrapper p {
    font-size: 2.2em;
}

.content-unsubscribe {
    padding: 20px 0 100px 0;
}

.content-unsubscribe .sec-heading {
    display: none;
}

p.red {
    display: block;
    color: #D64045;
}

.img-blocks .full-width {
    margin-top: 1.5em;
}

.img-blocks .full-width:first-child {
    margin-top: 0;
}

.shho-block-right .flex>.img-block img {
    border-radius: 40px 0 0 40px;
    top: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.shho-block-right .flex>.img-block .block-image-caption {
    clear: both;
}

.grey-theme .blue-block:before,
.grey-theme .yellow-block:before {
    background-color: #ebebeb;
}

.page-template-page-accordions .page-top .block-wrapper {
    width: 100%;
    max-width: 1752px;
    margin: auto;
}

.text-block {
    position: relative;
}

.middle-text {
    position: absolute;
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.middle-text h2 {
    font-size: 2.604vw;
}

.blue-text {
    color: #66B9D5;
}

.contact-row {
    margin-bottom: 10px;
}

.contact-icon {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    width: 28px;
    height: 28px;
}

.contact-qrcode {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
}

.contact-link {
    font-size: 2em;
    width: 100%;
}

.contact-details {
    width: calc(100% - 60px);
}

.contact-link-text {
    font-size: 2em;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.contact-rows {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3em;
}

.contact-rows .contact-row {
    width: 28%;
}

.contact-rows .contact-row:nth-child(2) {
    width: 40%;
}

.contact-row .contact-icon {
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.contact-row .contact-details {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 40px);
}

.text-image-card {
    margin-bottom: 2em;
}

.text-image-cards {
    margin: 5em 0 3em 0;
}

.text-image-card .tab-photo {
    position: relative;
    cursor: unset;
}

.text-image-card .tab-photo img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    border-radius: 24px;
}

.ti-heading {
    font-size: 3em;
    font-weight: 500;
    color: #66B9D5;
    margin: 0.5em 0;
}

.scroll-animation {
    transform: translateY(150px);
    -ms-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
    -ms-transition: 1s all ease;
}

.scroll-animation.active {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1;
}

.admission-icons .social-icon {
    width: 55px;
    height: 55px;
    /* border: 2px solid; */
    border-radius: 55px;
    background-size: 30px;
    margin-right: 15px;
    background-color: #fff;
    box-shadow: 1px 3px 6px #c3c3c3;
    cursor: pointer;
}

.admission-icons .social-icon:hover {
    box-shadow: 1px 1px 3px #c3c3c3;
}

.home-sticky-btns {
    position: fixed;
    top: 220px;
    right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0px;
    z-index: 12;
    /* transform: rotate(-90deg);*/
}

.home-right-btn {
    position: relative;
    display: block;
    background-color: rgba(102, 185, 213, 0.8);
    color: #fff;
    width: auto;
    text-align: center;
    align-items: center;
    padding: 10px;
    font-weight: 500;
    font-size: 2.1em;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 12px;
    border-radius: 120px;
    width: 100px;
    height: 100px;
	z-index:3;
}

.home-right-btn span {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: capitalize;
}

.home-right-btn:hover {
    background-color: rgba(237, 229, 78, 0.8);
    color: #000;
}

.en_US .home-right-btn {
    font-size: 1.8em;
}

.half-text-wrapper .primary-btn span { 
    text-align: left;
}
.half-text-wrapper .primary-btn {
margin-bottom: 2em;

}
.page-template-page-admission .flex>.img-block,.page-template-page-admission .shho-block p{
	 position: relative;
    z-index: 9;
}
.page-template-page-admission .primary-btns{
    position: relative;
    z-index: 10;
}
.bottom-menu-mobile .flex{
	    align-items: center;
}

.page-template-page-accordions .text-block h4{
margin-bottom:8px;
}

.page-template-page-accordions .text-block p{
margin-bottom:5px;
}

.content ol{
margin-left:3em;
}

.page-template-page-accordions .shho-block-right:after, .page-template-page-accordions .shho-block-left:after {
	top: 8em;
    height: calc(100% - 13em);
}