@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
body {
    color: #000;
    font-family: 'Poppins', sans-serif;
    word-spacing: 0;
    font-weight: normal;
    font-weight:400;
}

*[data-toggle="modal"] {
    cursor: pointer;
}

.text-SemiBold {
    font-weight:600;
}

.text-bold {
    font-weight:700; /*bold*/
}

.text-primary {
    color: #041a9b  !important;
    font-family: Poppins !important;
    font-weight:600;
}

.text-black {
    color: #333333;
}

.text-violet {
    color: #810d70 !important;
}

.text-yellow {
    color: #fcd532;
}

.text-blue {
    color: #063a5c;
}

.text-gray {
    color: #d8d8d8;
}

.text-red {
    color: red;
}

.text-lg {
    font-size: 30px;
}

.text-md {
    font-size: 18px;
}

.text-sm {
    font-size: 12px;
}

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

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

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

.text-35 {
    font-size: 35px;
}

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

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

.bg-primary {
    background-color: #041a9b  !important;
}

.bg-violet {
    background-color: #041a9b  !important;
}

.bg-green {
    background-color: #33c233 !important;
}

.bg-gules {
    background-color: #ff365d !important;
}

.bg-yellow {
    background-color: #fcd532 !important;
}

.bg-black {
    background-color: #333 !important;
}

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

.bg-blue {
    background: #1e3a66 !important;
}

a {
    color: #333;
}

a:hover {
    color: #041a9b;
}

a:focus, button:focus {
    outline: none !important;
    box-shadow: none !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: purple !important;
}

a.btn {
    height: 60px;
    line-height: 60px;
    min-width: 200px;
    padding: 0 30px;
    border-radius: 0;
    font-size: 18px;
}

button, .btn, [class^='btn-'] {
    text-transform: capitalize;
    font-family: Poppins
}

a.btn img {
    margin-left: 30px;
}

.pointer {
    cursor: pointer;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/icon_select_bottom.png) no-repeat scroll right center transparent;
    background-size: 16px;
    background-position-x: calc(100% - 16px);
    border: none !important;
    border-radius: 0 !important;
    padding-right: 36px !important;
}


select::-ms-expand {
    display: none;
}

.input-basic {
    padding: 15px;
    background: #fff;
    border-radius: 0;
    border: none;
    color: #333;
    font-size: 18px;
}

.input-basic::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
}

.input-basic::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
}

.input-basic:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
}

.input-basic:-moz-placeholder { /* Firefox 18- */
    color: #999999;
}

.input-basic:focus {
    background-color: #ececec;
}

/*input[type="checkbox"]:not(.newcheckbox) {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    margin-right: 15px;
    border: none;
}

input[type="checkbox"]:not(.newcheckbox)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

input[type="checkbox"]:not(.newcheckbox):hover::before {
    background-color: #ececec;
}

input[type="checkbox"]:not(.newcheckbox):checked::before {
    content: '×';
    font-size: 33px;
    line-height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #333;
}
*/
input[type="radio"] {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    margin-right: 15px;
}
/*
input[type="radio"]:not(.newcheckbox)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

input[type="radio"]:not(.newcheckbox):hover::before {
    background-color: #ececec;
}

input[type="radio"]:not(.newcheckbox):checked::before {
    content: '•';
    font-size: 66px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #333;
}
*/
.form-control:focus {
    border: none;
    outline: 0;
    box-shadow: none;
}

.form-control.input-basic {
    height: auto;
}

textarea.form-control {
    min-height: 120px;
}

.card .title {
    font-size: 28px;
    font-family: Poppins; /*bold*/
}

.card {
    border: none;
    border-radius: 0;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-20 {
    margin-right: 20px;
}

.m-right-30 {
    margin-right: 30px;
}

.p-30 {
    padding: 30px;
}

.border-bottom {
    border-bottom: solid 1px #e5e5e5;
}

.border-top {
    border-top: solid 1px #e5e5e5;
}

.border-left {
    border-left: solid 1px #e5e5e5;
}

.border-rigth {
    border-right: solid 1px #e5e5e5;
}

.m-30 {
    margin: 30px;
}

.row [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.row {
    overflow: hidden;
}

@media (max-width: 767px) {
    .row [class*="col-"] {
        margin-bottom: initial;
        padding-bottom: initial;
    }

    .row {
        overflow: hidden;
    }

    .bg-yellow.attend-events .row [class*="col-"]:not(:last-child) {
        margin-bottom: 30px;
    }
}

.btn-primary {
    /*min-width: 200px;*/
    min-width: auto;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border: none;
    background-color: #041a9b ;
    font-size: 18px;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #041a9b !important;
    color: #fff !important;
    box-shadow: none;
}

.btn-primary::after {
    content: '';
    float: right;
    margin-left: 0px;
    margin-top: 0px;
}

.btn-basic {
    min-width: 175px;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border: none;
    background-color: #041a9b ;
    font-size: 18px;
    color: #fff !important;
}

.btn-basic:hover {
    background-color: #041a9b !important;
    color: #fff !important;
    box-shadow: none;
}

.btn-secondary {
    min-width: 200px;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border: none;
    background-color: #ffffff;
    font-size: 18px;
    color: #333333;
}

.btn-secondary::after {
    content: '';
    float: right;
    margin-left: 0px;
    margin-top: 0px;
}

.btn-secondary:hover {
    background-color: #ececec !important;
    color: #333;
    box-shadow: none;
}

.btn-secondary-basic {
    min-width: 200px;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border: none;
    background-color: #ffffff;
    font-size: 18px;
    color: #333333;
}

.btn-secondary-basic:hover {
    background-color: #ececec !important;
    color: #333;
    box-shadow: none;
}

@media only screen and (max-width: 479px) {
    .btn-secondary::after, .btn-primary::after {
        margin-left: 10px;
    }

    .btn-secondary, .btn-basic, .btn-primary, .btn-secondary-basic {
        padding: 0 10px;
    }
}

.word-spacing-4 {
    word-spacing: -4px
}

.ad-banner {
    background-color: #eeeeee;
    padding: 0;
    overflow: hidden;
}
.ad-banner.image {padding:20px;}
.ad-banner img, .ad-banner ins.dcmads {
    width: 100% !important;
    max-width: 100%;
    margin: auto;
    height: auto;

}

/*.ad-banner ins.dcmads {*/
/*width: 100%;*/
/*max-width: 970px;*/
/*margin: auto;*/
/*}*/

.breadcrumb {
    background: none;
    padding-left: 0;
    padding-top: 30px;
    color: #fff;
    font-family: Poppins;
    font-size: 12px;
}

.breadcrumb i {
    font-size: 20px;
}

.breadcrumb a, .breadcrumb-item.active {
    color: #fff !important;
    line-height: 21px;
}

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

.breadcrumb-basic {
    background: none;
    padding-left: 0;
    color: #333333;
    font-family: Poppins;
    font-size: 12px;
}

.breadcrumb-basic i {
    font-size: 20px;
    color: #041a9b ;
}

.breadcrumb-basic a {
    color: #333333 !important;
    line-height: 21px;
}

.breadcrumb-item {
    line-height: 21px;
    text-transform: capitalize;
}

.breadcrumb-basic .breadcrumb-item.active {
    color: #666666 !important;
    line-height: 21px;
}

.breadcrumb-basic .breadcrumb-item + .breadcrumb-item::before {
    color: #adadad;
    content: ">";
}

/*——————————————————header start——————————————————————————*/

.header-logo-box {
    padding: 20px 0;
    font-size: 12px;
    position: relative;
}

.header-logo-box .icon-search, .header-logo-box .icon-mine {
    height: 20px;
    width: 20px;
}

.header-logo-box img {
    height: 40px;
}

.header-logo-box [class^='float-'] {
    padding-top: 12px;
}

.header-logo-box .float-right {
    position: absolute;
    right: 0;
    top: 21px;
}

.header-logo-box .float-left {
    position: absolute;
    left: 0;
    top: 21px;
}

.header-logo-box a {
    color: #333;
    margin-left: 15px;
}

.header-logo-box a:hover {
    color: #041a9b ;
}

.header-nav {
    justify-content: center;
    padding: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

header:not(.header-sm) .header-nav .navbar-nav .dropdown-menu {
    top: 100%;
    width: 100%;
    min-height: 600px;
    max-height: 700px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
    border: solid 1px #979797;
    border-radius: 0;
    padding: 40px;
    margin: 0;
    overflow-y: auto;
}

.header-nav .dropdown-toggle::after {
    display: none;
}

header:not(.header-sm) .header-nav .nav-link {
    position: relative;
    /*background-color: #ffffff;*/
    box-shadow: 0 0 10px 0 transparent;
    border: solid 1px transparent;
    border-bottom: none;
    cursor: pointer;
}

.header-nav .nav-item.show .nav-link::before {
    content: '';
    position: absolute;
    height: 15px;
    background: #fff;
    bottom: -2px;
    width: 100%;
    z-index: 1001;
    left: 0;
}

header:not(.header-sm) .header-nav .nav-item.show .nav-link {
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
    border: solid 1px #979797;
    margin-top: -1px;
}

.header-nav .nav-link {
    padding: 14px 14px !important;
    font-size: 16px;
    font-family: Poppins;
    font-weight:600;
}

.header-nav .btn-menu {
    width: 50%;
    color: #333333;
    text-align: left;
    font-size: 18px;
    font-family: Poppins;
}

.header-nav .nav-title-box {
    display: flex;
    width: 72%;
    padding-top: 30px;
    padding-left: 30px;
    text-transform: capitalize;
}

.header-nav .nav-title-box div {
    display: inline-block;
    width: 50%;
    padding-right: 20px;
    padding-left: 30px;
    vertical-align: top;
    font-size: 12px;
    font-family: Poppins; /*bold*/
}

.header-nav .nav-title-box div p:last-child {
    margin-bottom: 0;
}

.header-nav .nav-title-box.publications div:nth-last-child(2) {
    width: 30%;
}

.header-nav .nav-title-box.publications div:last-child {
    width: 20%;
}

.header-nav .nav-title-box.publications div:first-child {
    width: 50%;
}

@media (min-width: 992px) {
    .header-nav .event .btn-menu, .header-nav .event .nav-title-box {
        width: 23%;
    }

    .header-nav .event .nav-title-box div {
        width: 100%;
    }

    .header-nav .event .nav-right {
        width: 70%;
    }
}

.header-nav .nav-right {
    position: absolute;
    right: 30px;
    top: 40px;
    z-index: 10;
    width: 25%;
    height: calc(100% - 80px);
    padding-left: 30px;
    padding-right: 30px;
    border-left: solid 1px #ccc;
}

.nav-right-subtitle {
    font-size: 18px;
    margin-bottom: 30px;
}

.header-sm {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
}

.icondm-md-close {
    display: none;
}

.header-sm .icondm-md-menu {
    display: none;
}

.header-sm .icondm-md-close {
    display: block;
    padding-left: 20px;
}

.header-sm .header-search-sm {
    display: block;
}

.header-search-sm {
    display: none;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: none !important;
}

.header-search-sm input {
    height: 40px;
    background-color: #eeeeee;
    box-shadow: none;
    border: none;
    width: 100%;
    margin-top: 30px;
    padding: 10px;
    font-size: 18px;
}

.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.header-fixed .header-logo-box {
    border-bottom: none;
}

.header-fixed .header-nav {
    border-bottom: none;
}

.header-sm .header-nav {
    display: block;
    overflow-y: auto;
    align-items: flex-start;
    height: calc(100% - 203px);
    border: none;
    padding-bottom: 30px;
}

.header-sm .navbar-nav {
    width: 100%;
}

.header-sm .header-nav .nav-link {
    width: 100%;
    text-align: left;
    padding-left: 0 !important;
}

.header-sm .header-nav .nav-item {
    position: relative;
}

.header-sm .header-nav .nav-item.show::after {
    display: none;
}

.header-sm .header-nav .nav-item.show::before {
    content: url("../images/icon_bottom.png");
    position: absolute;
    right: 10px;
    top: 18px;
    z-index: 10;
}

.header-sm .header-nav .nav-item::after {
    content: '';
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 25px;
    width: 8px;
    height: 8px;
    background-color: #041a9b ;
}

.header-sm .header-nav .nav-item:not(:last-child) .nav-link {
    border-bottom: solid 1px #ccc;
}

.header-sm .header-nav .nav-item.show .nav-link {
    background-color: #ffffff;
    box-shadow: none;
    border: none;
    margin-top: 0;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.header-sm .header-nav .navbar-nav .dropdown-menu {
    top: 100%;
    width: 100%;
    min-height: initial;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
}

.header-sm .header-nav .btn-menu, .header-sm .header-nav .nav-title-box {
    width: 100%;
}

.header-nav .nav-title-box div {
    padding-left: 0;
}

.input-search {
    position: relative;
}

.input-search .icon-search {
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 10;
}

@media (max-width: 1199px) {
    .header-logo-box img {
        height: 24px;
        /*margin-right: 30px;*/
    }

    .header-logo-box .float-right {
        top: 24px;
    }

    .header-logo-box .float-left {
        top: 20px;
    }

    .header-logo-box [class^='float-'] {
        padding: 0;
    }

    .header-logo-box [class^='icondm-'] {
        font-size: 30px;
    }
}

@media (max-width: 767px) {

    .header-logo-box {
        border-bottom: 1px solid #ccc;
    }

    .header-logo-box a {
        margin: 0;
    }

    .header-nav {
        display: none;
    }

    .header-sm .header-nav {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100% - 80px);
    }

    .header-sm .max-width {
        padding: 0;
    }

    .header-sm nav {
        padding: 0 20px;
    }

    .header-sm .header-logo-box:not(.header-search-sm) {
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border-bottom: none
    }

    .header-nav .navbar-nav {
        flex-direction: column;
    }

    .header-logo-box .icon-mine {
        height: 22px;
        width: 22px;
        margin-top: 4px;
    }
}

/*——————————————————header end——————————————————————————*/

.page-content {
    /*max-width: 1110px;*/
    position: relative;
}

.to-the-top {
    cursor: pointer;
    position: fixed;
    z-index: 99;
    display: none;
    bottom: 50px;
    right: 22px;
    padding: 10px 20px;
    color: white;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
}

.max-width {
    /*max-width: 1110px;*/
    max-width: 90%;
    margin: auto;
}

.page-content section {
    padding-top: 30px;
    padding-bottom: 50px;
}

@media (max-width: 1199px) {
    .max-width {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.image-box {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.7%;
}
.speakers .image-box{padding-bottom: 100%;}
.viemo .image-box{padding-bottom: 86.7%;}
.image-box.box-primary:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    /* background: rgba(240, 89, 33, .15); */
}

.image-box.box-gules:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(255, 54, 93, 0.3);
}

.image-box.box-violet:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(129, 13, 112, 0.3);
}

.image-box.box-green:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(51, 194, 51, 0.3);
}

.image-box.box-yellow:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(252, 213, 50, 0.3);
}

/* add by wah 20240920 */
.image-box.box-orange:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(255,87,51,0.3);
}

.image-box.box-red:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(255,0,0,0.3);
}

.image-box.box-navy-blue:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(0,0,128,0.3);
}

.image-box.box-light-blue:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(173,216,230,0.3);
}
/* add by wah 20240920 end */
.passt-event .image-box .image{
    object-fit: contain;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.passt-event .image-box{padding-bottom: 57%;}
.upcoming-part .passt-event .card-footer{height:120px;}
.about-part-us .image-box {padding-bottom: 52.7%;}
.image-box .image {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*object-position: center;*/
    object-position: top;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.image.default-Img {
    width: 40px !important;
    height: 40px !important;
    margin: auto;
}

.image.logo-hubbis {
    object-fit: contain;
    width: 60% !important;
    margin: auto;
}

.default-Img {
    width: 40px !important;
    height: 40px !important;
    margin: auto;
}

.profiles-box {
    padding-top: 30px;
    text-align: left;
}

.profiles-box .title {
    font-size: 18px;
    margin: 10px 0 6px;
}

.profiles-box p:not(.title):not(.subtitle) {
    font-family: Poppins; /*bold*/
}

.profiles-box .subtitle {
    font-size: 14px;
}

.profiles-box .avatar-lg + div .title {
    font-family: Poppins; /*bold*/
    font-size: 24px;
}

.right-more-list {
    padding-left: 50px;
}

.right-more-list .text-left .offset-top-30 {
    margin-bottom: 30px;
}

.right-more-list img {
    width: 100%;
    max-width: 444px;
}

.right-more-list .header {
    margin: 0;
}

.right-more-list .header, .right-more-list .footer {
    font-size: 12px;
}

.right-more-list .footer {
    margin-bottom: 20px;
    font-family: Poppins; /*bold*/
}

.right-more-list .card + .card {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.right-more-list .body {
    margin-bottom: 10px;
    margin-top: 8px;
    font-size: 16px;
    font-family: Poppins;
    font-weight:500;
}

.right-more-list a.text-violet.d-block {
    font-family: Poppins;
}

@media (max-width: 900px) {
    .right-more-list {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .right-more-list {
        padding-left: 0;
        padding-top: 50px;
    }

    .page-news-detail .right-more-list {
        padding-top: 20px;
    }

    .profiles-box {
        flex-wrap: wrap;
    }

    .profiles-box .avatar-lg {
        margin-bottom: 1rem;
    }
}

.special-avatar {
    position: relative;
    /*border: 3px solid #041a9b ;*/
    border: 1px solid #e5e5e5;
    margin-right: 20px;
    overflow: hidden;
}

.special-avatar img {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    /*object-position: center;*/
    vertical-align: middle;
}

.special-avatar p {
    margin-bottom: 0;
}

.special-avatar:after {
    /*content: url("../images/icon_special_avatar.png");*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*z-index: 10;*/
    /*width: 18px;*/
    /*height: 18px;*/
    content: '';
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 5px;
}

.special-avatar.avatar-sm:after {
    width: 12px;
    height: 12px;
    content: '';
    background-image: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    right: 4px;
    bottom: 8px;
}

.avatar-sm {
    display: flex;
    width: 65px;
    height: 65px;
    flex-shrink: 0;
}

.avatar-lg {
    display: flex;
    /*width: 125px;
    height: 125px;*/
    width: 255px;
    height: 170px;
    flex-shrink: 0;
}

.avatar-xl {
    display: flex;
    /*width: 155px;
    height: 155px;*/
    width: 255px;
    height: 170px;
    flex-shrink: 0;
    max-width: 100%;
}

/*wenjun 2020-01-12*/
.avatar-xl img {
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 15%;
    right: 0;
    bottom: 0;
    width: 70%;
    height: calc(100% - 2px);
    object-fit: cover;
    /*object-position: center;*/
    object-position: top;
    vertical-align: middle;
}

.avatar-lg img {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 15%;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    object-fit: contain;
    /*object-position: center;*/
    object-position: top;
    vertical-align: middle;
}

.icon-lattice {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 37px;
    margin: 0 5px;
    font-size: 22px;
}

.icon-lattice img {
    width: 24px;
}

.feature-content {
    display: inline-block;
    width: 50%;
    margin: auto;
    padding: 0 30px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.feature-left, .feature-right {
    width: 25%;
}

.feature-left {
    padding-right: 30px;
    /*border-right: 1px solid #ccc;*/
}

.feature-right {
    padding-left: 30px;
    /*border-left: 1px solid #ccc;*/
}

.feature-box {
    margin-bottom: 30px;
    line-height: 0;
}

.feature-box:last-child {
    margin-bottom: 0;
}

.feature-box + .feature-box {
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.feature-box p {
    margin: 0;
    text-align: left;
    line-height: 30px;
}

.feature-box .header, .feature-box .footer {
    line-height: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px;
}

.feature-box .body {
    font-size: 18px;
    font-family: Poppins;
    font-weight:500;
}

.feature-box .footer {
    margin-top: 16px;
    font-family: Poppins; /*bold*/
}

.feature-content .feature-box .body .title {
    margin-bottom: 15px;
    line-height: 40px;
    font-size: 28px;
    font-family: Poppins; /*bold*/
    font-weight:600;
}

.feature-content .feature-box .body .subtitle {
    font-family: Poppins;
    font-weight: 500;
}

.feature-content .feature-box .body {
    font-size: 18px;
}

.feature-content .feature-box .header {
    margin-top: 20px;
}

.feature-content .float-lg-left {
    width: 66%;
}

.feature-content .float-lg-right {
    width: 33%;
}

.feature-content .feature-box .float-lg-left .header {
    margin-top: 0;
}

@media (max-width: 959px) {
    section.feature-part {
        padding-bottom: 30px;
    }

    .feature-content {
        display: block;
        width: 100%;
        border: none;
        padding: 0;
    }

    .feature-content .feature-box .float-lg-left .header {
        margin-top: 30px;
    }

    .feature-content .float-lg-right, .feature-content .float-lg-left {
        width: 100%;
    }

    .feature-left, .feature-right {
        width: 100%;
        padding: 0;
        border-top: 1px solid #e5e5e5;
        padding-top: 30px;
    }

    .feature-box:last-child {
        margin-bottom: 30px;
    }

    .feature-box .footer {
        margin-bottom: 0;
    }
}

.part-header {
    position: relative;
    padding: 18px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.part-header img {
    height: 46px;
    width: auto;
    margin-right: 24px;
}

.part-header .title {
    font-size: 35px;
    font-family: Poppins; /*bold*/
    font-weight:700;
    text-transform: capitalize;
}

.part-header a.text-sm {
    position: absolute;
    right: 0;
    padding: 0;
    top: calc(50% - 10px);
    font-size: 16px;
    font-family: Poppins;
}

.part-subtitle {
    font-size: 18px;
    line-height: 28px;
    padding: 20px 10px 10px;
    max-width: 85%;
    margin: auto;
    margin-bottom: 0;
    font-family: Poppins;
}

.upcoming-part .card {
    position: relative;
    margin-top: 30px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}

.upcoming-part .date {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 12;
    width: 55px;
    height: 58px;
}

.upcoming-part .date .month {
    height: 22px;
    font-size: 12px;
    line-height: 18px;
    background-color:#041a9b;
    text-transform:uppercase;
    font-weight:500;
    color:#fff;
    padding:2px 0;
}
.upcoming-part .date .month.bg-white{
    background-color:#041a9b !important;

}

.upcoming-part .date .day {
    height: 36px;
    line-height: 36px;
    font-size: 22px;
}

.upcoming-part .card-footer {
    height: 180px;
    border-radius: 0 !important;
    background-image: url(../images/width_200.png);
    text-align:left;
}

.upcoming-part .card .title {
    font-family: Poppins;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.upcoming-part .card .subtitle {
    font-family: Poppins; /*bold*/
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    margin: auto;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}

.header a {
    font-family: Poppins;
     line-height: 1;
    color: #000 !important;
    background-color: #ffd600;
    padding: 5px 10px;
}
.right-more-list .header span {
    font-family: Poppins;
    line-height: 1;
    color: #000 !important;
    background-color: #ffd600;
    padding: 5px 10px;
}
.videos-part .videos-row {
    margin-right: -30px;
    margin-left: -30px;
}

.videos-part .videos-col {
    margin-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
}

.videos-part .videos-col + .videos-col {
    border-left: 1px solid #e5e5e5;
}

.videos-part .card {
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

.videos-part .card-footer {
    height: 180px;
    border-radius: 0 !important
}

.videos-part .header {
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.videos-part .header a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.videos-part .header, .videos-part .footer {
    line-height: 14px;
    font-size: 12px;
}

.videos-part .footer {
    margin-top: 16px;
    margin-bottom: 0;
    font-family: Poppins; /*bold*/
}

.videos-part .body {
    margin-bottom: 0;
    font-size: 18px;
    font-family: Poppins;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: center;
    font-weight: 500;
    margin-top:10px;
}

.videos-part .body > a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.videos-part .btn-trash {
    position: absolute;
    top: 0;
    z-index: 12;
    right: 0;
    height: 36px;
    width: 56px;
    text-align: center;
    line-height: 37px;
    font-size: 22px;
    margin: 0;
    background: #ddd;
    color: #999;
}

.btn-trash:hover {
    background: #ccc;
    color: #999;
}

@media (max-width: 767px) {
    .videos-part .videos-col + .videos-col .card .btn-trash {
        top: 30px;
    }

    .upcoming-part .card-footer {
        height: auto;
        padding-bottom: 30px;
    }
}

.highlights-part .highlights-row {
    margin-right: -30px;
    margin-left: -30px;
}

.highlights-part .highlights-col {
    margin-top: 30px;
    /*margin-bottom: 30px;*/
    padding-right: 30px;
    padding-left: 30px;
}

.highlights-part .highlights-col + .highlights-col {
    border-left: 1px solid #e5e5e5;
}

.highlights-part .card {
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

.highlights-part .card-footer {
    height: 180px;
    border-radius: 0 !important
}

.highlights-part .header {
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.highlights-part .header, .highlights-part .footer {
    line-height: 14px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.highlights-part .footer {
    margin-top: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.highlights-part .body {
    margin-bottom: 0;
    font-size: 20px;
    font-family: Poppins;
}

.highlights-part .body a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gallery-image-box {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: rgba(240, 89, 33, .15);
}

.gallery-image-box .image {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    /*object-position: 38.2% center;*/
    cursor: pointer;
}

.event-gallery {
    padding-top: 30px;
}

.event-gallery + .event-gallery {
    padding-top: 6px;
}

.event-gallery .row {
    margin-right: -3px !important;
    margin-left: -3px !important;
}

.event-gallery .row [class^='col-'] {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.about-part.bg-yellow {
    padding: 70px 0;
}

.about-part .about-detail-left {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 40px;
    text-align: left;
    font-family: Poppins; /* Extralight */
}

.about-part .about-detail-left .title {
    line-height: 40px;
    font-size: 35px;
    font-family: Poppins
}

.about-part .about-detail-left .subtitle {
    margin-bottom: 30px;
    font-size: 20px;
}

.about-part .about-detail-right .image-box {
    padding-bottom: 0;
    height: 100%;
}

/*.partners-col{*/
/*position: relative;*/
/*}*/
.partners-box {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 66.67%;
    margin-top: 30px;
}

.partners-detail {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 30px;
    /*background-color: #eeeeee;*/
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}

.partners-detail::after {
    content: '';
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 5px;
}

.partners-detail img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    /*width: 100%;*/
}

.news-all-row {
    width: 80%;
    margin: auto;
}

.news-all-row .col-sm-4 {
    line-height: 1;
}

.news-all-row .row {
    margin-top: 30px;
    /*border-bottom: solid 1px #e5e5e5;*/
}

.news-all-row .img-box-shadow {
    margin-top: 7px;
}

.news-all-row .row::after {
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background: #e5e5e5;
    margin: auto;
    margin-top: 30px;
}

.news-all-row .row:last-child::after {
    display: none;
}

.news-all-row .header, .news-all-row .footer {
    margin-bottom: 0;
    font-size: 12px;
}

.news-all-row .footer {
    line-height: 12px;
    margin-top: 0;
    font-family: Poppins;
}

/*.news-all-row .footer span:last-child{*/
/*font-family: Poppins;*/
/*}*/
.news-all-row .footer span + a {
    font-family: Poppins; /*bold*/
}

.news-all-row .footer a {
    font-family: Poppins; /*bold*/
}

.news-all-row .body {
    margin: 10px 0;
    font-size: 20px;
    font-family: Poppins;
}

.news-all-row-date {
    font-family: Poppins;
}

.text-spot {
    padding: 0 12px;
}

.contact-icon-list a:not(:first-child) {
    margin-top: 10px;
}

p.first-letter {
    position: relative;
    padding: 30px 66px 30px 86px;
    border-bottom: 3px solid #041a9b ;
    border-top: 3px solid #041a9b ;
    margin-bottom: 40px;
    font-family: Poppins; /*bold*/
}

p.first-letter::before {
    content: '"';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-color: #041a9b ;
    margin-right: 5px;
    font-size: 42px;
    color: #fff;
    text-align: center;
    line-height: 60px;

}

.search-box {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 30px 40px;
}

.search-box .title {
    font-size: 32px;
    color: #fff;
}

.search-box button.btn-primary {
    min-width: 150px;
}

.search-box button.btn-primary:hover {
    background-color: #750a65 !important
}

.search-box .form-control {
    height: 60px;
    margin-right: 10px;
    border: none !important;
    border-radius: 0 !important;
    font-size: 18px;
}

.search-box .filter-box {
    margin-right: 10px;
}

.partner-content .card {
    margin-top: 30px;
    text-align: left;
}

.partner-content .body {
    margin-bottom: 0;
    font-size: 20px;
}

.partner-content .header {
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.partner-content .footer {
    margin-top: 10px;
    margin-bottom: 0;
}

.partner-content .header, .partner-content .footer {
    line-height: 14px;
    font-size: 12px;
}

@media (max-width: 959px) {
    .videos-part .videos-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .videos-part .videos-col {
        padding-right: 15px;
        padding-left: 15px;
    }

    .videos-part .videos-col + .videos-col {
        border-left: none;
    }

    .highlights-part .highlights-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .highlights-part .highlights-col {
        padding-right: 15px;
        padding-left: 15px;
    }

    .highlights-part .highlights-col + .highlights-col {
        border-left: none;
    }

    .contact-icon-list a:not(:first-child) {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .part-header img {
        height: 26px;
        margin-right: 20px;
    }

    .part-header .title {
        font-size: 28px;
    }

    .part-header a.text-sm {
        position: initial;
    }

    .videos-part .videos-col + .videos-col .card {
        padding-top: 30px;
        border-top: 1px solid #e5e5e5;
    }

    .videos-part .articles-row .videos-col .card {
        border-top: 1px solid #e5e5e5;
        padding-top: 30px;
    }

    .videos-part .articles-row .videos-col:first-child {
        margin-top: 0;
    }

    .highlights-part .highlights-col + .highlights-col .card {
        padding-top: 30px;
        border-top: 1px solid #e5e5e5;
    }

    .m-sm-top-6 {
        margin-top: 6px;
    }

    .about-part .about-detail-left {
        width: 100% !important;
        /*padding-top: 70px;*/
    }

    .news-all-row {
        width: 100%;
    }

    .news-all-row .header {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    /*.news-all-row .body {*/
    /*margin: 0;*/
    /*}*/
    /*.news-all-row .footer {*/
    /*margin-top: 20px;*/
    /*}*/
    /*.news-all-row .row::after {*/
    /*display: none;*/
    /*}*/
    .part-subtitle {
        max-width: 100%;
    }

    .highlights-part .header, .videos-part .header, .feature-box .header {
        margin-top: 20px !important;
    }

    .feature-box {
        line-height: 0;
    }

    .partner-content .col-lg-3 + .col-lg-3 .card {
        padding-top: 30px;
        border-top: 1px solid #e5e5e5;
    }

    p.first-letter {
        padding: 30px 16px 30px 66px;
    }
}
.videos-part .news .body{text-align: left;}
footer {
    padding: 0 0px;
    color: #fff;
    font-family: 'Poppins', sans-serif; /*bold*/
}

.footer-detail {
    max-width: 90%;
    /*max-width: 1110px;*/
    padding: 32px 0 48px;
}

.footer-logo-box img {
    margin-right: 35px;
}
.footer-logo-box{font-size:12px;}
.footer-nav {
    padding: 10px 0;
    margin-top: 24px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 16px;
    font-family: Poppins;
}

.footer-tip-box {
    padding-top: 10px;
    font-size: 12px;
    font-family: Poppins; /* Extralight */
}

.footer-tip-box a, .footer-tip-box span {
    line-height: 3;
}

footer a {
    color: #fff;
    /*margin-right: 32px;*/
    margin-right: 3px;
}

footer a:hover {
    /*color: #fff;*/
}

footer a.bg-primary:hover, footer a.bg-primary:focus, footer button.bg-primary:hover, footer button.bg-primary:focus {
    background-color: #041a9b !important;
}

footer .icon-lattice {
    color: #333;
}

footer .nav-link {
    display: inline;
}

footer .nav-link.sm-block {
    display: none;
}

@media (max-width: 959px) {
    footer .nav-item {
        width: 50%;
        display: inline-block;
        text-align: left;
    }

    footer .nav-link {
        display: block;
        margin-right: 0;
    }

    footer .navbar-nav {
        flex-direction: row;
        width: 100%;
    }

    footer .nav-link.sm-block {
        display: block;
    }
}

/*——————————————————footer end——————————————————————————*/

/*——————————————————about page start——————————————————————————*/

.about-banner {
    position: relative;
    height: 494px;
    background-size: cover;
    background-position: center center;
}

.about-banner .breadcrumb {
    position: absolute;
    z-index: 9;
}

.about-banner-text-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-banner-title {
    font-size: 23px;
    /*margin-top: 50px;*/
}

.about-banner-subtitle {
    width: 70%;
    max-width: 777px;
    font-size: 40px;
    line-height: 1.25;
    font-family: Poppins;
}

.about-banner-subtitle span {
    padding: 0 5px;
    margin-top: 6px;
}

.about-banner-subtitle span.d-table {
    padding-left: 15px;
    padding-right: 15px;
}

.about-banner-subtitle span:first-child {
    padding-left: 15px;
}

.about-banner-subtitle span:last-child {
    padding-right: 15px;
}

.bg-yellow-logo {
    position: absolute;
    height: 100%;
    /*width: auto;*/
    width: 20%;
    right: 0;
    top: 0;
    z-index: 10;
}

.about-square {
    position: absolute;
    height: 94px;
    width: 94px;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.btn-contact {
    margin-top: 16px;
}

.about-title {
    max-width: 80%;
    margin: 0px 0 50px;
    /*font-family: Poppins;*/
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0;
    color: #333333;
}

.page-about-card {
    border: none;
    border-radius: 0;
    height: 100%;
    /*margin-bottom: 80px;*/
}

.page-about-card .card-footer {
    height: 100%;
    background: #eee;
    padding: 30px 60px 30px 30px;
    border: none;
    border-radius: 0;
    overflow: hidden;
}

.page-about-card .title {
    font-size: 28px;
    font-family: Poppins; /*bold*/
}

.page-about-card .subtitle {
    font-size: 18px;
    line-height: 30px;
}

.about-exist-row [class^='col'] {
    margin-top: 30px;
}

.about-exist-row .title img {
    margin-right: 5px;
}

.about-exist-row .title {
    font-size: 20px;
    text-align: left;
}

.about-exist-row .subtitle {
    font-size: 18px;
    font-family: Poppins;
}

.management-row .text-tel {
    margin-top: 30px;
}

.management-row [class^='col'] {
    margin-top: 40px;
}

.management-row p {
    margin-bottom: 0;
}

.management-row .title {
    font-size: 28px;
    font-family: Poppins; /*bold*/
}

.management-icon-box {
    margin-top: 30px;
    margin-left: -5px;
}

.management-row.flex-direction {
    flex-direction: row-reverse;
}

.introduce-Modal .modal-content {
    border: none;
    border-radius: 0;
    max-height: 90%;
    overflow-y: auto;
}

.introduce-Modal .modal-dialog {
    top: calc(15% - 40px);
    height: 70%;
    margin: auto;
}

.introduce-Modal .modal-body {

    padding: 30px;
}

.introduce-Modal .btn-close:not([href]):not([tabindex]) {
    float: right;
    font-size: 50px;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    line-height: 1;
    cursor: pointer;
}

.introduce-Modal .btn-close:hover {
    color: #ececec !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 54%;
        margin: 1.75rem auto;
    }
}

@media (max-width: 767px) {
    .about-banner-title {
        /*padding-top: 90px;*/
        margin-top: 0;
    }

    .management-row .flex-direction {
        flex-direction: row;
    }

    .about-banner-subtitle {
        width: 95%;
    }

    .page-about-card .card-footer {
        height: auto;
    }

    .management-row .title {
        margin-top: -20px;
    }
}

@media (max-width: 479px) {
    .about-banner-subtitle {
        font-size: 28px;
        line-height: 45px;
    }

    .footer-logo-box img {
        margin-bottom: 20px;
    }
}


.contact-card {
    height: auto;
    margin: 30px 0;
    padding: 40px 30px 30px;
    background-color: #eeeeee;
}
.modal .contact-card {
    height: 348px;
}
.contact-title {
    margin-bottom: 0;
    margin-top: 60px;
    font-size: 35px;
    line-height: 40px;
    font-family: Poppins; /*bold*/
}

.contact-subtitle {
    margin-top: 8px;
    font-size: 20px;
    font-family: Poppins;
}

.contact-card .title {
    font-size: 28px;
    line-height: 30px;
    font-family: Poppins; /*bold*/
}

.contact-card p:not(.title) {
    margin-bottom: 0;
}

.btn-modal {
    cursor: pointer;
}

.btn-modal:hover {
    color: #041a9b !important;
}

.contact-form {
    margin-top: 30px;
    margin-bottom: 100px;
    padding: 20px 30px 50px;
    background-color: #e2e2e2;
}

.eventreg-form p {
    text-transform: none !important;
}

.eventreg-form strong {
    font-family: Poppins;
}

.contact-form p {
    padding-top: 30px;
    text-align: left;
    margin-bottom: 2px;
    text-transform: capitalize;
    /*white-space: nowrap;*/
}

.contact-form .row [class*="col-"] {
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-form .row {
    overflow: initial;
}

.contact-form .form-control {
    height: 60px;
    border: none !important;
    border-radius: 0 !important;
}

.contact-form .filter-list {
    width: 100%;
}

.contact-form .error.help-block {
    width: 100%;
    display: block;
    color: red;
    text-align: left;
}

.articles-title {
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
    font-family: Poppins; /*bold*/
    font-weight:600;
}

.articles-subtitle {
    font-size: 20px;
    /*padding-bottom: 20px;*/
    padding-top: 6px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-family: Poppins;
}

.articles-row-special .title {
    font-size: 28px;
    font-family: Poppins;
    font-weight:600;
}

.bg-violet .articles-row-special .title + span {
    font-family: Poppins; /* Extralight */
    font-weight:400;
}

.articles-row-special .title + span {
    font-family: Poppins;
    font-weight: 400;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 30px;
}

.articles-row-special .bg-gray .text-uppercase {
    font-size: 12px;
    color: #666;
    font-family: Poppins;
}

/*.articles-row-special .bg-gray p{*/
/*font-size: 18px;*/
/*}*/

.articles-row-special .footer {
    margin-bottom: 0;
    font-family: Poppins; /*bold*/
}

.articles-row-special .header {
    margin-top: 20px;
    margin-bottom: 10px !important;
}

/*.articles-row-special header{*/
/*margin-top: 30px;*/
/*}*/
.articles-list {
    overflow: hidden;
}

.articles-screen {
    padding-top: 50px;
    padding-bottom: 50px;
}

.articles-screen input[type="checkbox"]::before {
    background: #e2e2e2;
}

.articles-screen input[type="checkbox"]::before {
    background: #e2e2e2;
}

.articles-screen input[type="checkbox"] {
    position: absolute;
    left: -26px;
    bottom: 5px;
}

.articles-screen .topics-active {
    position: absolute;
    left: -32px;
    bottom: 5px;
    font-size: 33px;
    line-height: 28px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #333;
    background: #e2e2e2;
}

.articles-screen .bg-white ul {
    list-style-type: none;
    list-style-image: url(../images/icon_square.png);
    padding-left: 18px;
}

.articles-screen .bg-white ul li {
    position: relative;
    line-height: 38px;
    padding-left: 0;
}

.articles-screen .bg-white {
    padding: 40px 30px;
    text-align: left;
    height: 100%;
}

.articles-screen .bg-white .title {
    font-size: 32px;
    font-family: Poppins; /*bold*/
}

.articles-row {
    padding-bottom: 10px;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 30px;
    margin-top: 30px;
}

.articles-row:last-child {
    margin-bottom: 0;
}

.videos-part .videos-col + .videos-col .card {

}

.articles-col + .articles-col {
    border-left: 1px solid #cccccc;
}

.articles-detail {
    padding-bottom: 30px;
}

.articles-detail-title p span[style="color:black"] {
    color: #333 !important;
    display: initial;
}

.articles-detail-title p {
    margin-bottom: 30px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
}

.articles-detail-title p strong {
    display: block;
    font-size: 20px;
    line-height: 33px;
    font-family: Poppins;
}

.page-articles-detail footer {
    margin-top: 100px;
}

.articles-detail .btn-trash {
    height: 36px;
    width: 56px;
    margin-top: 10px;
    text-align: center;
    line-height: 37px;
    font-size: 22px;
    background: #ddd;
    color: #999;
}

@media (max-width: 959px) {
    .articles-row {
        padding-bottom: 0;
        border-top: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    .articles-row .card {
        /*margin-top: 30px;*/
    }

    /*.articles-list .videos-part .videos-col*/
}

@media (max-width: 767px) {

    .articles-subtitle {
        max-width: 100%;
    }

    .articles-row {
        margin-top: 30px;
    }

    .articles-row .header {
        margin-top: 20px;
    }

    .articles-row .card {
        margin-top: 0;
    }

    /*.articles-screen [class^='col-']:last-child .bg-white {*/
    /*margin-top: 30px;*/
    /*}*/
    .page-articles-detail footer {
        margin-top: 50px;
    }
}

/*——————————————————Articles page end——————————————————————————*/

/*——————————————————Partners page end——————————————————————————*/

.organisation-box {
    padding-top: 80px;
    padding-bottom: 90px;
    background-image: url("../images/bg_1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.organisation-title {
    margin-bottom: 50px;
    font-size: 35px;
    font-family: Poppins
}

.page-partner-detail .title {
    font-size: 35px;
}

.page-partner-detail .subtitle {
    font-size: 23px;
}

.partner-logo {
    max-height: 120px;
    margin-bottom: 10px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.partner-logo-box {
    width: 120px;
    height: 121px;
    line-height: 121px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.partner-logo-box img {
    max-width: 60%;
    max-height: 60%;
}

.rectangle-box {
    padding: 60px 156px 60px;
}

.rectangle-box p {
    text-align: center !important;
    word-break: break-word;
}

.services-box {
    padding: 20px 30px;
}

.services-box ul {
    text-align: left;
}

.services-box ul li {
    line-height: 42px;
    width: 32%;
    display: inline-block;
    vertical-align: top;
}

.partner-contact-box {
    display: flex;
    padding: 20px;
}

.partner-contact-box img {
    width: 65px;
    height: 65px;
    margin-right: 20px;
}

.partner-contact-box div {
    display: inline-block;
    width: calc(100% - 72px);
}

.partner-contact-box a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-family: Poppins;
}

.key-contacts {
    position: relative;
}

.key-contacts .text-35 {
    font-family: Poppins; /*bold*/
}

.key-contacts .image-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.key-contacts .image-right {
    position: absolute;
    top: 0;
    right: 0;
}

.key-contacts .text-24 {
    max-width: 80%;
    font-family: Poppins;
}

.key-contacts .row p {
    margin-bottom: 0;
}

.key-contacts .row .text-md.offset-top-10 {
    font-family: Poppins;
}

.key-contacts .row .text-14 {
    font-family: Poppins;
}

.key-contacts .row p.text-primary {
    line-height: 31px;
    margin-bottom: 2px;
    /*font-family: Poppins;!*bold*!*/
}

.partner-swiper {
    padding-top: 30px;
    padding-bottom: 60px;
    margin-bottom: 20px;
}

.partner-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background-color: #333333;
    opacity: 1;
}

.partner-swiper .swiper-pagination-bullet-active {
    background-color: #041a9b ;
}

.partner-swiper .text-35 {
    font-family: Poppins; /*bold*/
}

.partner-swiper .swiper-slide {
    padding-bottom: 30px;
}

.office-detail + .office-detail {
    margin-top: 30px;
}

.office-address {
    margin: 20px;
    max-width: 25%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between;
}

.filter-text .filter-title {
    color: #333;
}

.partner-detail-title {
    font-family: Poppins; /*bold*/
    font-size: 40px;
    padding: 4px 16px;
    line-height: 1;
}

.bg-partners-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

@media (max-width: 959px) {
    .rectangle-box {
        padding: 40px;
    }

    .services-box ul li {
        width: 48%;
    }

    .office-address {
        margin: 20px;
        max-width: 48%;
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {
    .rectangle-box {
        padding: 20px;
    }

    .services-box {
        padding: 30px;
    }

    .services-box ul li {
        width: 100%;
    }

    .key-contacts .text-24 {
        max-width: 100%;
    }

    .office-address {
        margin: 20px;
        max-width: 100%;
        flex-shrink: 0;
        width: 100%;
    }
}

/*——————————————————Partners page end——————————————————————————*/

/*——————————————————publications page start——————————————————————————*/

.publications-img {
    position: relative;
    width: 100%;
    height: 330px;
    margin: auto;
    text-align: center;
    line-height: 330px;
    /*background: #eee;*/
}

.card .publications-img {
    height: 0;
    padding-bottom: 141%;
    margin-bottom: 4px;
}

.publications-img.img-box-shadow {
    width: calc(100% - 7px);
}

.publications-img-lg {
    max-width: 100%;
    height: 498px;
}

.img-box-shadow {
    /*box-shadow: 0 0 7px -3px #333;*/
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.7);
}

.btn-publications {
    margin: 15px;
}

.publications-img .image {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    /*object-position: center;*/
    object-position: top;
    vertical-align: middle;
}

.publications-img-lg.publications-img .image {
    object-fit: contain;
    object-position: top center;
}

.publications-img-lg.publications-img.object-position-left .image {
    object-position: top left;
}

.publications-img .image.default-Img {
    width: 40px;
    height: 40px;
    margin: auto;
}

.page-publications .news-all-row .footer {
    margin: 0;
}
.publications-search.search-box .form-control{
    background: #eee !important;
    border: none!important
}
.publications-search .filter-text{
    background: #eee !important;
    color: #333333;
    font-size: 18px;
    font-family: Poppins;
}
.publications-search .icon-filter-arrow {
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: '';
    background-size: contain;
    right: 0;
    top: calc(50% - 7px);
    transition: all .2s;
}

.publications-search .icon-filter-arrow.filter-show {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 959px) {
    .publications-img-lg.publications-img .image {
        object-fit: contain;
        object-position: top center;
    }
}

@media (max-width: 767px) {
    .publications-img, .card .publications-img {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .publications-img .image {
        position: initial;
        width: 100%;
        height: auto;
    }

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

    .page-publications-detail .publications-img-lg {
        width: 50%;
    }
}

.tl-img {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.tl-img img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    /*width: 100%;*/
}

/*——————————————————publications page end——————————————————————————*/

/*——————————————————video page start——————————————————————————*/
.video-js {
    outline: 0;
}

.video-md {
    min-height: 304px;
    height: auto;
    background: #000;
}

.video-special .video-md {
    min-height: 359px;
}

.video-lg {
    min-height: 424px;
    height: 100%;
    background: #000;
}

.video-xl {
    min-height: 625px;
    height: 100%;
    background: #000;
}

.vjs-poster {
    background: #fff;
    background-size: cover !important;
    background-position: center center !important;
}

.vjs-poster:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    /* background: #041a9b ; */
    opacity: .15;
}

.video-js .vjs-big-play-button {
    z-index: 10 !important;
    top: calc(50% - 43px) !important;
    left: calc(50% - 43px) !important;
    width: 86px !important;
    height: 86px !important;
    background-size: 100% 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: #041a9b  !important;
    background-image: url(../images/icon_videos_watch.png);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: none;
}

@media (max-width: 959px) {
    .video-md, .video-xl, video-lg {
        height: auto;
    }
}

@media (max-width: 767px) {
    .video-md, .video-xl, video-lg {
        min-height: 189px;
        height: auto;
    }
}

/*——————————————————video page end——————————————————————————*/

/*——————————————————event page start——————————————————————————*/

.publications-card .card-header {
    border: none;
    padding: 50px;
    text-align: center;
    background-color: #d4d4d4;
}

.publications-card .publications-img {
    max-width: 100%;
    /*height: 330px;*/
}

.event-detail-banner .about-square {
    top: 0;
}

.event-detail-banner .banner-detail {
    position: absolute;
    bottom: 0;
    left: -164px;
    width: 100%;
    max-width: 902px;
    height: 327px;
    background: url("../images/bg_event_banner.png") no-repeat 100%;
    /*padding: 38px 216px 20px 166px;*/
    padding: 38px 0 20px 166px;
    text-align: left;
}

.event-detail-banner .banner-detail .text-20, .event-detail-banner .banner-detail .addCalendar {
    font-family: Poppins; /* Extralight */
}

.event-detail-card .date {
    position: initial;
    margin: auto;
}

.event-detail-nav {
    font-family: Poppins;
    border-bottom: 1px solid #ccc;
}

.event-detail-nav .nav-item a.active {
    color: #810d70;
    border-bottom: 3px solid #810d70;
}

.event-detail-nav a:hover {
    color: #810d70;
}

.event-detail-nav .nav-link {
    padding: 10px 0;
    margin: 0 20px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.event-detail-box .event-detail-card p {
    margin-bottom: 0;
}

.event-detail-box .event-detail-card p.text-sm {
    margin-top: 10px;
    text-transform: uppercase;
    font-family: Poppins;
}

.m-sm-lef-30 {
    margin-left: 30px;
}

.agenda-detail li {
    border-top: solid 1px #e5e5e5;
    padding: 12px 0;
}

.agenda-detail li:last-child {
    border-bottom: solid 1px #e5e5e5;
}

.agenda-detail li .agenda-time {
    width: 100px;
    /* font-size: 18px; */
    /* add by wah */
    font-size: 20px;
}

.agenda-detail li .workshop-time-location {
    font-size: 20px;
    max-width: 250px;
}

.agenda-detail li a.title {
    margin-bottom: 10px;
    color: #041a9b ;
    /* font-size: 18px; */
    /* add by wah */
    font-size: 20px;
}

.agenda-detail li p {
    margin-bottom: 0;
    /* add by wah */
    font-size: 20px;
}

.agenda-subtitle .offset-top-20 p {
    margin-bottom: 0;
    /* add by wah */
    font-size: 16px;
}

.agenda-detail li ol {
    padding-left: 20px;
}

.agenda-detail li ol li {
    border: none !important;
    padding: 0;
    line-height: 28px;
    list-style-type: initial;
}

div.add-to-calendar {
    display: none;
    box-shadow: 0 0 7px -3px #333;
    width: 200px;
    padding: 6px 0;
    background: #fff;
    z-index: 9999;
    position: absolute;
}

div.add-to-calendar a {
    display: block;
    padding: 6px 12px;
}

.addCalendar:hover div.add-to-calendar {
    display: block;
}

.card-body .text-primary.text-20 {
    margin-bottom: 8px;
}

.bg-yellow .card-body .text-md {
    font-family: Poppins;
}

@media (max-width: 1200px) {
    .event-detail-banner .banner-detail {
        left: -140px;
    }
}

@media (max-width: 992px) {
    .event-detail-banner .banner-detail {
        background: #810d70;
        padding: 30px 20px;
        width: 100vw;
        height: auto;
        left: 0;
        max-width: initial;
    }
}

@media (max-width: 767px) {
    .publications-card .publications-img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .event-detail-nav {
        flex-direction: column;
        margin-top: 250px;
    }

    .event-detail-nav .nav-link {
        display: inline-block;
        width: auto;
        margin-top: 16px;
        padding: 0;
    }

    .event-detail-nav .nav-item:last-child .nav-link {
        margin-bottom: 16px;
    }

    .event-detail-banner .banner-detail {
        bottom: -50%;
        background: #810d70;
        padding: 30px 20px;
        width: 100%;
        height: auto;
    }

    .m-sm-lef-30 {
        margin-left: 0;
    }
}

@media (max-width: 959px) {
    .page-event .col-lg-5.text-left.bg-gray {
        background: none !important;
    }
}

/*——————————————————event page end——————————————————————————*/

/*——————————————————privacy policy page end——————————————————————————*/

.privacy-policy .page-content strong {
    display: inline-block;
    /*padding-top: 20px;*/
    font-family: Poppins; /*bold*/
}

.privacy-policy ul {
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    list-style: outside none disc;
    list-style-type: disc;
    padding-left: 2rem;
    margin-bottom: 1.25rem;
}

.privacy-policy ul li {
    list-style: outside none disc;
    list-style-type: disc;
}

.privacy-policy a {
    color: #041a9b;
}
.page-login {
    /*height: 100vh;*/
    text-align: center;

}

.page-login .card {
    width: 100%;
    min-width: 300px;
    max-width: 700px;
    margin: auto;
}

.page-login .contact-form p {
    text-align: center;
}

.page-login form .input-basic {
    width: 50%;
}

.page-login form label {
    display: inline-block;
    width: 94px;
    text-align: left;
}

.page-login form label.error {
    display: block;
    text-align: center;
    width: 100%;
    padding-left: 94px;
    color: red;
}

.page-login hr {
    flex: 1;
}

.selectize-input {
    height: 60px;
    line-height: 50px;
    text-align: left;
    border: none !important;
    border-radius: 0 !important;
    /*padding: 15px;*/
    background: #fff;
    color: #333;
    font-size: 18px;
    white-space: nowrap;
    overflow-x: auto;
}

.selectize-input > input {
    font-size: 18px;
    color: #999;
}

.selectize-control.multi .selectize-input [data-value] {
    height: 40px;
    line-height: 36px;
    box-shadow: none;
    text-shadow: none;
    background: #041a9b ;
    border-radius: 0;
    border: none;
}

.selectize-control.multi .selectize-input [data-value].active {
    background: #041a9b !important;
    border: none;
}

.selectize-dropdown [data-selectable].option {
    display: block;
    text-align: left;
    /*padding: 10px 10px 10px 56px;*/
    padding: 10px;
    font-size: 18px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.selectize-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
    font-size: 18px;
}

.selectize-input::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
    font-size: 18px;
}

.selectize-input:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
    font-size: 18px;
}

.selectize-input:-moz-placeholder { /* Firefox 18- */
    color: #999999;
    font-size: 18px;
}

.selectize-control.multi .selectize-input > div {
    margin: 0 5px 5px 0;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 8px;
    padding-right: 4px;
}

.personal-detail {
    padding: 30px;
    padding-bottom: 80px;
}

.personal-detail p {
    margin-bottom: 30px;
}

.personal-detail label {
    margin-bottom: 0;
    font-family: Poppins; /*bold*/
}

@media (max-width: 767px) {
    .page-login form label {
        display: block;
    }

    .page-login form label.error {
        padding-left: 0;
    }

    .page-login form .input-basic {
        width: 100%;
    }
}

/*——————————————————login page end——————————————————————————*/
/*——————————————————search page start——————————————————————————*/
#pageBtn {
    /*width: auto;*/
    /*display:inline-block !important;*/
    /*height: auto;*/
    /*background: pink;*/
    display: flex;
}

#pageBtn .pagenum {
    flex: 1;
    width: auto;
    max-width: 90px;
}

#pageBtn span {
    margin-right: 10px;
}

.pagenum {
    background: #eee;
    margin-right: 10px;
    padding: 5px;
}

.pagenum:last-child {
    margin-right: 0;
}

#pageBtn span.disabled.pagenum {
    color: #041a9b ;
}

/*——————————————————search page end——————————————————————————*/

/*——————————————————print start——————————————————————————*/

@media print {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .header-fixed {
        position: initial;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        background: #fff;
        box-shadow: none;
    }

    .page-content {
        padding-top: 0 !important;
    }

    a,
    a:visited {
        text-decoration: none !important;
    }

    .header-nav {
        display: flex;
        border-bottom: 1px solid #ccc !important;
        /*border-top:none;*/
    }

    .header-nav .navbar-nav {
        flex-direction: row;
    }

    div .to-the-top {
        display: none !important;
    }

    .image-box .image {
        height: auto;
    }

    .image-box.box-primary:after {
        display: none;
    }

    .header-nav .nav-link {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .contact-icon-list a {
        margin-top: 10px !important;
    }
}

/*——————————————————print end——————————————————————————*/
.toolTips-box {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999;

}

.toolTips-detail {
    display: flex;
    align-items: center;
    height: 76px;
    padding: 10px 30px;
    width: 400px;
    color: #fff;
    box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
}

i.toolTips-icon {
    font-size: 30px;
    margin-right: 10px;
}

/*隐藏日期 start*/
.footer span.m-right-20.d-block.section-bottom-10 {
    display: none !important;
}

/*隐藏日期 end*/

.agenda-title-box {
    position: relative;
    width: 100%;
}

.agenda-subtitle {
    display: none;
    margin-bottom: 20px;
}

.agenda-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.agenda-title img {
    transition: .22s;
}

.agenda-title img.focus {
    transform: rotate(180deg);
    vertical-align: middle;
}

.subtitle-special {
    font-family: Poppins; /* Extralight */
}

.rich-text span {
    display: initial;
}

#richText .more {
    color: #041a9b ;
}

/* add by wah 20210729 */
#richText div p,
#richText div a,
.rectangle-box p
{
    font-size: 25px;
}

.event-detail-box .contentText{
    /* font-size: 19px; */
    font-size: 24px;
}

/* add by wah 20210729 */

/*wenjun 2020-01-12*/
.contentText a {
    color: #041a9b  !important;
}

.agenda-detail .contentText li {
    font-size: 16px;
}

.contentText ul li:before {
    /*content: "â– ";*/
    /*content: "\25AA";*/
    /* font-weight: bold; */
    content: url("../images/icon_square.png");
    color: #041a9b ;
    position: absolute;
    left: 0;
}

.contentText ul {
    font-size: 18px;
    list-style: none;
    list-style-type: none;
    padding-left: 15px;
    /*padding-left: 18px;*/
    /*color: #041a9b ;*/
    position: relative;
}

.contentText ol {
    list-style: disc;
    list-style-type: square;
    padding-left: 40px;
    
}

.contentText p {
    margin-bottom: 14px !important;
    font-weight: normal;
    font-family: 'Poppins'
}

.del-w p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 26px;
}

@media (min-width: 767px) {
    .del-w {
        height: 170px;
    }
}

blockquote p {
    position: relative;
    padding: 30px 20px 30px 86px;
    border-bottom: 3px solid #041a9b ;
    border-top: 3px solid #041a9b ;
    margin-bottom: 40px;
    color: #041a9b ;
    font-family: Poppins; /*bold*/
}

blockquote p::before {
    content: '';
    background-image: url(../images/blockquote.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-color: #041a9b ;
    margin-right: 5px;
    font-size: 42px;
    color: #fff;
    text-align: center;
    line-height: 60px;

}

@media (min-width: 767px) {
    blockquote p {
        padding: 30px 66px 30px 86px;
    }
}
/*隐藏网页打印指定class的内容 start*/
@media print {
    .print_hidden{
        display: none;
    }
    .print_full_width{
        width: 100vw !important;
        max-width: 100vw !important;
        flex: 0 0 100vw !important;
    }
    .print_center{
        text-align: center !important;
    }
    .print_img{
        width: auto !important;
        max-width: 540px !important;
        height: auto !important;
        margin: auto !important;
    }

    .print_min_img{
        width: auto !important;
        max-width: 65px !important;
        height: auto !important;
        margin: auto !important;
    }
    .print_middle_img{
        width: auto !important;
        max-height: 160px !important;
        height: auto !important;
        margin: auto !important;
    }
}


.spirit-img {
    background: url(../images/css_sprites.png) no-repeat;
    background-image: url(../images/blockquote.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.spirit-icon-partners {
    width: 46px;
    height: 46px;
    background-position: 367px 556px;
}



/*.partners-col .partners-detail{
    background-color: #EEEEEE;
    border: none;
}*/

.subscribe-box{
    position: absolute;
    background-color: #041a9b ;
    right: -6%;
    z-index: 1000001;
    border-radius: 0;
    padding: 1rem 0.25rem;
    width: 100%;
    padding: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.subscribe-box:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    width: 30px;
    height: 15px;
    right: 50%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #041a9b ;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.subscribe-box .form-control{
    border-radius: 0
}
.subscribe-box button{
    background-color: #333333!important;
    border-color: #333333!important;
    color: #fff;
    width: 100%;
    border-radius: 0
}
.dropdown-send-box{
    background: #eee !important;
    padding: 30px;
}
.dropdown-send-box button{
    background-color: #041a9b !important;
    border-color: #041a9b !important;
    color: #fff;
    width: 100%;
    border-radius: 0
}
.dropdown-send-box .form-control{
    border-radius: 0
}


/* 搜索弹出框 */
body .popup-menu.open {
    visibility: visible;
    opacity: 1;
}
body .popup-menu .logo-icon{
    height: 32px;
}
body .popup-menu .icon-search{
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 20px 4px 11px;
    font-size: 26px;
    z-index: 9999;
}
body .popup-menu .icondm-ios-close{
    color: #000;
    font-size: 38px;
}
body .popup-menu {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body .popup-menu>header {
    background-color: #fff;
    max-width: 1280px;
    width: 100%;
    padding: 0 0 8px;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
body .popup-menu>header .logo {
    height: 64px;
    width: 100%;
    padding: 16px;
    padding-right: 8px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}
body .popup-menu>header .search-bar {
    display: block;
    max-width: 880px;
    width: 100%;
    padding: 0 8px;
    margin: 0 auto;
    box-sizing: border-box;
}
body .popup-menu>header .search-bar .input-group input {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: normal;
    color: #949CA1;
    width: 100%;
    height: 48px;
    padding: 8px 80px 8px 16px;
    border-radius: 24px!important;
    border: solid 1px #E4E5E4;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}
body .popup-menu>header .closeBtn {
    display: block;
    position: absolute;
    right: 8px;
    top: 16px;
    color: #000;
    cursor: pointer;
}
body .popup-menu>header .closeBtn i {
    display: block;
}
.material-icons {
    font-size: 32px;
}
body .popup-menu>section {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 16px 0 32px;
    border-top: solid transparent 120px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
body .popup-menu>section>ul {
    max-width: 880px;
    width: 100%;
    list-style: none;
    padding: 0 8px;
    margin: -8px auto;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}
body .popup-menu>section>ul>li>a, body .popup-menu>section>ul>li>div {
    font-size: 28px;
    font-size: 1.35rem;
    font-family: Poppins;
    color: #000;
    width: 100%;
    padding: 8px 0;
    /*display: block;*/
    cursor: pointer;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
body .popup-menu>section>ul>li.collapsed-content.open {
    height: auto;
    max-height: 1000px;
    display: block;
}
body .popup-menu>section>ul>li.collapsed-content {
    list-style: none;
    /*display: flex;*/
    display: none;
    max-height: 0;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: wrap;
    transition: max-height .3s ease;
    margin: 0 32px;
}
body .popup-menu>section>ul>li {
    position: relative;
}
body .popup-menu>section>ul>li.collapsed-content>div>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 12px;
}
body .popup-menu>section>ul>li.collapsed-content>div>ul li a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
    font-family: Poppins;
    display: block;
    width: 100%;
    padding: 4px 0;
}
body .popup-menu>section>ul>li.collapsed-content>div h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
    margin: 4px 0;
}
body .popup-menu>section>ul>li.collapsed-content h3 {
    font-size: 20px;
}
body .popup-menu .withChild{
    display: flex;
    align-items: center;
}
body .popup-menu .withChild .withChild-icon{
    padding: 10px;
    transition: all .2s;
}
body .popup-menu .withChild.open .withChild-icon{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media only screen and (min-width: 980px){
    body .popup-menu>header {
        padding-bottom: 24px;
    }
    body .popup-menu>header .logo {
        padding: 16px 32px;
    }
    body .popup-menu>header .closeBtn {
        right: 32px;
    }
    body .popup-menu>section {
        padding: 32px 0 64px;
        border-bottom: 136px;
    }
    body .popup-menu>section>ul>li.collapsed-content {
        flex-direction: row;
        margin-bottom: 16px;
        /* padding: 0 32px; */
        /* margin: -16px -16px 16px; */
    }
    body .popup-menu>section>ul>li.collapsed-content>div h3{
        padding-right: 20px;
    }
    body .popup-menu>section>ul>li.collapsed-content>div>ul li a{
        padding-right: 20px;
    }
}

.collapsed-link {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
    font-family: Poppins;
    display: block;
    width: 100%;
    padding: 4px 0;
    min-height: 2.5rem;
}


/* by wah 20211013 */
@media (min-width: 1366px) {
    .articles-detail-title p{
        font-size: 16px;
    }
}
/* by wah 20211013 end */

/* by wah 20220310 */
.new-nav-list-item{
    height: 80px !important;
    line-height: 30px !important;
}
/* by wah 20220310 end */

/* by wah 20220414 */
.photogallery-img {
    margin-right:0;
    width: 24%;
    margin-top: 1.3%;
    float: left;
    padding: 0;
    height: 230px;
}
.photogallery-img-margin-right {
    width: 24%;
    margin-right: 1.3%;
    margin-top: 1.3%;
    float: left;
    padding: 0;
    height: 230px;
}

@media (max-width: 767px) {
    .photogallery-img {
        margin-left: 1.3%;
        width: 48%;
        margin-top: 1.3%;
        float: left;
        padding: 0;
        height: 230px;
    }
    .photogallery-img-margin-right {
        width: 48%;
        margin-left: 1.3%;
        margin-right: 0;
        margin-top: 1.3%;
        float: left;
        padding: 0;
        height: 230px;
    }
}
/* by wah 20220414 end */
.hero-slider {
    position: relative;
}
.videos-part .articles-row .header a {
    width: auto;
}
.videos-part .articles-row .header {
  
    text-transform: none;
}
/* Mobile Version Adjustment */
@media (max-width: 768px) {
    .ad-banner.image {
    display: none !important;
}
    .wp-spaios-slider-wrap.wp-spaios-img-fit .wp-spaios-img-wrap {
    height: auto !important;
    }
    .header-logo-box div:first-child{
        text-align: left;
    margin-left: 35px;
        
    }
    .site-logo{top:0 !important;font-size: 2.5em !important;margin-top:0;}
    .header-logo-box{padding:10px 0;}
     .content-1{order:2;}
     .content-2{order:1;}
.articles-list {
    padding-left: 10px;
    padding-right: 10px;
}
.contentText p {
    margin-bottom: 24px !important;
    font-weight: normal;
    font-family: 'Poppins'
}
}
        #nominate_form input[placeholder],#nominate_form textarea[placeholder]{
    color:#333;
    }
    #nominate_form input::-moz-placeholder {
        color: #333;
        font-size:16px;
    }
    
    #nominate_form input:-ms-input-placeholder {
        color: #333;
        font-size:16px;
    }
    
    #nominate_form input::-webkit-input-placeholder {
        color: #333;
        font-size:16px;
    }
    .custom-control-label{
        color: #333;
        font-size:16px;
    }
#nominate_form select{
    color: #333 !important;
    font-size:16px;
}
#nominate_form select{
        border: solid 1px rgba(0, 0, 0, .3) !important;
    background: #ffffff;
    color: #333 ;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 0 !important;
    height: 45px;
   
}
.antispam {
    display: none;
}
.btn.m-btn-rsvp {
    background: #2b2727 !important;
    border-color: #2b2727 !important;
    background-image: linear-gradient(to bottom right, #2b2727, #2b2727, #2b2727) !important;
    color: #fff !important;
    letter-spacing: normal;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 22.8px !important;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #2b2727;
    font-weight: 600;
    padding: 10px 25px 10px 25px;
    line-height: normal;
}
.success {
    padding: 16px;
    display: none;
    color: #5cb85c;
    border: solid 1px #5cb85c;
    margin-bottom: 20px;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #333;
}
.custom-control-label::before{
        border: 1px solid #333;
        background-color:#fff;
}
    #nominate_form select::-moz-placeholder {
        color: #333;
        font-size:16px;
    }
    
    #nominate_form select:-ms-input-placeholder {
        color: #333;
        font-size:16px;
    }
    #nominate_form input[type=submit].btn-line{
    background:none;
    padding:8px 20px;
    }
    
    #nominate_form input[type=submit].btn-line:hover{
    background:#111;
    border-color:#111;
    }
    
    #nominate_form textarea{
    height:178px;
    }
    #nominate_form input[type=text],#nominate_form textarea,#nominate_form input[type=email],#nominate_form input[type=number]{
    padding:10px;
    margin-bottom:20px;
    color:#333;
    border:solid 1px rgba(0,0,0,.3);
    font-size:16px;
    border-radius:0 !important;
        height: 45px;
    line-height: 45px;
    }
    .nominate-title{font-size:24px;font-weight:700;}
    .site-logo {
  position: relative;
  left: 0;
  top: -5px;
  font-weight: 900;    
  font-size: 2.78em; 
}
  .header-logo-box .site-logo a{
    margin-left:0;
}
  .magazine .image-box{
    padding-bottom:100%;
}
.magazine .image-box .image{transform: scale(1.1);}

  .text-sm.text-SemiBold{
font-weight: 400;
  }
    @media only screen and (min-width: 768px) {
    .col-lg-3.partners-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

}
.wp-spaios-slider-wrap .wp-spaios-slide-wrap {
    position: relative;
    overflow: hidden;
}
.wp-spaios-slider-wrap.wp-spaios-img-fit .wp-spaios-img-wrap {
    height: calc(100vh - 0px);
    position: relative;
}
.wp-spaios-slider-wrap .wp-spaios-img-wrap {
    position: relative;
    overflow: hidden;
    line-height: 0px;
}
.wp-spaios-slider-wrap.wp-spaios-img-fit .wp-spaios-slider-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}
.wp-spaios-slider-wrap.wp-spaios-img-fit .wp-spaios-slider-img.first{
    -o-object-position: center;
    object-position: center;
}
.wp-spaios-owlslider-container .owl-item img {
    display: inline-block;
}
.wp-spaios-slider-wrap .wp-spaios-img-wrap img {
    max-width: 100%;
    margin: 0 auto;
	    vertical-align: top;
}
.wp-spaios-slider-wrap {
    position: relative;
}
label.error{color:#041a9b;}