/*
Theme Name: Cheddar Media
Theme URI: 
Description: Relevant Meaningful Engagement
Version: 1.0
Author: Cheddar media
Author URI:https://www.cheddarmedia.com/  
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    color: #524d4d;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a:focus{
    text-decoration: none;
    outline: none;
}

/* css latest new theme*/

.home8{
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-attachment: scroll;
    left: 0px;
    padding-bottom: 81px;
    padding-top: 50px;
}

.carbon-content {
    max-width: 550px;
    margin-left: 11%;
    /* margin-top: 80px; */
}

.learn-more {
    color: #fff;
    background-color: #03e2b1;
    background: #03e2b1;
    border-radius: 0;
    border: 0 solid #12d7c4;
    padding: 12px 18px;
}



.home9 {
    background-position: center center;   
}

.right-content {
    background: #ffffff;
    top: -51px;
    padding: 8% 12%;
    position: relative;
}

.page-id-25 h1.page-heading-h1 {
    max-width: 380px !important;
}

.page-id-25 .inner-box h1 {
    font-size: 60px;
    line-height: 78px;
    font-weight: 700;
}

.page-id-25 h2.text-white.page-heading-big {
    /* font-weight: 400;
    font-family: 'Lato', sans-serif; */
}

.inner-box p {
    font-weight: 400;
    font-family:"Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

h2.key-sec {
    /* font-weight: 400;
    font-family: 'Lato', sans-serif; */
}

.page-id-25 .resource-title h2 {
    /* font-family: 'Lato', sans-serif;
    font-weight: 400; */
}

.page-id-25 .resource-category {
    /* font-weight: 400; */
    /* font-family:"Lato", Helvetica, Arial, Verdana, sans-serif !important; */
}

h2.home-news{
    /* font-weight: 400;
    font-family: 'Lato', sans-serif; */
}

.page-id-25 .new-event-title .blue a{
    line-height:22px !important;
}

.page-id-25 .new-event-texonomy, .new-event-author{
    line-height:17px;
}

.page-id-25 .carbon-content h2 {
    /* font-weight: 400;
    font-family: 'Lato', sans-serif; */
}

.carbon-content-inner p{
}

/*  About */



.about-inner {
    background: #fff;
    padding: 60px 50px 0;
    margin-top: -85px;
    margin-bottom: 0;
    z-index: 2;
    position: absolute;
    padding-bottom: 50px;
    text-align: center;
}

/* PARTNERSHIPS */
.about2 {
    margin-top: 0px;
    margin-bottom: 40px;
}
.partner-content {
    z-index: 1;
    position: relative;
    padding: 80px 0;
}

.align-center {
    align-items: center !important;
}

.partner-content a {

    color: #12d7c4;
    text-decoration: none;
}

/*.partner-image img {
    max-height: 500px;
    padding-top: 78px;
}*/


.partner-image {
    position: relative;
    z-index: 11;
}

/* PLATFORM */
.about3 {
    margin-top: 50px;
    margin-bottom: 40px;
}

.platform-inner {
    background: #f9f9f9 !important;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 0;
    /* width: -webkit-calc(100% + 10%); */
    /* width: -moz-calc(100% + 10%); */
    /* width: calc(100% + 10%); */
    z-index: 1;
    position: relative;
}

/*.platform_image img {
    max-height: 558px;
    padding-top: 78px;
}*/


/* OUR STATEMENT */
/*   .our_state_inner {
    padding-top: 50px;
    padding-bottom: 50px;
   }*/

.image1_our img {
    max-width: 200px;
}

.our_state_inner * {
    color: white;
}

/* OBJECTIVES */

/*.about5 {
    margin-top: 40px;
    margin-bottom: 40px;
}*/

.box_object {
    padding-top: 39px;
    padding-bottom: 40px;
}

.but_link {
    border-radius: 0;
    /*    border: 0 solid #12d7c4;
        padding: 6px 18px;
        color: #fff !important;
        background-color: #03e2b1;*/
    text-align: center;
}

.but_link a {
    color: #fff !important;
}

/*.our_boxes {
    padding-bottom: 40px !important;
    padding-top: 20px;
}*/

/* Resources Page */

.resource-image_hk img {
    height: 350px;
}

.resource-main {

}



.new-resource-title {
    margin: 15px 0 20px;
}

h5.title-link {
    max-width: 260px;
}

h5.title-link a {
    color: #4D9AD4;
    line-height: 0px !important;    
    text-transform: none;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
}

.new-resource-categor h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.3em;
    color: #525252;
    font: normal 13px/24px "Lato",Helvetica,Arial,Verdana,sans-serif;
}

.new-resource-date h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.3em;
    color: #525252;
    font: normal 13px/24px "Lato",Helvetica,Arial,Verdana,sans-serif;
}

.new-resource-categor {
    margin-bottom: -7px;
}

.recource-above-banner{
    background: #fff;
    padding: 60px 80px 0px 80px;
    margin-top: -85px;
    margin-bottom: 0px;
    z-index: 2;
    position: relative;
}


/* single rersource post */



.aligncenter {
    display: block;
    margin: 0 auto 10px;
}

.content ul {
    list-style: disc !important;
}

.content ol, .content ul {
    margin: 0 0 10px 20px !important;
}

.event-description ul li {
    color: #1c1e21;
    font-size: 14px;
    letter-spacing: 0.5px !important;
    line-height: 1.5em !important;
}

.event-description h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.related-resource-image img {
    max-width: 135px;
    max-height: 100px;
}

.resource-content-area a {
    color: #4D9AD4;
    line-height: 1.1em !important;
    margin-bottom: -10px;
}


/* Contact Us */

.contact-image img {
    max-width: 200px!important;
}

.contact-image {
    text-align: center;
    padding-top: 139px;
}

.contact-boxes {
    background: #fff;
    padding: 60px 50px 0px 50px;
    margin-top: -58px;
    margin-bottom: 0px;
    z-index: 2;
    position: relative;
}

.contact-boxes .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: calc(100% - 0px) !important;
}

.contact-boxes .gf_full input, .gf_full select {
    width: 100%!important;
    color: #a6a6a6 !important;
}

.contact-boxes .gform_wrapper li.hidden_label input {
    margin-top: 0px!important;
    color: #a6a6a6 !important;
}

.gform_wrapper li select{
    border: 1px solid #d9d9d9!important;
}
.gform_wrapper li textarea{
    border: 1px solid #d9d9d9!important;
}

.height-gap {
    height: 90px;
}

.contact-main {
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 74%, rgb(241, 241, 241) 88%);

}

.image-text {
    padding-top: 13px;
}

.image-text p {
    padding-top: 20px;
}

.image-text p a {

    color: #333333;
}

.event-social-share {
    margin-top: 30px;
    margin-bottom: 30px;
}

.social-comment123 {
    margin-top: 20px;
}


.social-comment123 a i{
    background-color: #fff;
    color: #00ffb2;
    border-width: 2px;
    border-style: solid;
    border-color: #00ffb2;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    padding: 7px;

}

/*.circle{
      border-radius: 50%;
      margin: 0.15em;
      font-size: 3em;
      }*/

.news-categ {
    text-transform: initial;
    font-size: 13px;
    line-height: 17px;
    color: #525252;
    padding: 6px 0;
}

.resource-content-area h6 {
    text-transform: initial;
    font-size: 13px;
    line-height: normal;
    color:#8b8d94;
    padding: 6px 0;
    font-weight: 400;
}

/*.resource-content-area p {
    font-family: 'Lato-Regular', 'Lato', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #525252;
    text-align: left;
    line-height: 20px;
}*/

.resource-content-area h5 {
    font-family: 'Lato-Regular', 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #4D9AD4;
    text-align: left;
    line-height: 22px;
}

.related-resource-image {
    margin-top: 15px;
    overflow:hidden;
}

.event-description strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #1c1e21;
    font-family:"Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.alignnone {
    float: none;
    margin: 0 auto 10px;
}

.event-cat {
    margin: 20px 0px;
}

.event-date {

    color: #4D9AD4;
    text-transform: uppercase !important;
    padding-bottom: 15px;
    font-family: 'Lato', sans-serif!important;
    font-size: 16px;
    line-height: 19px;

}

.main-terms {
    text-align: center;
}

.single-sidebar-title {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 16px;
    margin-top: 0px;
    font-weight: normal;
    border-bottom: 2px solid #e8e8e8;
    letter-spacing: .2em;
    line-height: 12px!important;
}

.blue {
    color: #4D9AD4;
    line-height: 1.1em !important;

}

.image-under-feed h2 {
    line-height: 1.2em !important;
    color: #4D9AD4;
    font-size: 28px;
}

.image-under-feed p {
    padding-top: 20px;
}

.image-under-feed p a {
    color: #333333;
}

.sidebar-single-event {
    margin-top: 14px;
}

.event-cat h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 17px;
    color: #525252;
    font-size: 13px;
    font-weight: 400;

}

/*.event-description p {
    color: #1c1e21;
    letter-spacing: 0.5px !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}*/

.join-the{
    line-height: 1.2em !important;
    letter-spacing: 0.3px !important;
    color: #4D9AD4;
    text-transform: uppercase !important;
    padding-bottom: 15px;
    font-family: 'Lato', sans-serif!important;
}

.twitt-link {
    line-height: 1.2em !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    padding-bottom: 15px;
    font-size: 10px;
    font-family:'Lato', sans-serif!important;
    font-weight: 400;
}

.twitt-link a{
    color: #1c1e21;
    font-size: 13px;
}

.event-cat {
    text-transform: initial;
    font-size: 13px;
    line-height: 17px;
    color: #525252;
    padding: 6px 0;
}




.twitt-link a:hover {
    color:#12d7c4;
}

.news-content strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #1c1e21;

}

.news-content em{

    font-style: italic;
}

.event-social-share strong {
    line-height: 22px;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}



event-single-content * {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.resource-single-main  {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.sidebar-single-event *{
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.event-social-share span {
    color: #a6a6a6 !important;
}

/* WASTE */

.where-now-content {
    padding-top: 34px;
}

.where-now-content h2 {
    text-align: left;
    line-height: 1.2em !important;
    letter-spacing: 0.3px !important;
    color: #4D9AD4;
    text-transform: uppercase !important;
    padding-bottom: 15px;
    font-family: 'Lato', sans-serif!important;
}

.where-now-content p{
    text-align:left;

    font-family: 'Lato', sans-serif!important;
}

.image-title-waste-box h2{
    max-width: 237px;
    margin: 0 auto 35px;
    text-align: center;
    font-size: 20px !important;
    padding-bottom: 0px !important;
    font-family: 'Lato', sans-serif!important;
}

.image-title-waste-box img {
    max-width: 175px;
}

.image-title-waste-box {
    padding: 30px !important;
    background-color: #ffffff !important;
    border: 2px solid #f1f1f1 !important;
}

.where-title-content h2 {
    line-height: 1.2em !important;
    letter-spacing: 0.3px !important;
    color: #4D9AD4;
    padding-bottom: 15px;
    font:'Lato', sans-serif !important;
}

.now-back-image-right {
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    background-size: 62% !important;
    padding-bottom: 130px !important;
    margin-top: -70px !important;
}

.box_propsal {

}
.where-we-need-to-go{
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%);
    padding-bottom: 51px !important;
}

.key-factors-list .hover-box {
    /* display: inline-block; */
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*.where-now-content p {
   font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.change-we-need-content {
     font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.carbon-content-inner p {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}*/



.where-title-content {
    max-width: 907px;
    margin: 0 auto 35px;
}

.element {
    transition: 1s all;

}
.page-template-waste .banner-content-inner {
    max-width: 244px;
}

/* Mobility */

.where-right-image-block img {

    /*max-height: 715px !important;*/
    padding-top: 57px;
    padding-left: 20px;
}

.sector-image-mobility {
    text-align: center;

}

.transp-section {
    padding-left: 20px;
    padding-right: 20px;
}

.where-blocks {
    padding-left: 20px;
    padding-right: 20px;
}

.where-content-blocks h2 {
    padding-bottom: 20px;
}

.where-content-blocks {
    /*padding-left: 20px;*/
    max-width: 500px;
}

.sect-devlop {
    position: relative;
}

.boxposition-devl {
    position: absolute;
    width: 17%;
    height: 36%;
    cursor: pointer;
}

.modal_boxposition_devlop1 {
    left: 17%;
    top: 13%;
}

.modal_boxposition_devlop2 {
    left: 43%;
    top: 13%;
}

.modal_boxposition_devlop3 {
    left: 30%;
    bottom: 10%;
}

.modal_boxposition_devlop4 {
    right: 27%;
    bottom: 10%;
}

.boxposition-poli {
    position: absolute;
    width: 6%;
    height: 8%;
    cursor:pointer;
}

.sect-policies{
    position: relative;

}

.modal_boxposition_pol1 {
    left: 18.2%;
    top: 44%;
}

.modal_boxposition_pol2 {
    left: 27%;
    top: 54%;
}

.modal_boxposition_pol3 {
    left: 40.5%;
    top: 49%;
}

.modal_boxposition_pol4 {
    left: 49%;
    top: 45%;
}

.modal_boxposition_pol5 {
    left: 44.5%;
    top: 63%;
}

.modal_boxposition_pol6 {
    left: 59.5%;
    top: 50%;
}

/*.modal-content-pop {
   max-height: 242px;
}
 ::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
}
*/

.modal-content-pop {
    padding-top: 0px;
    max-height: 100%;
    background: inherit;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
}


.sector-content h2 {
    font-family: 'Lato', sans-serif !important;
}

.sector-content p {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.where-content-blocks h2 {
    font-family: 'Lato', sans-serif !important;
}

.where-content-blocks p {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.devlop-title h2 {
    font-size: 20px !important;
    font-family: 'Lato', sans-serif !important;
}

.poli-title h2{
    font-size: 20px !important;
    font-family: 'Lato', sans-serif !important;
}

.maxwidth600 h2 {
    font-family: 'Lato', sans-serif !important;
}

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


.news-events {
    padding: 25px;
    position: relative;
    background-image: url(https://www.hk2050isnow.org/wp-content/themes/cheddarmedia/images/gredientcolor.svg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}

/*.news-events-image {
    width: 310px;
    max-width: 100%;
    height: 220px;
    overflow: hidden;
}*/

.owl-carousel .owl-item .news-events .news-events-image img {
    width: 100%!important;
}

.news-events .news-events-date {
    width: auto;
    display: inline-block;
    padding: 7px 20px;
    background-color: #fff;
    color: #8b8d94;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: -15px;
    letter-spacing: .1em;
}

.bottom-text {
    color: #a6a6a6;
    font-size: 13px;
    line-height: normal;
}

h5.white {
    color: #fff;

    min-height: 50px;
}

.news-events-title {
    margin: 20px 0 5px;
    min-height: 70px;
}

.news-events-readmore a.button{
    color: #fff;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 15px!important;
    background: transparent;
    border: 1px solid;
}


.news-events-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.event-list .owl-nav {
    text-align: center;
    margin-top: 30px;
    position: absolute;
    width: calc(100% + 60px);
    left: -30px;
    top: 50%;
}

.event-list  button.owl-prev {
    left: -15px;
    position: absolute;
}

.event-list  button.owl-next {
    right: -15px;
    position: absolute;
}


.news-item {
    width: 50%;
    float: left;
    padding: 0 20px;
    margin-bottom: 35px;
}
.news-item-inner{
    background: #f9f9f9;
    height: 100%;
    text-align: left;
}

.news-list-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.news-category h6 {
    color: #525252;
    font-size: 13px;
}

.news-title a {
    font-size: 20px;
    font-weight: normal;
}

.news-title {
    margin: 10px 0;
}


.page-id-47 .page-top-section {
    padding-top: 100px;
}

.page-id-1583 .change_we_need_boxes-image.商界 img {
    margin: 30px auto;
}

.page-id-1583 .change_we_need_boxes-image.政府 img {
    margin: 30px auto;
}

.page-id-1583 .change_we_need_boxes-image.個人 img{
    margin: 30px auto;
}

.page-id-1575 .change_we_need_boxes-image.政府 img {
    max-width: 500px;
    margin-top: 30px;

}

.page-id-1575 .change_we_need_boxes-image.商界 img {
    margin: 30px auto;
}

.page-id-1579 .change_we_need_boxes-image.政府 img {
    max-width: 500px;
}

.page-id-1579 .change_we_need_boxes-image.商界 img {
    margin: 30px auto;
}

.page-id-1579 .change_we_need_boxes-image.個人 img{
    max-width: 500px;
}

.page-id-1581 .change_we_need_boxes-image.政府 img {
    max-width: 500px;
    margin: 30px auto;
}

.page-id-1581 .change_we_need_boxes-image.商業 img{
    max-width: 500px;
    margin: 30px auto;
}

.page-id-1581 .change_we_need_boxes-image.個人 img{
    margin-bottom:30px;

}

.page-id-43 .sector-top-section {
    padding-top: 100px;
}

.partner-content-area {
    padding-right: 10px;
}

.page-id-25 .home-top-section .page-top-section h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
}

.page-id-25 .home-top-section .page-top-section p {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.page-id-27 .page-banner-content {
    max-width: 522px;
}

.page-id-27 .banner-content-inner {
    max-width: 400px;
}

.page-id-65 .page-top-section.text-center h2 {
    font-weight: 400;
    font-family:'Lato', sans-serif;
}

.page-id-65 .about-page-content p {
    font-size: 17px;
    font-weight:400;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.partner-content h2 {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.partner-content p{
    font-weight:400;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.platform-inner h2 {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.platform-inner p{
    font-weight:400;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.our_state_inner h1 {
    font-weight: 700;
}

.our_boxes h2 {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

h2.obj-section {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.box_object-content p {
    font-weight:400;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.act-right p {
    padding-right: 30px;
    font-weight:400;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.wedo-content-page h2 {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.wedo-content-inner p {
    font-weight:400;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif !important;
}

.carbon-content-page h2 {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
/* -------------------------------------------------------------- Publication  Page Start here ----------------------------------*/

.publication-image_hk {
    height: 90%;
}

select#publication-directories {
    width: 100%;
    float: right;
    background-color: #F9F9F9;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 14px;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #AAAAAA;
}
input.pulication-search.type {
    padding: 6px;;
    background-color: #e7e7e7;
}

button.search-filter-btn {
    width: 10%;
    padding: 6px;
    border-left: none;
    margin-left:-4px;
    background-color: #e7e7e7;

}

publication-image_hk img {
    height: 350px;
}

.publication-single-page-reports {
    width: 157%;
}

.new-publication-categor h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.3em;
    color: #525252;
    font: normal 13px/24px "Lato",Helvetica,Arial,Verdana,sans-serif;
}

.new-publication-date h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.3em;
    color: #525252;
    font: normal 13px/24px "Lato",Helvetica,Arial,Verdana,sans-serif;
}

.new-publication-categor {
    margin-bottom: -7px;
    /* margin-left: 7px; */
}

/*.new-publication-body {
    display: flex;
}
*/

.publication-select select {
    border: none;
}

/*select::-ms-expand {
    display: none !important;
}*/

.content-area-pub div {
    display: inline-flex;
}

.publication-select select {
    width: 100px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.publication-select select:focus{
    outline: none !important;
}



.content-area-pub {
    margin-bottom: 20px;
}

.report-en h5 {
    border: 2px solid black;
    max-width: 250px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
}

.page-top-section-insi{
    background: #fff;
    padding: 60px 28px 0;
    margin-top: -50px;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
}

.resource-image_hk img {
    min-height: 300px;
    max-height: 300px;
}

/*.modal-body.text-center.video-body {
    height: 241px;
}*/

.report-cn h5 {
    border: 2px solid black;
    max-width: 250px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
}

.press-release-en h5
{
    border: 2px solid black;
    max-width: 250px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
}

.press-release-cn h5
{
    border: 2px solid black;
    max-width: 250px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
}



/*
.event-description {
    margin-left: 70px;
        margin-right: 20px;
}*/

.single-publication-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

/*.insight-select {
    float: right;
}*/

.new-publication-date span {
    padding-left: 10px;
}



.search-pulication input {
    background-color: #F9F9F9;
    padding: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 8px;
    padding-right: 5px;
    border: none;
    width: 100%;
}

.search-pulication button {
    border: none;
    margin-left: -4px;
    background-color: #F9F9F9;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 5px;
    padding-right: 5px;
}








/*.publication-select-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}*/

@media screen and (max-width:992px)
{
    /* select#publication-directories {
     width: 64%;
     }*/
}

@media screen and (min-width: 502px) and (max-width: 768px){

    /* select#publication-directories {
     width: 50%;
     
     float: left;
     //background-color: #e7e7e7;
 }
 
 .search-pulication {
     float: right;
     margin-top: -46px;
 }*/

}
@media screen and (max-width: 767px){
    /*  .publication-select {
      display: inline-flex;
      width: 100%;
      justify-content: center !important;
  }
  
  .search-pulication {
      display: inline-flex;
            width: 100%;
      justify-content: center !important;
  } 
  
  .search-pulication {
      padding-top: 10px;
  }
    */

}


@media screen and (max-width: 502px) {
    /* .publication-select-form {
              display: flex;
              flex-direction: column;
     justify-content: center;
     align-items: center;
          
      }*/

    /* select#publication-directories {
    width: 60%;
}*/

    /* select#publication-directories{
         float:none;
     }*/

    /*.publication-select {
       text-align: center;
     }*/

    /* .search-pulication {
          text-align: center;
          margin-top: 10px;
      }*/

    /*  .publication-uner-filter {
               text-align: center;
        } */

    /*  .publication-image_hk img {
              height: 50%; 
                width: 50%;
        } */

}

@media screen and (min-width:300px) and (max-width: 428px){
    /*  select#publication-directories {
      width: 69%;
      }*/
}


button.report-en-btn {
    padding: 3px;
    background-color: white;
    width: 100%;
}

button.report-cn-btn{
    padding: 3px;
    background-color: white;
    width: 100%;
}

button.press-re-cn-btn{
    padding: 3px;
    background-color: white;
    width: 100%;
}

button.press-rel-en-btn{
    padding: 3px;
    background-color: white;
    width: 100%;
}

.report-en {
    margin-bottom: 10px;
    border: none;
    width: 100%!important;
    font-size: 15px!important;
}

.report-cn{
    margin-bottom: 10px;
    border: none;
    width: 100%!important;
    font-size: 15px!important;
}

.press-release-en{
    margin-bottom: 10px;   
}

.press-release-cn{
    margin-bottom: 10px;
    border: none;
    width: 100%!important;
    font-size: 15px!important;   
}

.press-release-en {
    margin-bottom: 10px;
    border: none;
    width: 100%!important;
    font-size: 15px!important;
}

@media screen and (min-width: 991px) and (max-width: 1200px){
    .single-publication-center {
        display: flex;
        flex-direction: column;
        justify-content: center;

    }
    .publication-single-page-reports {
        width: 143% !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px){
    /*.publication-single-page-reports {
        width: 200% !important;
    }*/
}

@media screen and (min-width: 538px) and  (max-width: 766px){
    /*.publication-single-page-image img {
        width: 50%;
    }
    .publication-single-page-reports {
        width: 56% !important;
    }
    
    .single-publication-center {
        margin-top: -367px;
        margin-left: 266px;
      } */
}

@media screen and (min-width: 486px) and (max-width: 538px){
    /*  .publication-single-page-image img {
      width: 50%;
      
    }
    .publication-single-page-reports {
      width: 70% !important;
  }
  
  .single-publication-center {
      margin-top: -367px;
      margin-left: 266px;
    }
    */
}

@media screen and (max-width: 485px)
{
    /* .publication-single-all-data {
       text-align: center;
     }*/
    /*
      .publication-single-page-image img {
        width: 50%;
        
       }
    
       .publication-single-page-reports {
        width: auto;
    }
            .single-publication-center{
                    margin-left:90px;
            }
    */
}


@media screen and (max-width: 767px){

    /*  .publication-image_hk img {
      width: auto !important;
      max-height: 350px !important;
      object-fit: cover;
  }
      
      .publication-image_hk img {
      width: 50%;
  }
  
  .publication-column {
      text-align: center;
  }
    */   
}

@media screen and (min-width: 991px) and (max-width: 1200px)
{
    .publication-single-page-image img {
        max-width: 85% !important;
        float: right;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px){

    .publication-single-page-image img {

        max-width: 100% !important;
        float: right;
    }

}

@media screen and (max-width:767px){

    div .publication-button {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .publication-single-all-data {
        display: flex;

    }

    .publication-single-page-image {
        text-align: center;
        display: contents;
    }

    .back-to-event {
        margin-bottom: 60px;
    }

}

.banner-single {
    background: #4893ca;
    padding: 100px 20px 40px 20px;
    min-height: 353px !important;
}


/* .page-id-33 .banner-title {
    text-transform: uppercase;
    font-size: 52px;
    line-height: 56px;
    padding: 10px 0 30px;
    letter-spacing: 10px;
} */



/*------------------ Publication page End Here -------------------------------------*/


/* -------------------------- Video Page Start Here -------------------------------------*/



.page-top-section-video{
    background: #fff;
    padding: 60px 80px 0;
    margin-top: -50px;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
}

.page-top-section-video.text-center h2 {
    text-transform: capitalize;
}

.video-image-he img {

    width:216px;

}

/*.owl-prev, .owl-next {
    position:absolute;
}*/
/* 
#video-slider .owl-prev {
    width: 3%;
    height: 100px; 
    position: absolute;
    top: 40%;
    margin-left: -292px;
   
    
}

#video-slider .owl-next {
    width: 3%;
    height: 100px;
    position: absolute;
    top: 40%;
    right: 439px;
    
    
}

#video-slider .owl-nav{
        display:block;
} */

.content-area-video {
    /*margin-bottom: 20px;*/
}

.new-video-date h6 {
    letter-spacing: .1em;
    font-weight: 400;
    text-align: left;
    line-height: 1.3em;
    color: #03E2B1;
    font-family: "Lato",Helvetica,Arial,Verdana,sans-serif;
}

.new-video-title{
    padding-bottom: 8px;
}

h5.video-title-link{
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    color: #4d9ad4;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.1em;
}
.video-detail p {
    font-size: 16px;

    font-family: 'Lato', sans-serif;
    padding: 5px 0px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 20px;
    color: #999999;
}

h5.video-title-link{
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    color: #4d9ad4;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.1em;
}

.video-image-content {
    float: left;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.new-video-date {
    padding-bottom: 8px;
}

.video-image-he {
    width: 35%;
    float: left;
}

.content-area-video {
    width: 65%;
    float: left;
    padding: 0 20px;
}

.event-description {

}

.video-body iframe {
    width: 100%;
    /* border: none; */
    margin-bottom: -6px;
    margin-left: -1px;
}

.title-video {
    position: absolute;
    margin-top: 279px;;
    color: white;
    background-color: #e7e7e7;
    background: center;
}

@media screen and (min-width:767px) and (max-width:991px){

    .page-id-4365 .container {
        max-width: 100%;
    }
    .video-image-he img {
        min-height: 245px;
    }
    .video-image-he {
        width: 45%;
        float: left;
        max-height: 300px;
    }
    .content-area-video {
        width: 55%;
        float: left;
        padding: 0 20px;
    }
    .new-video-date {
        padding-bottom: 0px; 
    }
    .new-video-title {
        padding-bottom: 1px;
    }

}


/* -------------------------------------------------- Video Page End Here ----------------------------------------*/




/* --------------------------------------------------- Insight Page Start ------------------------------------------*/

.page-id-4353  .banner-title {
    letter-spacing: 10px;
}

.insight-date h6 {
    font-weight: 400 !important;
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.3em;
    color:#03E2B1;
    /*    font: "Lato",Helvetica,Arial,Verdana,sans-serif;*/
}

.insight-title {
    /* margin: 15px 0 20px;*/
}

h5.insight-title-link {
    width: 100%;
    line-height: initial;
    min-height: 103px;
}

h5.insight-title-link a {
    color: #4D9AD4;
    line-height: 0px !important;    
    text-transform: none;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
}

.insight-category h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.3em;
    color: #525252;
    font: normal 13px/24px "Lato",Helvetica,Arial,Verdana,sans-serif;
}

.insight-category {
    /* margin-bottom: -7px;*/
}

.insight-cat {
    /* margin: 20px 0px;*/
}

.insight-cat h6 {
    letter-spacing: .1em;
    text-align: left;
    line-height: 17px;
    color: #525252;
    font-size: 13px;
    font-weight: 400;

}

.insight-cat {
    text-transform: initial;
    font-size: 16px;
    line-height: 17px;
    padding: 6px 0;
    letter-spacing: 1px;
    color: rgba(77, 154, 212, 0.498039215686275);
}



.reset-box a{
    color:black !important;
}
.reset-box a:hover{

}

.inight-author span {
    text-transform: initial;
    font-size: 16px;
    line-height: 21px;
    color: #999999;
    padding: 6px 0;
}

select#insight-directories {
    width: 45%;
    float: right;
    background-color: #e7e7e7;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 14px;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.insight-select select {
    border: none;
    outline: none;
}

.search-insight input {
    border: none;
}

.search-insight button {
    border: none;
    margin-left: -4px;
    background-color: #e7e7e7;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 5px;
    padding-right: 5px;
}

.insight-select select {
    appearance: none;
}

.search-insight input {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 14px;
}

select:focus {
    outline: none !important;
}

.reset-box.text-center button {
    border: none;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.search-insight input {
    background-color: #e7e7e7;
}


.insight-date.flex-element {
    padding-top: 15px;
    padding-bottom: 4px;
}
/* 
.insi-page-content {
    padding-top: 20px;
} */

.insight-body {
    min-height: 107px;
    padding-top: 10px;
}

.insight-image_hk img {
    width: 100%;
    max-height: 200px;
    min-height: 200px;
}

.inight-author {
    padding-bottom: 10px;
}

.page-top-section-insi h2 {
    text-transform: capitalize;
}


.owl-theme#video-slider .owl-nav img {
    max-width: 40px;
}

#video-slider .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
}

#video-slider button.owl-prev {
    float: left;
    position: relative;
    left: -10%;
}

#video-slider button.owl-next {
    position: relative;
    float: right;
    right: -10%;
}

#video-pop-up .modal-dialog {
    max-width: 700px;
    margin: 0 auto;
}

@media screen and (min-width: 453px) and (max-width:501px){
    .insight-container-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }
    select#insight-directories{
        float:none;
        width: 49%;
    }

    .insight-select {
        text-align: center;
    }

    .search-insight {
        text-align: center;
        margin-top: 10px;
    }
}

@media screen and (min-width: 400px) and (max-width:452px){
    .insight-container-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }
    select#insight-directories{
        float:none;
        width: 50%;
    }

    .insight-select {
        text-align: center;
    }

    .search-insight {
        text-align: center;
        margin-top: 10px;

    }


}
@media screen  and (min-width: 200px) and (max-width:399px){
    .insight-container-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    select#insight-directories{
        float:none;
        width: 67%;

    }

    .insight-select {
        text-align: center;
    }

    .search-insight {
        text-align: center;
        margin-top: 10px;

    }


}

@media screen and (min-width: 769px) and (max-width: 1200px){
    select#insight-directories{
        width:60%;
    }       

}

@media screen and (min-width: 500px) and (max-width: 768px){


}

@media screen and (min-width: 766px) and (max-width: 991px){
    .insight-image_hk img {
        width: 100%;
        max-height: 158px;
        min-height: 156px;
    }

    h5.insight-title-link {
        width: 100%;
        line-height: initial;
        min-height: 134px;
        font-size: 16px;
    }

    .insight-body {
        min-height: 107px;
        padding-top: 10px;
    }
}

@media screen  and (max-width: 767px){
    .insight-image_hk img {
        width:100%;
        max-height: 100%; 
        min-height: auto;
    }
}


@media screen and (min-width: 502px) and (max-width: 768px) {
    select#insight-directories {
        width: 47%;

    }
    select#insight-directories{
        float:none;
    }

    .search-insight {
        float: right;
        margin-top: -48px;
    }

    .insight-container-row {
        display: inline-block;
        margin-left: 34px;
    }

}



/*------------------------------------------------------------------------------ End of Insight Page ------------------------------*/

/*--Evenet All Post  start here new --*/

.upcoming-event {
    float: right;
    cursor: pointer;

}

.historic-event {
    cursor: pointer;
}

.all-new-excerpt{
    min-height: 135px;
}

.all-news-events{
    margin-bottom: 20px;
}

.all-news-event-title{
    min-height: 103px !important;
}
.news-list-title{
    position: relative;
    display: inline-block;
}
.news-list-meta {
    width: 100%;
    display: inline-block;
}
.news-list-title:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #4D9AD4;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
}
.news-list-title:hover:before {
    visibility: visible;
    transform: scaleX(1);
}
.news-list-item .news-list-image {
    overflow: hidden;
    position: relative;
}
.news-list-item .news-list-image:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1;
}
.news-list-item .news-list-image img{
    transform: scaleX(1);
    transition: all 0.5s ease-in-out;
}
.news-list-item:hover .news-list-image img{
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}
.index #guideModel{
    top:0px!important;
}
.page-template-yea .page-banner-content {
    max-width: 730px;
}

.page-template-yea h1.text-white.banner-title {
    text-transform: none;
    letter-spacing: 0;
    font-size: 54px;
}
.yea-about-title{
    font-size: 28px;
    color: #000;
    letter-spacing: 0px;
    line-height: 34px;
    font-weight: bold;
}
.yea-about-content{
    color: #999999;
}
.yea-about-icon {
    max-width: 65px;
}
.objective_list-content{
    color: #999999;
}
.objective_list-item img {
    max-width: 220px;
}
.student-gain{
    background: #f9f9f9;
    position: relative;
}
.student-gain:before{
    content: '';
    position: absolute;
    left: 0;
    top:-50px;
    width: 175px;
    height: 155px; 
    background-image: url('images/Mask Group 11.png');
    background-size: 100% 100%;
    z-index: 1;
}
.student-gain-box{
    text-align: left;
    max-width: 500px;
    float: right;
    padding: 30px 0px;
    margin-right: 30px;
}
.student-gain-box h4{
    color: #000;
}
.student-gain-content ul{
    margin-top: 20px; 
}
.student-gain-content ul li{
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
    color: #999999;
}
.student-gain-content ul li:before {
    content: "\e64c";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: bold;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 4px;
    color: #3EBDAD;
}
.completion-box{
    text-align: left;
    max-width: 600px;
    float: left;
    padding: 30px 0px;
    margin-left: 30px;
}
.completion-box h4{
    color: #000;
}
.student-gain_image img {
    height: 100%;
    object-fit: cover;
}
.completion{
    background: #f9f9f9;
    position: relative;
}
.completion:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: -25px;
    width: 175px;
    height: 100px;
    background-image: url('images/Mask Group 10.png');
    background-size: 100% 100%;
    z-index: 1;
}
.black-color{
    color: #000;
}
.programme h3{
    font-weight: bold;
}
.programme_list-title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.programme_list-item {
    border: 1px solid #707070;
    padding: 35px 20px;
    border-radius: 25px;
    margin-right: 20px;
}
.programme_list-clickhere:hover{
    cursor: pointer;
}
.programme_list-discription {
    text-align: left;
}
.programme-dialog .modal-body {
    padding: 40px 50px;
}
.programme-dialog.modal-dialog{
    max-width: 600px;
}
.programme-dialog.modal-dialog .modal-content{
    border-radius: 20px;
}
.programme-dialog button.close.btn-inside {
    color: #000;
    font-size: 20px;
    top: 20px;
}
.page-template-yea h3{
    font-weight: bold;
}
.timeline table {
    width: 100%;
    display: inline-block;
    box-shadow: 0px 0px 20px 9px #f1f1f1;
    margin: 30px 0px;
    border-radius: 10px;
    overflow: hidden;
}
.timeline tbody {
    width: 100%;
}
.timeline thead {
    width: 100%;

    display: inline-block;
}
.timeline .table tr {
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.timeline .table td{    
    color: #999;
    width:50%;
    float: left;
    border-top: none;
    padding: 1.2rem 2.75rem;
}
.timeline .table th{ 
    width:50%;
    float: left;
    border-top: none;
    padding: 1.2rem .75rem;
}
.timeline .table thead th {
    border-bottom: none;
    background-color: #3EBDAD;
    color: #fff;
    font-weight: bold;
}
.timeline .table td a{
    color: #999;
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

.timeline .table tbody tr:nth-child(2n+1){
    background-color: rgba(250, 250, 250, 1);
}
.max-width820{
    max-width: 820px;
    margin: 0px auto;
}
.image-with-content{
    position: relative;
}
.image-with-content-text ul li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
    color: #999999;
}
.image-with-content-text ul li:before {
    content: "\e64c";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: bold;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 4px;
    color: #3EBDAD;
}
.image-with-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: -120px;
    width: 145px;
    height: 125px;
    background-image: url('images/Mask Group 11.png');
    background-size: 100% 100%;
    z-index: 1;
}
.programme-support{
    background-color: #F8F8F8;
}
.partner-title {
    font-weight: bold;
    color: #000;
}
.partner-heading{
    color: #3EBDAD;
    font-size: 18px;
    text-align: center;
}
.coming-soon {
    width: 165px;
    height: 165px;
    border: 5px solid #F6CB13;
    border-radius: 25px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-box-list {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.partner-box-item {
    width: 50%;
    padding: 0 5px;
}
.partner-box img {
    height: auto;
    object-fit: contain;
    margin: 10px auto;
    width: 180px;
}
.partner-box {
    margin: 10px 0px 30px;
    text-align: center;
}
.media-section{
    position: relative;
    background-color: #F6CB13;
}
.media-section:after {
    content: '';
    position: absolute;
    right: 0; 
    top: -36px;
    width: 220px;
    height: 120px;
    background-image: url('images/Mask Group 10.png');
    background-size: 100% 100%;
    z-index: 1;
}
.media-title {
    text-align: left;
    color: #000;
    font-weight: bold;
    margin-top: 10px;

}
.media-box {
    margin-bottom: 35px;
    padding: 10px 10px;
}
.media-section .nav-link {
    display: block;
    padding: 12px;
    min-width: 120px;
    background-color: #fff;
    border-radius: 0px!Important;
    margin: 0px 5px;
    color: #000;
}
.media-section .nav-pills .nav-link.active, .media-section .nav-pills .show>.nav-link {
    color: #000;
    background-color: #fff;
    padding: 7px;
    border: 5px solid #3EBDAD;
}
.media-box .media-box-image{
    position: relative;
}
.media-box.Videos .media-box-image:after {
    content: '';
    position: absolute;
    left: 0; 
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('images/play.png');
    background-size: 42px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-modal-box .modal-dialog.modal-dialog-centered {
    max-width: 800px;
}

.modal button.close.video-close{
    color: #000!Important;
    right: -34px!Important;
    top: -17px!Important;
} 
.image-modal-box .modal-dialog{
    max-width: 800px;
}
.modal-backdrop.show {
    opacity: .65;
}
#promotionmodal .modal-dialog {
    max-width: 950px;
}
#promotionmodal .modal-dialog .modal-content {    
    border: 10px solid #fff;
    border-radius: 10px;
    margin-top: 25px;
    padding: 20px 60px;
    background-size: cover;
    background-position: center center;
}
#promotionmodal .modal-content{
    background-color: transparent;
}
.modal-body-inner.promotionmodal-content {
    background-color: #fff;
    padding: 30px;
    margin-top: 30px;
    border: 10px solid #F6CB13;
    border-radius: 10px;
}
h2.modal-promotion-title {
    font-size: 36px;
    font-weight: 900;
    color: #000;
    font-family: 'League Spartan';
    line-height: 1.4em;
}
.modal-promotion-content {
    color: #000;
    padding: 20px 0px;
    border-bottom: 1px solid #707070;
    margin-bottom: 20px;
}
.promotion-deadline {
    padding: 20px 0px;
    color: #000;
    font-weight: bold;
    font-size: 22px;
}
.modal-promotion-content p{
    max-width: 590px;
    margin: 0px auto;
}
#promotionmodal.modal button.close{
    position: absolute;
    top: -65px;
    color: #fff;
    right: -10px;
    opacity: 1;
}
html[lang="zh-hant"] .achieve_inner.maxwidthmax {
    max-width: 635px;
}