.sgpb-popup-builder-content-8408,
.sgpb-popup-builder-content-8414 {
 	padding: 20px;
}

@media only screen and (max-width: 1680px) {
  .btn-end .vc_col-sm-6 {
    width: 100%;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 1440px) {
  /* div .tnp-form {
    max-width: 514px;
  } */
  div div.docx_list .vc_col-sm-9 {
    width: 85%;
  }
  div div.docx_list .vc_col-sm-3 {
    width: 15%;
  }
  div div.docx-double .vc_col-sm-9 {
    width: 85%;
  }
  div div.docx-double .vc_col-sm-3 {
    width: 15%;
  }
}

@media only screen and (max-width: 1366px) {
  div#page-header-bg .span_6 .subheader {
    font-size: 4.6875rem;
  }
  /* div .tnp-form {
    max-width: 514px;
  } */
  div.top-level .swiper-slide .content p strong {
    font-size: 70px;
  }
  div.top-level .swiper-slide .content p em {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1280px) {
  div.top-level .swiper-slide .content p strong {
    font-size: 60px;
  }
  div.top-level .swiper-slide .content p em {
    font-size: 60px;
  }
  div#ajax-content-wrap div.youth1 {
    margin-bottom: 0;
  }
  div.about-us-img-text-row-1 .row_col_wrap_12 > .vc_col-sm-6:last-child {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
  div.about-us-img-text-row-2 .vc_col-sm-6:first-child {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
  div.about-us-img-text-row-3 .vc_col-sm-6:last-child {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
  div.about-us-img-text-row-1 p,
  div.about-us-img-text-row-2 p,
  div.about-us-img-text-row-3 p {
    font-size: 1.125rem;
  }
  div h1.vc_custom_heading.cs_imgHeadings {
    font-size: 3rem;
  }
  div#ajax-content-wrap .p_30 .vc_col-sm-6 {
    padding: 20px;
  }
  div div.docx_list .vc_col-sm-9 {
    width: 80%;
  }
  div div.docx_list .vc_col-sm-3 {
    width: 20%;
  }
  div div.docx-double .vc_col-sm-9 {
    width: 80%;
  }
  div div.docx-double .vc_col-sm-3 {
    width: 20%;
  }
  .youth_detail .pb-30 {
    padding-bottom: 20px !important;
  }
  .youth_detail p {
    line-height: 30px;
  }
}
@media only screen and (max-width: 1105px) {
  div.wpb_text_column.wpb_content_element.support_svn_capt {
    height: 135px;
  }
}
@media only screen and (max-width: 1024px) {
.not_owlcarousel .masonry-blog-item {
    width: 50% !important;
  }
  /* .category-events-report .post-featured-img img,
  .category-good-stories .post-featured-img img,
  .category-events-report-zh-hant .post-featured-img img,
  .category-good-stories-zh-hant .post-featured-img img,
  .category-good-stories-2 .post-featured-img img,
  .category-international-events .post-featured-img img,
  .category-international-events-zh-hant .post-featured-img img,
  .category-activity .post-featured-img img,
  .category-activity-zh-hant .post-featured-img img,
  .category-annual-report .post-featured-img img,
  .category-annual-report-2 .post-featured-img img,
  .category-annual-report-zh-hant .post-featured-img img {
    height: 250px !important;
    object-fit: cover;
  } */
  span.post-featured-img img {
    height: 250px !important;
    object-fit: cover;
  }
  div.owl2_carousel .post-area.masonry .post .post-meta {
    top: 265px;
    opacity: 1 !important;
  }
  div.h_achvment_1strow {
    padding-top: 30px !important;
  }
  div.award-holder-title {
    padding-top: 20px !important;
  }
  #discover.pt-10 {
    width: 100%;
    padding-top: 35px !important;
  }
  div.w-100 .join_1strow .inner_row {
    flex: 0 0 30%;
  }
  div.pt-80 {
    padding-top: 50px !important;
  }
  div.pt-100 {
    padding-top: 70px !important;
  }
  div.pt-120 {
    padding-top: 90px !important;
  }
  div.d-text .vc_column-inner {
    padding-bottom: 60px;
  }
  div.vc_col-sm-6.latestTrends_blogpostHeadings h2.title a {
    font-size: 1.125rem;
  }
  div.d-hover .vc_col-sm-8 {
    max-height: 600px;
  }
}
@media (min-width: 1000px) {
  body #header-space {
    height: 70px !important;
  }
}
@media only screen and (max-width: 999px) {
  div.wpb_text_column.wpb_content_element.support_svn_capt {
    height: 115px;
  }
  .t-right p {
    text-align: center;
  }
  .campInfo_infoBlocks {
    margin-bottom: 10px !important;
  }
  div.d-flex-h .campInfo_infoBlocks .vc_column-inner .column-bg-overlay {
    background-color: #882581 !important;
  }
  div.d-flex-h .campInfo_infoBlocks .vc_column-inner p,
  div.d-flex-h .campInfo_infoBlocks .vc_column-inner p strong {
    color: #fff !important;
  }
  div div.wpb_text_column.wpb_content_element.actSer_imgCaps {
    bottom: 0;
    margin: 0;
  }
  div.actSer_imgCaps {
    display: block;
  }
  div#page-header-bg .span_6 span.subheader {
    font-size: 32px !important;
    line-height: 38px;
  }
  #map .row_col_wrap_12 {
    flex-direction: column;
  }
  div#map .row_col_wrap_12 .vc_col-sm-6:last-child {
    align-items: flex-start;
    padding-top: 2%;
  }
  #map .row_col_wrap_12 .vc_col-sm-6:last-child .img-with-aniamtion-wrap {
    display: none;
  }
  /* div .tnp-form {
    max-width: 514px;
  } */
  div.border .vc_col-sm-12 {
    padding: 50px 0 !important;
  }
  #d-tab2 p {
    padding: 0 8px;
  }
  .tab3 h3 {
    padding: 0 8px;
  }
  div.d-flex-h .campInfo_infoBlocks .vc_column-inner {
    padding: 30px 15px;
  }
  div.d-flex-h .campInfo_infoBlocks .vc_column-inner P {
    padding: 0px 0px;
  }

  .d-flex-h {
    padding-top: 30px !important;
  }
  #tab-ayp-jockey-club-duke-of-edinburgh-training-camp > div:not(:last-child),
  #discover-campsites {
    padding-top: 50px !important;
  }

  .join_customheadleft {
    margin-bottom: 0 !important;
  }
  .inner_row.left .row_col_wrap_12_inner {
    flex-direction: column-reverse;
  }
  .inner_row.left .join_line_left .nectar-button {
    float: left;
  }
  div.d-sidebar {
    padding-top: 35px !important;
  }
  body:not(.woocommerce-cart) .main-content td {
    padding: 5px !important;
    font-size: 12px;
  }
  .d-hover .vc_col-sm-8 table td {
    font-size: 12px;
    padding: 2px !important;
  }
  .vc_row-o-content-middle .vc_col-sm-4 .nectar-milestone {
    margin-bottom: 0 !important;
  }
  .mb-au-0 .inner_row .row_col_wrap_12_inner {
    align-items: center;
  }
  .mb-au-0 .inner_row .row_col_wrap_12_inner .vc_col-sm-3 {
    flex: 0 0 25%;
    margin-bottom: 0 !important;
  }
  #journey.d-join-before .join_Participant_process > .vc_column-inner {
    padding: 0;
  }
  .d-join-before .vc_col-sm-6:first-child::after {
    display: none !important;
  }
  .join_Participant_process
    > .vc_column-inner
    > .wpb_wrapper
    > .inner_row:first-child::after {
    display: none !important;
  }
  .join_Participant_process
    > .vc_column-inner
    > .wpb_wrapper
    > .inner_row::after {
    width: 2px;
    position: absolute;
    content: "";
    left: -11px;
    z-index: 10;
    background: #707070;
    display: block;
    top: 7px;
    bottom: 0px;
    height: 100%;
    visibility: visible;
    z-index: -1;
  }
  tr.ob_thead th {
    font-size: 12px;
  }
  .hr_timeline_row .vc_col-sm-3 h2 {
    text-align: left !important;
    padding-left: 20px;
    margin-bottom: 0 !important;
  }
  .hr_timeline_row .row_col_wrap_12 {
    padding-bottom: 25px !important;
  }
  #top.hr_timeline_row .vc_col-sm-3::before {
    top: -2px;
  }
  div.hr_timeline_row .vc_col-sm-3 {
    margin-bottom: 0 !important;
  }
  .h_achvment_1strow .nectar-milestone {
    margin-bottom: 0 !important;
  }
  #section1sub3 table td {
    font-size: 12px !important;
    padding: 3px !important;
  }
  .org-struc .vc_col-sm-8 > .vc_column-inner {
    padding: 0 !important;
  }
  .wpb_text_column.wpb_content_element.in_news_table tr td:nth-child(2) {
    padding-left: 0 !important;
  }
  div.about-us-img-text-row-1 > .col,
  div.about-us-img-text-row-3 > .col {
    flex-direction: column;
  }
  #ambition .row_col_wrap_12 {
    flex-direction: column-reverse !important;
  }
  div.top-level .swiper-slide .content p strong {
    font-size: 40px;
  }
  div.top-level .swiper-slide .content p em {
    font-size: 40px;
  }
  div.hr_timeline_row
    .inner_row
    .vc_col-sm-12
    .vc_column-inner
    > .wpb_wrapper
    .img-with-aniamtion-wrap {
    margin-left: 0px;
  }
  div div.mw_1394 .row_col_wrap_12 {
    max-width: 80% !important;
  }
  div.hr_timeline_row:nth-child(3) > .col:after {
    height: 99%;
  }
  .hr_timeline_row .inner_row .vc_col-sm-12 .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
  }
  div div.second-child .vc_col-sm-6:last-child {
    padding: 1% !important;
  }
  div div.first-child .vc_col-sm-6:first-child {
    padding: 1% !important;
  }
  .second-child .row_col_wrap_12_inner {
    display: flex;
    flex-direction: column-reverse;
  }
  div div.second-child .vc_col-sm-6:last-child {
    padding-bottom: 20px !important;
  }
  div div.first-child .vc_col-sm-6:first-child {
    padding-bottom: 20px !important;
  }
  .second-child {
    margin-bottom: 30px !important;
  }
  .first-child {
    margin-bottom: 30px !important;
  }
  .first-child .vc_col-sm-6:last-child {
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
  .second-child .vc_col-sm-6:first-child {
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
  div.pt-80 {
    padding-top: 40px !important;
  }
  div.pt-100 {
    padding-top: 0px !important;
  }
  div.pt-120 {
    padding-top: 0px !important;
  }
  div#ajax-content-wrap div.youth1 .vc_col-sm-6 {
    margin-bottom: 0;
  }
  div#ajax-content-wrap div.youth2 .vc_col-sm-6 {
    margin-bottom: 0;
  }
  .d_upper_footer .vc_col-sm-6 {
    padding-left: 0 !important;
  }
  .actServ_imgblocks,
  .acco_imgblocks {
    margin-bottom: 25px !important;
  }
  div.d-flex .wpb_wrapper {
    display: flex;
    justify-content: flex-start;
  }
  .ci-map-container .row_col_wrap_12 {
    flex-direction: column-reverse;
  }
  /* .ci-map-container .row_col_wrap_12 .vc_col-sm-6:first-child {
    padding-top: 30px;
  } */
  .campInfo_infoBlocks {
    display: flex;
    justify-content: center;
  }
  .d-width-center {
    width: 80%;
    margin: 0 auto;
  }
  .first_tab .vc_col-sm-4 {
    margin-bottom: 20px !important;
  }
  .btn-end .row_col_wrap_12_inner {
    flex-wrap: nowrap !important;
  }
  div.about-us-img-text-row-1 {
    margin-bottom: 50px !important;
  }
  div.about-us-img-text-row-2 {
    margin-bottom: 50px !important;
  }
  div.about-us-img-text-row-3 {
    margin-bottom: 50px !important;
  }
  div#ajax-content-wrap .p_30 .vc_col-sm-6 {
    margin-bottom: 0;
  }
  div.d-table tbody > tr:first-child td,
  div.d-table tbody > tr:first-child th {
    font-size: 1.125rem;
  }
  div.d-table tbody > tr:nth-child(2) td,
  div.d-table tbody > tr:nth-child(2) th {
    font-size: 1.125rem;
  }
  .d-table tbody th,
  .d-table tbody td {
    font-size: 1.125rem;
  }
  .m-res {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  div.vc_col-sm-12.support_buysouvenirs .wpb_wrapper {
    position: relative;
  }
  div
    div
    a.nectar-button.small.regular.accent-color.regular-button.support_btn.Reward_Program {
    float: left;
    margin-top: 15px;
  }
  .supp_lastcol h2 {
    font-size: 1.5rem !important;
  }
  .join_line_right.mt-30 p {
    margin-top: 0;
  }
  .join_Participant_process .vc_column-inner {
    padding: 0 20px;
  }
  .vc_col-sm-12.join_Participant_process:before {
    left: 14px !important;
  }
  .join_line_left.mt-30 h3 {
    margin-top: 0;
  }
  .d-join-before .vc_col-sm-6:first-child::before {
    left: -12px !important;
    display: none;
  }
  .d-join-before .vc_col-sm-6::before {
    left: -12px !important;
  }
  .d-join-before .vc_col-sm-6::before {
    content: "";
    background: #ffeb3b;
    width: 15px;
    height: 15px;
    border-radius: 56%;
    position: absolute;
    right: 0;
    right: -8px;
    top: 8px;
    display: block !important;
  }
  div.d-join-before .inner_row.right .vc_col-sm-6:last-child::before {
    display: none !important;
  }
  div.d-join-before .inner_row.left .vc_col-sm-6:first-child::before {
    display: none !important;
  }
  .join_line_left h3 {
    text-align: left !important;
  }
  .join_line_left {
    margin-bottom: 0 !important;
  }
  .join_customheadleft h3 {
    text-align: left !important;
  }
  .commu_bog_latestnews h2 {
    font-size: 1.25rem !important;
  }
  .org_struct_textblock {
    margin-top: 50px;
  }
  a.nectar-button.small.regular.accent-color.regular-button.support_btn {
    margin-top: 10px;
  }
  .wpb_content_element.inews_tabs ul li:nth-child(4) {
    flex: 0 0 48%;
  }
  .wpb_content_element.inews_tabs ul li:nth-child(1),
  .wpb_content_element.inews_tabs ul li:nth-child(2),
  .wpb_content_element.inews_tabs ul li:nth-child(3) {
    flex: 0 0 48%;
  }

  .support_souvenirs_card img {
    width: 100%;
    height: auto;
  }
  .supp_lastcol .vc_column-inner {
    padding: 0 !important;
  }
  .vc_custom_1608025977331 {
    margin-bottom: 0 !important;
  }
  div.youth {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
  }
  div div.docx_list .vc_col-sm-3 {
    width: 20%;
    margin-bottom: 0 !important;
    padding-left: 75px !important;
  }
  div div.docx-double .vc_col-sm-3 {
    width: 20%;
    margin-bottom: 0 !important;
    padding-left: 75px !important;
  }
  .promote_imgsProduct {
    margin-bottom: 45px !important;
  }
  #menu-item-wpml-ls-32-zh-hant a::before {
    display: none !important;
  }
  div.d-toggle .toggle h3 a i {
    left: 94%;
  }
  .competion-row .row_col_wrap_12 .vc_col-sm-4 {
    margin-bottom: 50px;
  }
  .p-70 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  div div#page-header-bg .blog-title .entry-title {
    font-size: 1.5rem;
  }
  table.gold th,
  table.gold td {
    font-size: 16px;
  }
  #tablepress-1 .sorting {
    font-size: 12px;
    padding-right: 17px;
  }
  div #tablepress-2 thead tr th {
    font-size: 12px;
  }
  #tablepress-1_wrapper {
    overflow: scroll;
  }
  .mw1240 {
    padding: 10px;
  }
  .acc0_t_head th {
    font-size: 10px;
  }
  .d-custom-table > .wpb_wrapper > .wpb_wrapper {
    overflow: scroll;
  }
  .acco_table td {
    font-size: 10px !important;
  }
  .tab_btn .tabbed .ui-tabs-nav li a {
    font-size: 14px;
  }
  div.d-icon .flex-direction-nav li .flex-next:hover::before {
    transition: all 0.3s ease;
    transform: translate(-50%, -50%) scale(1);
  }
  div.d-icon .flex-direction-nav li .flex-prev:hover::before {
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s ease;
  }
  div.d-icon .flex-direction-nav li .flex-prev::before {
    transform: translate(-50%, -50%) scale(0.8);
  }
  div.d-icon .flex-direction-nav li .flex-next::before {
    transform: translate(-50%, -50%) scale(0.8);
  }
  div.d-icon.d-hr.d-d.camp-service-2 .flex-gallery .flex-direction-nav {
    width: 85vw;
  }
  .w-135 .hover-wrap-inner {
    width: 200px;
    margin: 0 auto;
  }
  #discover .vc_col-sm-4 {
    width: 40%;
    margin: 0 auto;
  }
  .d-table .wpb_wrapper {
    overflow-x: scroll;
  }
  .d-table table {
    width: 700px;
  }

  div.p_30 .vc_col-sm-6:last-child .nectar-fancy-ul ul li::before {
    left: calc(-6% - 20px);
  }
  div.p_30 .vc_col-sm-6:last-child .nectar-fancy-ul {
    padding-left: 40px;
  }
  .pt-res {
    padding-top: 50px !important;
  }
  div div.docx_list .vc_col-sm-3 {
    padding-left: 50px !important;
  }
  div div.docx-double .vc_col-sm-3 {
    padding-left: 50px !important;
  }
  div div[data-style="minimal"] .toggle h3 a {
    font-size: 0.875rem;
  }
  h2 {
    font-size: 1.75rem !important;
  }
  h3 {
    font-size: 1.25rem !important;
  }
  .promote_1st_rightcol p {
    line-height: 25px;
  }
  div .promote_linkbtn {
    font-size: 0.875rem;
  }
  .youth1 {
    padding-top: 40px !important;
  }
  .d-toggle .vc_column-inner h2 {
    font-size: 1.5rem !important;
  }
  div.competion-row {
    padding-top: 30px !important;
  }
  .competition {
    padding-top: 30px !important;
  }
  div.ci-contact-container .vc_col-sm-6:nth-child(1) > .vc_column-inner {
    padding-left: 0;
  }
  .first_tab {
    padding-bottom: 50px !important;
  }
  div.d-toggle .toggle h3 a i {
    left: 90%;
  }
}
@media only screen and (max-width: 690px) {
.not_owlcarousel .masonry-blog-item {
    width: 100% !important;
  }
  #section1sub3 table td {
    font-size: 11px !important;
    padding: 3px !important;
  }
  div.promote_imgsProduct .wpb_wrapper .promote_imgsProduct_des {
    height: 110px;
    padding-top: 10px;
  }
  /* .category-events-report .post-featured-img img,
  .category-good-stories .post-featured-img img,
  .category-events-report-zh-hant .post-featured-img img,
  .category-good-stories-zh-hant .post-featured-img img,
  .category-good-stories-2 .post-featured-img img,
  .category-international-events .post-featured-img img,
  .category-international-events-zh-hant .post-featured-img img,
  .category-activity .post-featured-img img,
  .category-activity-zh-hant .post-featured-img img,
  .category-annual-report .post-featured-img img,
  .category-annual-report-2 .post-featured-img img,
  .category-annual-report-zh-hant .post-featured-img img {
    height: 200px !important;
    object-fit: cover;
  } */
  span.post-featured-img img {
    height: 200px !important;
    object-fit: cover;
  }
  div.owl2_carousel .post-area.masonry .post .post-meta {
    top: 215px;
  }
  div#page-header-bg .span_6 span.subheader {
    font-size: 24px !important;
    line-height: 30px;
  }
  div .tnp-form {
    width: 100%;
  }
  div#footer-widgets .widget_newsletterwidgetminimal .tnp-form {
    flex-direction: column;
    padding: 20px 10px !important;
  }
  div#footer-widgets div.widget_newsletterwidgetminimal .tnp-submit {
    margin-top: 10px;
    width: 100% !important;
    margin-left: 0;
  }
}
@media only screen and (max-width: 500px) {
  article.masonry-blog-item .article-content-wrap {
    padding: 16px 0px 0px;
  }
  .post.quote .post-content .quote-inner,
  .post.link .post-content .link-inner,
  .format-status .post-content .status-inner,
  .post.format-aside .aside-inner {
    padding: 50px 2% !important;
  }
  .actServ_imgblocks,
  .acco_imgblocks {
    margin-bottom: 20px !important;
  }
  table.gold th,
  table.gold td {
    font-size: 12px;
  }
  div.d-icon.d-hr.d-d.camp-service-2 .wpb_gallery_slides .slides {
    width: 73vw;
  }
  div.d-icon.d-hr.d-d.camp-service-2 .flex-gallery .flex-direction-nav {
    width: 95vw;
  }
  div.w-150 .join_1strow .inner_row {
    padding: 0;
    flex: 0 0 100%;
  }
  .h_ending_qoute2.eng-content p {
    font-size: 20px !important;
  }
  .h_ending_qoute.eng-content p {
    font-size: 24px !important;
  }
  body:not(.woocommerce-cart) .main-content td {
    padding: 2px !important;
    font-size: 12px;
  }
  .full-res
    .inner_row
    .img-with-aniamtion-wrap
    .hover-wrap
    .hover-wrap-inner
    img.img-with-animation {
    width: 100%;
    height: auto;
  }
  a.add-logo-container:before {
    height: 20px;
  }
  #discover .vc_col-sm-4 {
    width: 55%;
    margin: 0 auto;
  }
  .second-child {
    margin-bottom: 15px !important;
  }
  .first-child {
    margin-bottom: 15px !important;
  }
  div.pt-80 {
    padding-top: 40px !important;
  }
  div.pt-100 {
    padding-top: 0px !important;
  }
  .first_tab {
    padding-top: 50px !important;
  }
  h2.vc_custom_1607594184372 {
    margin-top: 39px !important;
  }
  .d-width-center {
    width: 90%;
    margin: 0 auto;
  }
  div.btn-end .row_col_wrap_12_inner {
    flex-wrap: wrap !important;
    flex-direction: column-reverse;
  }
  div.btn-end .row_col_wrap_12_inner .vc_col-sm-6:first-child {
    margin-top: 20px;
  }
  .supp_lastcol h2 {
    font-size: 1.25rem !important;
  }
  h2 {
    font-size: 1.5625rem !important;
  }
  div.d-table table {
    width: 600px;
  }
  .join_Participant_process .vc_column-inner {
    padding: 0 5px;
  }
  /* .d-join-before .vc_col-sm-6:first-child::before {
    display: none;
  } */
  div.org_struct_textblock {
    margin-top: 30px;
  }
  div div.docx_list .vc_col-sm-3 {
    padding-left: 30px !important;
  }
  div.docx_list .vc_col-sm-9 a {
    font-size: 0.875rem;
  }
  div div.docx-double .vc_col-sm-3 {
    padding-left: 30px !important;
  }
  div.docx-double .vc_col-sm-9 a {
    font-size: 0.875rem;
  }
  .commu_bog_latestnews h2 {
    font-size: 1.25rem !important;
  }
  .d-join-before .vc_col-sm-6::before {
    left: -14px !important;
  }
  .d-join-before .vc_col-sm-6:first-child::before {
    left: -14px !important;
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .tab_btn .tabbed .ui-tabs-nav {
    display: flex;
    flex-direction: column;
  }
  div.tab_btn .tabbed .ui-tabs-nav li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 375px) {
  .d-join-before .vc_col-sm-6::before {
    left: -0px !important;
  }
  a.add-logo-container img {
    padding-left: 4px;
  }
  a.add-logo-container {
    margin-left: 3px;
  }
  div.d-table table {
    width: 500px;
  }
  .d-width-center {
    width: 95%;
    margin: 0 auto;
  }
  .join_Participant_process
    > .vc_column-inner
    > .wpb_wrapper
    > .inner_row::after {
    left: 4px;
  }
  .d-join-before .vc_col-sm-6:first-child::before {
    left: 0px !important;
  }
}
@media only screen and (max-width: 320px) {
  div.hr_timeline_row
    .vc_col-sm-9
    .vc_row.inner_row
    .vc_col-sm-12
    .hover-wrap-inner {
    width: 270px;
  }
}

.wp-ttolbar-container .widget > h4 {
  display: none;
}
.wp-ttolbar-container {
  flex-flow: column;
  justify-content: center;
}

#search-btn .widget > h4 {
  display: none;
}

.slide-out-widget-area-toggle .widget > h4 {
  display: none;
}

.lines:before {
  width: 100%;
}

body #header-outer,
body[data-header-color="dark"] #header-outer,
body[data-header-color="dark"]:not([data-header-format="left-header"])
  #top
  .sf-menu
  li
  ul,
body[data-header-color="dark"] #top nav > ul > .megamenu > .sub-menu {
  background-color: #3c3c3a !important;
}

body #header-outer .sf-menu > .megamenu > .sub-menu {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Group-46-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  background-blend-mode: overlay;
}

#home-animated img {
  object-fit: cover;
  height: 450px;
}

#home-animated .inner_row > .row_col_wrap_12_inner {
  display: flex;
  flex-wrap: nowrap;
}

#home-animated .inner_row > .row_col_wrap_12_inner > div {
  transition: 0.5s;
}

#home-animated .inner_row > .row_col_wrap_12_inner > div:hover {
  width: 40%;
  transition: 0.5s;
}

#home-animated
  .inner_row
  > .row_col_wrap_12_inner
  > div:hover
  .column-bg-overlay-wrap {
  opacity: 0;
}

#home-animated
  .inner_row
  > .row_col_wrap_12_inner
  > div
  .column-bg-overlay-wrap {
  z-index: 1;
  opacity: 0.75;
}

#home-animated
  .inner_row
  > .row_col_wrap_12_inner
  > div:nth-child(1)
  .column-bg-overlay-wrap {
  background-color: #882581;
}

#home-animated
  .inner_row
  > .row_col_wrap_12_inner
  > div:nth-child(2)
  .column-bg-overlay-wrap {
  background-color: #ffc72c;
}

#home-animated
  .inner_row
  > .row_col_wrap_12_inner
  > div:nth-child(3)
  .column-bg-overlay-wrap {
  background-color: #e60146;
}

#home-animated
  .inner_row
  > .row_col_wrap_12_inner
  > div:nth-child(4)
  .column-bg-overlay-wrap {
  background-color: #009ec8;
}

.vc_custom_heading.h_coloroverlay_text {
  z-index: 1;
}
.a11y-non-responsive.a11y-toolbar.ltr.right {
  display: none;
}
/* ----------------------------------------------------------------------------------------menu -----------------------------------------------------------------------*/
#text-5 p {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
}
#text-4 p {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
}
.a11y-toolbar-widget ul li {
  line-height: 20px;
}
#text-6 {
  margin-top: 4px;
}
#text-6 p {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 30px;
}
#text-7 {
  margin-top: 4px;
}
#text-7 p {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 30px;
}
#search-btn > div > a > span::before {
  font-size: 1.425rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
}

#menu-item-3689,
#menu-item-wpml-ls-32-zh-hant {
  margin-left: 25px;
}
#menu-item-1724,
#menu-item-wpml-ls-32-zh-hant {
  margin-left: 25px;
}
#menu-item-1724 > a {
  color: #fff !important;
  transition: all 0.3s ease;
}
#menu-item-1724 > a:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  display: block;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Group-962.svg")
    no-repeat center;
  transition: all 0.3s ease;
}
#menu-item-3689 > a {
  color: #fff !important;
  transition: all 0.3s ease;
}
#menu-item-3689 > a:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  display: block;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Group-962.svg")
    no-repeat center;
  transition: all 0.3s ease;
}
#menu-item-1724.sfHover > a::before {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Group-962-1.svg")
    no-repeat center !important;
  transition: all 0.3s ease;
}
#menu-item-3689.sfHover > a::before {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Group-962-1.svg")
    no-repeat center !important;
  transition: all 0.3s ease;
}
.font-size-hidden {
  top: calc(100% + 0px);
  right: 0px;
  background: #3c3c3a;
  padding: 14px 10px;
  transition: all 0.5s ease-in;
}
.small-nav .font-size-hidden {
  top: calc(100% + 0px);
}
#top nav {
  height: 70px;
}
#top .row > .span_9 {
  display: flex;
  align-items: center;
}
.menu-item-type-wpml_ls_menu_item a {
  font-size: 1.25rem !important;
  color: #fff !important;
  font-weight: bold;
  position: relative;
}
#menu-item-wpml-ls-32-zh-hant a::before {
  content: "";
  display: block;
  width: 3px;
  position: absolute;
  height: 100%;
  background-color: #71a100 !important;
  top: 0;
  right: -12px;
}
#header-outer[data-lhe="animated_underline"]
  #top
  nav
  > ul
  > li:not([class*="button_"])
  > a:after {
  display: none;
}
#top nav ul .wpml-ls-current-language a {
  color: #71a100 !important;
}
#top nav ul #search-btn a {
  margin: 0 auto;
}
.right-side-menu {
  padding-left: 75px !important;
}
/* .right-side-menu ul > li:first-child a {
  text-transform: uppercase !important;
  color: #71a100 !important;
} */
.left-side-menu ul > li:first-child a {
  text-transform: uppercase !important;
  color: #71a100 !important;
}
#header-outer #top nav #menu-item-1519 a:hover {
  color: #71a100 !important;
  background-color: transparent !important;
}
.left-side-menu {
  padding-right: 75px !important;
}
html body.material #search-outer,
html body #search-outer {
  right: 485px;
  max-width: 279px;
}
html body.material #search-outer #search #search-box form {
  padding: 20px 30px;
}
html body.material #search-outer #search #search-box input[type="text"] {
  font-size: 1rem;
  border-bottom: 2px solid #fff;
}
#menu-item-1724 > ul > li {
  position: relative;
}
#menu-item-1724 > ul > li:last-child {
  padding-left: 60px !important;
}
#menu-item-1724 > ul > li:first-child > a,
#menu-item-1724 > ul > li:last-child > a {
  color: #71a100 !important;
}
#menu-item-1724 ul li a {
  color: #ffffff !important;
  font-size: 1rem !important;
  letter-spacing: 1.3px !important;
}
#menu-item-3689 > ul > li {
  position: relative;
}
#menu-item-3689 > ul > li:last-child {
  padding-left: 60px !important;
}
#menu-item-3689 > ul > li:first-child > a,
#menu-item-3689 > ul > li:last-child > a {
  color: #71a100 !important;
}
#menu-item-3689 ul li a {
  color: #ffffff !important;
  font-size: 1rem !important;
  letter-spacing: 1.3px !important;
}
#header-outer #top nav > ul > .megamenu > ul ul li a:hover {
  background-color: transparent !important;
  color: #71a100 !important;
}
#header-outer #top nav > ul > .megamenu > ul ul li a {
  background-color: transparent !important;
  color: #ffffff !important;
}
ul.sf-menu li ul li .sf-sub-indicator {
  left: 100%;
}
#header-outer #top nav > ul > .megamenu > ul ul li a {
  max-width: 190px;
}
/* #header-outer #top nav > ul > .megamenu > ul ul .current-menu-item a {
  background-color: #71a100 !important;
  color: #ffffff !important;
} */
.sf-menu .megamenu ul .megamenu ul li:first-child {
}

#menu-item-3689 > ul > li:first-child::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #ffffff;
}
#menu-item-1724 > ul > li:first-child::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #ffffff;
}

/* mack */
.d-flex .wpb_wrapper {
  display: flex;
  justify-content: flex-end;
}
.d-flex .wpb_wrapper .nectar-button {
  margin-bottom: 0;
}
.font_20 p {
  color: #707070;
  line-height: 42px;
}
.color_80 p {
  color: #808080 !important;
}
#ajax-content-wrap .mb_0 {
  margin-bottom: 0;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-10 {
  padding-top: 80px !important;
  width: 85%;
  margin: 0 auto;
}
.au_bggreen .vc_row-o-content-middle {
  width: 85%;
  margin: 0 auto;
}
.pt-10 .vc_col-sm-8 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pt-10 .vc_col-sm-4 {
  display: flex;
  justify-content: center;
}
.d-block .nectar-button {
  display: block !important;
}
.actServ_imgblocks .hover-wrap-inner a,
.actServ_imgblocks .hover-wrap-inner a img {
  width: 100%;
}
/* .actServ_imgblocks {
  flex: 0 0 35%;
} */
.actandService_tab .wpb_tab > div > .row_col_wrap_12_inner {
  justify-content: center;
}
.d-sidebar #sidebar {
  display: none;
}
.d-sidebar .post-area.span_9 {
  width: 100%;
  margin-right: 0;
}
.actServ_imgblocks .img-with-aniamtion-wrap .hover-wrap {
  margin-bottom: 0;
}

.d-sidebar .post .content-inner {
  padding-bottom: 0;
}
.d-sidebar .post .post-content {
  position: relative;
  /* max-height: 98px; */
  line-height: 36px;
  /* height: 45px; */
  /* min-height: 36px; */
}

.d-sidebar .post .excerpt {
  display: none;
}

.d-sidebar .post .title {
  height: 4.5rem;
  font-size: 1.4rem;
  line-height: 2.2rem !important;
  overflow: hidden;
  display: block;
}

.d-sidebar .post .more-link,
.d-sidebar .post .post-author {
  display: none !important;
}

/* community */
.owl2_carousel .owl-carousel .more-link {
  display: flex;
  justify-content: flex-end;
  color: #882581;
}
.owl_code .post.masonry-blog-item .more-link {
  display: flex;
  justify-content: flex-end;
  color: #882581;
}
.owl_code .post.masonry-blog-item .more-link span:hover {
  background: #ffffff;
}
.owl_code .post.masonry-blog-item .more-link span {
  background: #ffffff;
}
.owl2_carousel .owl-carousel .more-link span:hover {
  background: #ffffff;
}
.owl2_carousel .owl-carousel .more-link span {
  background: #ffffff;
}
.owl2_carousel .owl-carousel .owl-nav.disabled {
  display: flex;
  position: absolute;
  top: 35%;
  width: 100%;
  justify-content: space-between;
}
.owl2_carousel .owl-prev {
  position: relative;
  width: 35px;
  height: 35px;
  left: -5%;
  background: none !important;
  padding: 0px !important;
  margin: 0 !important;
  border: unset !important;
}
.owl2_carousel .owl-prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowleft.png");
}
.owl2_carousel .owl-next {
  position: relative;
  right: -5%;
  background: none !important;
  padding: 0px !important;
  margin: 0 !important;
  width: 35px;
  height: 35px;
  border: unset !important;
}
.owl2_carousel .owl-next span,
.owl2_carousel .owl-prev span {
  display: none;
}
.owl2_carousel .owl-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowright.png");
}
.owl2_carousel .owl-dots,
.owl2_carousel .meta-category {
  display: none;
}
.owl_code .meta-category {
  display: none;
}
.owl2_carousel .post-area.masonry .post .post-meta {
  position: absolute;
  top: 315px;
}
.owl2_carousel .post-area.masonry .post-content {
  position: relative;
}
.owl_code .post-area.masonry .post .post-meta {
  display: block;
}
body .post.masonry-blog-item .post-meta .date {
  display: block !important;
}
.owl2_carousel div.content-inner > div > div.post-header > .post-meta {
  display: none;
}
.owl2_carousel div.content-inner > div > div.post-header > div {
  padding-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
.owl_code div.content-inner > div > div.post-header > div {
  display: block !important;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}
/* .owl2_carousel div.content-inner > div > div.post-header > div {
  display: block !important;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
} */
.owl_code .date {
  position: relative;
  padding-left: 25px;
}
.owl2_carousel .date {
  position: relative;
  padding-left: 25px;
}
.owl_code .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;

  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-547.svg")
    no-repeat center;
  background-size: cover;
}
.owl2_carousel .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;

  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-547.svg")
    no-repeat center;
  background-size: cover;
}
.owl2_carousel .post-header {
  position: relative;
  padding-top: 30px;
  margin-bottom: 0;
}
.owl_code .post-header {
  position: relative;
  padding-top: 30px;
  margin-bottom: 0;
}
.owl2_carousel .more-link span {
  position: relative;
  padding-right: 30px;
  font-size: 1rem;
}
.owl_code .more-link span {
  position: relative;
  padding-right: 30px;
  font-size: 1rem;
}
.color-882581 .more-link span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  width: 15px;
  height: 15px;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Arrow-Button-Purple-01.svg");
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Red-01.svg");
  background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Blue-01.svg"); */
  background-size: cover;
  /* color: #882581; */
}
.color-D51D1D .more-link span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  width: 15px;
  height: 15px;
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Purple-01.svg"); */
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Arrow-Button-Red-01.svg");
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Blue-01.svg"); */
  background-size: cover;
  /* color: #D51D1D; */
}
.color-009DC8 .more-link span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  width: 15px;
  height: 15px;
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Purple-01.svg"); */
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Red-01.svg"); */
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Arrow-Button-Blue-01.svg");
  background-size: cover;
  /* color: #009DC8; */
}
.color-E51C2D .more-link span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  width: 15px;
  height: 15px;
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Purple-01.svg"); */
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Red-01.svg"); */
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Arrow-Button-Pink-01-01.svg");
  background-size: cover;
  /* color: #009DC8; */
}
.color-009DC8 .more-link span,
.color-009DC8 .title a {
  color: #009dc8 !important;
}
.color-E60146 .more-link span,
.color-E60146 .title a {
  color: #e60146 !important;
}
.color-E60146 .more-link span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  width: 15px;
  height: 15px;
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Purple-01.svg"); */
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Red-01.svg"); */
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Arrow-Button-Pink-01-01.svg");
  background-size: cover;
  /* color: #009DC8; */
}
.color-009EC8 .more-link span,
.color-009EC8 .title a {
  color: #009ec8 !important;
}
.color-009EC8 .more-link span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  width: 15px;
  height: 15px;
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Purple-01.svg"); */
  /* background: url("http://devwp.visibleone.io/ayp/wp-content/uploads/2020/12/Arrow-Button-Red-01.svg"); */
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Arrow-Button-Blue-01.svg");
  background-size: cover;
  /* color: #009DC8; */
}
/* owl1 carousel */

.owl1_carousel .owl-carousel .more-link {
  display: flex;
  justify-content: flex-end;
  color: #882581;
}
.owl1_carousel .owl-carousel .more-link span:hover {
  background: #ffffff;
}
.owl1_carousel .owl-carousel .more-link span {
  background: #ffffff;
}
.owl1_carousel .owl-carousel .owl-nav.disabled {
  display: flex;
  justify-content: center;
}
.owl1_carousel .owl-prev {
  position: relative;
  width: auto;
  height: 35px;
  left: -0.5%;
  background: none !important;
  padding: 0px !important;
  margin: 0 !important;
  border: unset !important;
}
.owl1_carousel .owl-prev p {
  float: left;
  display: block !important;
  color: black;
  padding: 0;
}
.owl1_carousel .owl-next p {
  float: right;
  display: block !important;
  color: black;
  padding: 0;
}
.owl1_carousel .owl-prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  background-size: contain;
  background-position: center;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-624.svg")
    center no-repeat;
}
.owl1_carousel .owl-next {
  position: relative;
  right: -0.5%;
  background: none !important;
  padding: 0px !important;
  margin: 0 !important;
  width: auto;
  height: 35px;
  border: unset !important;
}
.owl1_carousel .owl-next span,
.owl1_carousel .owl-prev span {
  display: none;
}
.owl1_carousel .owl-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 100%;
  background-size: contain;
  background-position: center;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-623.svg")
    center no-repeat;
}
.color-E60146-none .owl-next::before {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-623.png")
    center no-repeat !important;
}
.color-E60146-none .owl-prev::before {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-624.png")
    center no-repeat !important;
}
.color-009EC8-none .owl-next::before {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-623-2.svg")
    center no-repeat !important;
}
.color-009EC8-none .owl-prev::before {
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-624-1.svg")
    center no-repeat !important;
}
.owl1_carousel .owl-dots,
.owl1_carousel .meta-category {
  display: none;
}
.owl_code .post-area.masonry .post .post-meta {
  position: absolute;
  bottom: 6px !important;
  left: 0;
  width: 200px;
  height: 50px;
  top: unset;
}

.owl1_carousel .post-area.masonry .post .post-meta {
  position: absolute;
  bottom: 6px !important;
  left: 0;
  width: 200px;
  height: 50px;
  top: unset;
}
.owl1_carousel .post-area.masonry .post .post-meta .date {
  position: relative;
  padding-left: 25px;
}
.owl1_carousel .post-area.masonry .post .post-meta .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Path-547.svg")
    no-repeat center;
  background-size: cover;
}
.owl1_carousel .post-content > .content-inner > a,
.d-none {
  display: none;
}
.color-882581 .title a,
.color-882581-none .title a {
  color: #882581;
}
.color-E60146-none .title a,
.color-E60146 .title a {
  color: #e60146;
}
.color-009EC8-none .title a,
.color-009EC8 .title a {
  color: #009ec8;
}

.color-D51D1D .title a,
.color-D51D1D-none .title a {
  color: #d51d1d;
}
.color-009DC8-none .title a,
.color-009DC8 .title a {
  color: #009dc8;
}
.color-E51C2D-none .title a,
.color-E51C2D .title a {
  color: #e51c2d;
}
.color-E51C2D .owl-carousel .more-link {
  color: #e51c2d !important;
}
.color-E60146-none .owl-carousel .more-link {
  color: #e60146 !important;
}
.color-009EC8-none .owl-carousel .more-link {
  color: #009ec8 !important;
}
.color-E60146 h3 {
  color: #e60146;
}
.color-009DC8 h3 {
  color: #009dc8;
}
.color-882581 h3 {
  color: #882581;
}
.color-D51D1D h3 {
  color: #d51d1d;
}

.color-E51C2D h3 {
  color: #e51c2d;
}
/* community */
html
  body
  #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"]
  #copyright {
  padding-top: 20px;
}
body #footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {
  padding-bottom: 20px;
}

#copyright .container {
  display: flex;
  flex-direction: row;
}
#copyright .first {
  display: flex;
  justify-content: flex-start;
  color: #cccccc;
}
#copyright .col_last {
  display: flex;
  justify-content: flex-end;
  color: white;
  align-items: center;
}
.owl_block_carousel .content-inner > a {
  display: none;
}

/*------------ #button arrow ----------- */
.icon-salient-right-line:before {
  display: none;
}
.top-level .icon-salient-right-line:after,
.top-level .icon-salient-left-arrow:before,
.top-level .icon-salient-right-arrow:before {
  display: none;
}
.top-level .nectar-slider-wrap,
.top-level .swiper-container {
  overflow: visible;
}
.top-level .swiper-container .slider-prev {
  left: -5%;
}
.top-level .swiper-container .slider-next {
  right: -5%;
}
.top-level .slider-next .slide-count {
  background-repeat: no-repeat !important;
  background-size: contain;
  background-position: center left !important;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowright.png");
  transition: all 0.3s ease;
}
.top-level .slider-prev .slide-count {
  background-repeat: no-repeat !important;
  background-size: contain;
  background-position: 100% !important;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowleft.png");
  transition: all 0.3s ease;
}
.top-level .swiper-container .slider-prev,
.top-level .swiper-container .slider-next {
  background-color: #fff;
  height: 52px;
  width: 45px;
}
.top-level .slider-prev .slide-count:hover,
.top-level .slider-next .slide-count:hover {
  transform: scale(1.1);
}

/* --------- end ------------*/

#footer-outer #footer-widgets #text-2 > div > p {
  padding-bottom: 0;
}
.acco_imgblocks .hover-wrap {
  margin-bottom: 0;
}
.au_3col_img path {
  fill: black !important;
}
.d-icon
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.previous:before {
  background-repeat: no-repeat !important;
  background-size: contain;
  background-position: 100% !important;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowleft.png");
}
.d-icon
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next:before {
  background-repeat: no-repeat !important;
  background-size: contain;

  background-position: center left !important;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowright.png");
}
.d-icon
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next {
  right: 13.7%;
}
.d-icon
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.previous {
  left: 13.7%;
}
.d-icon
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button
  svg {
  display: none;
}
.d-icon .nectar-flickity[data-controls*="arrows_overlaid"] .previous:after,
.d-icon
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next::after {
  display: none;
}
/* .d-icon .nectar-flickity:not(.masonry) .flickity-slider .cell {
  width: 6%;
} */
.d-icon .flickity-slider .cell {
  transform: scale(0.95);
}
.d-hr .img-with-aniamtion-wrap .hover-wrap-inner {
  display: inline-block;
}
.d-hr .img-with-aniamtion-wrap .hover-wrap-inner::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  -webkit-mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/11/Line-28.png")
    no-repeat center center;
  mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/11/Line-28.png")
    no-repeat center center;
  -webkit-mask-size: contain;
  background-color: #882581;
}
.pl_25 {
  padding-right: 25px !important;
}
.pr_25 {
  padding-left: 25px !important;
}
.d-carousel .row_col_wrap_12_inner {
  justify-content: center;
  padding-top: 55px;
}
.d-carousel .p-30 .row_col_wrap_12_inner {
  padding: 0;
}
#p-30 .nectar-button {
  display: block;
  padding: 30px;
  border-radius: unset !important;
  font-weight: 500;
}
/* #p-30 .nectar-button:hover {
  background: #882581 !important;
  color: #ffffff !important;
} */
#p-30 .active {
  background: #882581 !important;
  color: #ffffff !important;
}
.p-30 .nectar-button:hover {
  transform: translateY(0) !important;
  -webkit-transform: translateY(-0px) !important;
}
.wpb_content_element.actandService_tab ul li a.active-tab,
.wpb_content_element.acco_tab ul li a.active-tab {
  padding: 30px;
}
.mt-150 {
  margin-top: 100px;
}
.au_3col_sections .inner .hover-wrap-inner {
  height: 125px;
  width: 33%;
  margin: 0 auto;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.au_3col_sections .vc_col-sm-4:first-child .inner .act-hov::after {
  position: absolute;
  content: "";
  display: block;
  top: 0px;
  left: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  -webkit-mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Component-48-–-1.svg")
    no-repeat center center;
  mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Component-48-–-1.svg")
    no-repeat center center;
  -webkit-mask-size: contain;
  background-color: #71a100;
}
.au_3col_sections .vc_col-sm-4:nth-child(2) .inner .act-hov::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  -webkit-mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Component-47-–-1.svg")
    no-repeat center center;
  mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Component-47-–-1.svg")
    no-repeat center center;
  -webkit-mask-size: contain;
  background-color: #71a100;
}
.au_3col_sections .vc_col-sm-4:last-child .inner .act-hov::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  -webkit-mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Component-46-–-1.svg")
    no-repeat center center;
  mask: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/Component-46-–-1.svg")
    no-repeat center center;
  -webkit-mask-size: contain;
  background-color: #71a100;
}
img.img-with-animation.skip-lazy.au_3col_img.animated-in {
  width: 100%;
  height: 100%;
}
/* .au_3col_sections .vc_col-sm-4 .inner .act-hov:hover::after {
  display: block;
} */

/*----- camp - info ---------- */

.d-width-center p {
  font-size: 1.25rem;
  line-height: 44px;
}
.pt_25 .img-with-aniamtion-wrap {
  padding-top: 25px;
}
.d-flex-h .campInfo_infoBlocks .vc_column-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 94%;
  height: 100%;
  padding: 60px 15px;
  margin: 0 auto;
}
.d-bold p strong {
  font-size: 2.625rem;
  font-weight: 1000;
  color: #575757;
}
.d-bold p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: 2px;
}
.campInfo_infoBlocks:hover .d-bold p strong {
  color: #fff;
}
.d-flex-h .campInfo_infoBlocks .vc_column-inner:hover .column-bg-overlay {
  background-color: #882581 !important;
}
.d-flex-h .campInfo_infoBlocks .vc_column-inner .column-bg-overlay {
  border-radius: 5px;
}
.d-flex-h .campInfo_infoBlocks .vc_column-inner:hover p,
.d-flex-h .campInfo_infoBlocks .vc_column-inner:hover p strong {
  color: #fff !important;
}

/* --------Toggle- ------*/

.d-toggle .toggle h3 > a {
  background-color: #892480;
  font-size: 1.25rem;
  color: #ffffff;
  font-weight: 500;
}
.d-toggle .toggle.open h3 a {
  background-color: #892480;
}
.color_8080 {
  color: #808080;
}
.d-toggle .color_8080 p {
  background: #eeeeee;
}
.d-toggle .wpb_wrapper h2 {
  background-color: #ffffff;
}
.d-toggle .vc_col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  transition: all 0.3s linear;
}
.d-toggle .vc_column-inner h2,
.d-toggle .color_8080 p {
  padding: 0 40px;
  transition: all 0.3s linear;
}
.d-toggle .vc_column-inner h2 {
  cursor: pointer;
}
.d-toggle .toggle h3 a i {
  left: 97%;
  width: 20px;
}
.d-toggle .icon-plus-sign:before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  height: 3px;
  background: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
}
.d-toggle .icon-plus-sign:after {
  content: " ";
  top: -1px;
  left: 13px;
  width: 3px;
  margin-left: -4px;
  height: 20px;
  position: absolute;
  background-color: #fff;
  -ms-transition: transform 0.45s cubic-bezier(0.3, 0.4, 0.2, 1),
    background-color 0.15s ease;
  transition: transform 0.45s cubic-bezier(0.3, 0.4, 0.2, 1),
    background-color 0.15s ease;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.3, 0.4, 0.2, 1),
    background-color 0.15s ease;
}
.d-toggle .icon-minus-sign:before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  height: 3px;
  background: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
}
.d-toggle .opened .icon-plus-sign {
  display: none;
}
.d-toggle .open .icon-minus-sign:before {
  display: block;
}
/* .d-toggle .opened .icon-minus-sign {
  display: none;
} */
.d-toggle .color_8080 {
  display: none;
}
.d-toggle .active-text {
  display: block;
  transition: all 0.3s linear;
}
.d-toggle .inner-toggle-wrap div {
  margin-bottom: 0;
}
.d-toggle .toggle.open > div {
  max-height: 10000px !important;
}
.d-toggle .toggle.opened > div {
  max-height: 1000px !important;
}

.color-toggle-E51C2D .toggle.open h3 a {
  background-color: #e51c2d !important;
}
.color-toggle-E51C2D .toggle h3 > a {
  background-color: #e51c2d !important;
}
/* .d-toggle .toggle > div {
  max-height: 0 !important;
} */

/* --------footer----- */
/* #wpcf7-f92-o1 form > .subscribe {
  margin-bottom: 20px;
} */
.subscribe .h_subbtn input {
  margin-top: 0;
  padding: 7px 50px;
  width: auto;
}
.ajax-loader {
  position: absolute;
  right: -24px;
  top: 0;
}
.h_subbtn {
  position: relative;
}
#wpcf7-f92-o1 .invalid .wpcf7-response-output {
  margin: 0;
  padding: 0.2em 1em;
  border: 2px solid #71a100;
  display: inline-block;
  font-size: 0.875rem;
  width: 40%;
}
/* end */

a.nectar-button.medium.regular.accent-color.regular-button.h_imgLink_btn,
a.nectar-button.medium.regular.accent-color.regular-button.cs_imglink_btn {
  width: auto !important;
  padding: 10px 50px;
  font-weight: bold;
}

a.nectar-button.medium.regular.accent-color.regular-button.h_imgLink_btn span,
a.nectar-button.medium.regular.accent-color.regular-button.cs_imglink_btn span {
  text-shadow: 2px 2px 5px #000000;
}
a.nectar-button.medium.regular.accent-color.regular-button.h_imgLink_btn:hover,
a.nectar-button.medium.regular.accent-color.regular-button.cs_imglink_btn:hover {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
}
.container div.h_imglink_sections,
.container div.cs_imglink_sections {
  top: 40%;
}

/* community */

.commu_bog_latestnews .post-area.standard-minimal .post .post-header {
  margin-bottom: 0 !important;
}
.commu_bog_latestnews .post .post-header h1,
.commu_bog_latestnews .post .post-header h2 {
  line-height: 45px;
}
.commu_bog_latestnews .posts-container article {
  padding-top: 15px;
  padding-bottom: 5px;
  border-top: 1px solid #a7a9ac;
}
.commu_bog_latestnews .posts-container article:last-child {
  border-bottom: 1px solid #a7a9ac;
}
.commu_bog_latestnews .post .post-header h2 a {
  color: #707070;
  font-weight: 500;
}

/* #d-image .article-content-wrap {
  flex-direction: column;
}
#d-image .post-featured-img-wrap {
  height: 288px;
}
#d-image
  .post-area.featured_img_left
  .article-content-wrap
  .post-featured-img-wrap {
  width: 100%;
}
#d-image .post-area.featured_img_left .article-content-wrap .post-content-wrap {
  width: 100%;
} */
.d-absolute {
  display: none;
}
.d-relative {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.d-relative .wpb_wrapper p {
  color: #ffffff;
  opacity: 1;
  z-index: 99;
  padding: 20px;
}
.d-relative > .vc_column-inner > .wpb_wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #232323;
  z-index: -1;
  position: absolute;
  opacity: 0.6;
}
.hr_timeline_row .vc_col-sm-3 {
  border-right: 1px solid #575757;
  position: relative;
}
.hr_timeline_row .vc_col-sm-3::before {
  content: "";
  background: #ffeb3b;
  width: 15px;
  height: 15px;
  border-radius: 56%;
  position: absolute;
  right: 0;
  right: -7px;
  top: 0px;
}
h2.vc_custom_heading.hr_timeline_year:after {
  display: none;
}
#ajax-content-wrap .hr_timeline_row {
  margin-bottom: 0;
}
div.mw_1394 .row_col_wrap_12 {
  max-width: 70% !important;
  /* margin-left: 5% !important; */
}
.hr_timeline_row .vc_col-sm-3 .wpb_wrapper {
  position: relative;
  top: -5px;
}
.hr_timeline_row .inner_row .vc_col-sm-12 .vc_column-inner > .wpb_wrapper {
  display: flex;
}
.hr_timeline_row
  .inner_row
  .vc_col-sm-12
  .vc_column-inner
  > .wpb_wrapper
  .img-with-aniamtion-wrap {
  margin-left: 20px;
}
.hr_timeline_row .mb_0,
.hr_timeline_row .vc_col-sm-3 h2 {
  margin-top: -13px;
}
#ajax-content-wrap #home-animated img {
  height: 600px;
}
.d-join-before .vc_col-sm-6:first-child::before {
  content: "";
  background: #ffeb3b;
  width: 15px;
  height: 15px;
  border-radius: 56%;
  position: absolute;
  right: 0;
  right: -8px;
  top: 8px;
}

/* .d-join-before .vc_col-sm-6:first-child {
  border-right: 2px solid red;
} */
.d-join-before h3.vc_custom_heading.join_customheadleft:after {
  display: none;
}
.d-join-before h3.vc_custom_heading.join_customheadright:before {
  display: none;
}
.owl_block_carousel article {
  border-bottom: 1px solid #707070;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  margin-right: 30px;
  padding: 15px;
}
.owl_block_carousel article > .inner-wrap {
  display: flex;
  align-items: flex-end;
}
.bg_yellow h3 {
  background-color: #ffc72c;
  color: #575757;
  display: inline-block;
  padding: 5px 10px;
}
.m_width_60 p {
  width: 58%;
  margin: 0 auto;
}
.number_before {
}
#ajax-content-wrap .p_30 .vc_col-sm-6 {
  padding: 65px;
}
.p_30 .vc_col-sm-6 p {
  padding-bottom: 0px !important;
}
.p_30 .vc_col-sm-6 p img {
  margin-bottom: 0 !important;
}
.p_30 .vc_col-sm-6:first-child .nectar-fancy-ul {
  padding-left: 20px;
}
.p_30 .vc_col-sm-6:last-child .nectar-fancy-ul {
  padding-left: 50px;
}
.p_30 .vc_col-sm-6:first-child h2 {
  padding-left: 27px;
  color: #575757;
}
.p_30 .vc_col-sm-6:last-child h2 {
  padding-left: 10px;
  color: #575757;
}
.p_30 .vc_col-sm-6:last-child .nectar-fancy-ul ul li {
  position: relative;
}
.p_30 .vc_col-sm-6:last-child .nectar-fancy-ul ul li::before {
  content: "";
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/noun_tick_589922.svg")
    no-repeat center;
  top: calc(50% - 15px);
  left: calc(-6% - 10px);
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
}
.promote_imgsProduct_des {
  background-color: #009dc8;
  color: #ffffff;
  padding: 10px 20px;
}
.promote_imgsProduct_des p {
  padding-bottom: 0;
  font-size: 1rem;
}
.promote_imgsProduct_des h3 {
  font-weight: bold;
  color: #fff;
}
.reward p {
  line-height: 35px;
}
.reward-inner .vc_col-sm-4 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.reward .reward-inner .vc_col-sm-4 .nectar-button:hover {
  background-color: #aaaaaa !important;
  color: #ffffff !important;
  -ms-transform: translateY(-0px);
  transform: translateY(-0px);
  -webkit-transform: translateY(-0px);
}
.reward_button:hover {
  background-color: #aaaaaa !important;
  color: #ffffff !important;
  -ms-transform: translateY(-0px) !important;
  transform: translateY(-0px) !important;
  -webkit-transform: translateY(-0px) !important;
  border: 1px solid #aaaaaa;
}
.reward_button {
  border: 1px solid #e60146;
}
.nectar-button {
  padding: 7px 40px !important;
}

/* competition */

.competition .owl-dots {
  position: absolute;
  bottom: calc(0% + 41px);
  left: 50%;
  transform: translate(-50%);
}

.competition .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791 !important;
}
.competition .span_12.dark .owl-theme .owl-dots .owl-dot.active span {
  background: #869791 !important;
}
.competition .span_12.dark .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791 !important;
}
/* upper footer */

.h_contactarea p {
  padding-bottom: 0;
  color: #4a4a4a;
}
#wpcf7-f72-p10-o1 .h_contactarea > h3 {
  margin-bottom: 10px;
}
.d_upper_footer .vc_col-sm-6:last-child {
  padding-left: 50px;
}
.d_upper_footer .row-bg.using-bg-color {
  opacity: 0.85;
}

/* menu */

/* .wpml-ls-menu-item {
  opacity: 0;
  visibility: hidden;
} */
/* .sf-menu .wpml-ls-current-language {
  opacity: 1;
  visibility: visible;
}
ul.sf-menu .wpml-ls-current-language a:hover ul.sf-menu .wpml-ls-menu-item {
  opacity: 1;
  visibility: visible;
} */

/* camp service update */

.tab_btn .tabbed > div {
  max-width: 1240px;
  margin: 0 auto;
}

.tab_btn .tabbed .ui-tabs-nav {
  display: flex;
}
.tab_btn .tabbed .ui-tabs-nav li {
  flex: 0 0 50%;
  max-width: 50%;
}
.tab_btn .tabbed .ui-tabs-nav li a {
  text-align: center;
}
.tab_btn .tabbed .ui-tabs-nav li a.active-tab {
  background-color: #882581;
}
/* .d-toggle .toggle.open .icon-minus-sign {
  display: none;
} */
#ajax-content-wrap .first_tab .vc_col-sm-4 {
  padding: 0 10px;
}
.d-block .nectar-button {
  text-align: center;
  padding: 20px 40px !important;
}
.nectar-button {
  transform: translateY(0) !important;
}
.actSer_imgCaps p {
  line-height: 30px;
}

/* ----------------------------youth activities */

.youth1 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper {
  position: relative;
  transition: all 0.3s linear;
}
.youth1 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > div:first-child {
  z-index: -1;
}
.youth2 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper > div:first-child {
  z-index: -1;
}
.youth2 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper {
  position: relative;
}
.d-abso {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  height: 85%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  opacity: 1;
  transition: all 0.3s linear;
}
.d-abso h2 {
  color: #fff !important;
  text-align: center !important;
  font-weight: bold !important;
  text-shadow: 2px 2px 5px #000;
}
.d-abso h2 a {
  white-space: nowrap;
}
.youth1 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper:hover .d-abso {
  background-color: rgba(35, 35, 35, 0.43);
}
.youth2 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper:hover .d-abso {
  background-color: rgba(35, 35, 35, 0.43);
}
/* .youth1 .vc_col-sm-6:first-child .d-abso {
  background-color: #232323;
} */

/* detail */

div.docx_list .vc_col-sm-3 {
  width: 12%;
  padding-left: 100px !important;
}
div.docx_list .vc_col-sm-9 {
  width: 88%;
  display: flex;
  align-items: center;
}
#ajax-content-wrap div.docx_list {
  background-color: #eeeeee;
  margin-top: 10px;
  margin-bottom: 0px;
}
div.docx_list .vc_col-sm-9 a {
  color: #808080;
  width: 100%;
  display: block;
  text-align: left;
}
div.docx_list .row_col_wrap_12_inner {
  padding: 10px 0px;
}
div.docx_list .vc_col-sm-9 .vc_column-inner {
  width: 100%;
}
div.docx-double .vc_col-sm-3 {
  width: 12%;
  padding-left: 100px !important;
}
div.docx-double .vc_col-sm-9 {
  width: 88%;
  display: flex;
  align-items: center;
}
#ajax-content-wrap div.docx-double {
  background-color: #eeeeee;
  margin-top: 10px;
  margin-bottom: 0px;
}
div.docx-double .vc_col-sm-9 a {
  color: #808080;
  width: 100%;
  display: block;
  text-align: left;
}
div.docx-double .row_col_wrap_12_inner {
  padding: 10px 0px;
}
div.docx-double .vc_col-sm-9 .vc_column-inner {
  width: 100%;
}
div.d-about
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next {
  right: -5%;
}
div.d-about
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.previous {
  left: -5%;
}
div#header-outer .sf-menu li ul li a {
  line-height: 20px;
}

/* dontae box */

.donate_box .wpb_text_column {
  background: #ec3f73;
}
.donate_box .wpb_text_column h3 {
  color: #ffffff !important;
  padding: 13px;
}
div.vc_row-fluid > .span_12 .donate_box {
  border: 2px solid #ec3f73;
  border-radius: 5px;
  padding: 0;
}
#wpforms-1239-field_9-container #wpforms-1239-field_9 {
  display: flex;
  justify-content: space-between;
}
#wpforms-1239-field_9-container {
  margin-bottom: 20px;
}
#wpforms-1239-field_3-container {
  margin-bottom: 50px;
}
#wpforms-5474-field_9-container #wpforms-5474-field_9 {
  display: flex;
  justify-content: space-between;
}
#wpforms-5474-field_9-container {
  margin-bottom: 20px;
}
#wpforms-5474-field_3-container {
  margin-bottom: 50px;
}
div.donate_box
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
  -ms-transform: translateY(-0px);
  transform: translateY(-0px);
  -webkit-transform: translateY(-0px);
}
div.donate_box div.wpforms-container-full .wpforms-form button[type="submit"] {
  -ms-transform: translateY(-0px);
  transform: translateY(-0px);
  -webkit-transform: translateY(-0px);
}
div.donate_box
  div.wpforms-container-full
  #wpforms-1239-field_9
  .depth-1.wpforms-selected {
  border: 2px solid #ec3f73 !important;
  border-radius: 5px;
  color: #ec3f73;
}
.donate_box div.wpforms-container-full #wpforms-1239-field_9 .depth-1 {
  border: 2px solid #888a89 !important;
  border-radius: 5px;
  margin-bottom: 0 !important;
  /* padding: 0 40px !important; */
}
div.donate_box
  div.wpforms-container-full
  #wpforms-5474-field_9
  .depth-1.wpforms-selected {
  border: 2px solid #ec3f73 !important;
  border-radius: 5px;
  color: #ec3f73;
}
.donate_box div.wpforms-container-full #wpforms-5474-field_9 .depth-1 {
  border: 2px solid #888a89 !important;
  border-radius: 5px;
  margin-bottom: 0 !important;
  /* padding: 0 40px !important; */
}
/* .donate_box div.wpforms-container-full #wpforms-1239-field_9 .depth-1 input {
  display: none;
} */
.donate_box div.wpforms-container-full #wpforms-5474-field_9 .depth-1 {
  position: relative;
}
.donate_box div.wpforms-container-full #wpforms-5474-field_9 .depth-1 label {
  padding: 0 40px;
}
.donate_box div.wpforms-container-full #wpforms-5474-field_9 .depth-1 input {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.donate_box
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-label-inline {
  font-weight: bold;
  font-size: 1.125rem;
}
.donate_box .wpb_raw_code {
  padding: 10px 45px;
}
#wpforms-1239-field_10-container {
  display: flex;
  justify-content: space-between;
}
#wpforms-1239-field_3-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#wpforms-1239-field_3-error {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -30px !important;
}
#wpforms-1239-field_10,
#wpforms-1239-field_3 {
  flex: 0 0 63%;
  max-width: 63%;
}
/* next */
#wpforms-5474-field_10-container {
  display: flex;
  justify-content: space-between;
}
#wpforms-5474-field_3-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#wpforms-5474-field_3-error {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -30px !important;
}
#wpforms-5474-field_10,
#wpforms-5474-field_3 {
  flex: 0 0 63%;
  max-width: 63%;
}

.donate_box div.wpforms-container-full .wpforms-form input[type="text"] {
  border: 2px solid #ec3f73;
  border-radius: 5px;
}
.donate_box div.wpforms-container-full .wpforms-form textarea {
  border: 2px solid #888a89;
  border-radius: 5px;
}
#wpforms-submit-1239 {
  display: block;
  width: 100%;
  padding: 8px 22px !important;
  background-color: #ec3f73;
  color: #ffffff;
}
#wpforms-submit-5474 {
  display: block;
  width: 100%;
  padding: 8px 22px !important;
  background-color: #ec3f73;
  color: #ffffff;
}
#wpforms-1239-field_10,
#wpforms-1239-field_9 .depth-1 {
  height: 45px !important;
}
#wpforms-5474-field_10,
#wpforms-5474-field_9 .depth-1 {
  height: 45px !important;
}
#wpforms-1239-field_10::before {
  content: "HK$";
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  font-size: 1.25rem;
  width: 100px;
  height: 100%;
}
#wpforms-1239-field_10 {
  position: relative;
}

#wpforms-5474-field_10,
#wpforms-5474-field_9 .depth-1 {
  height: 45px !important;
}
#wpforms-5474-field_10::before {
  content: "HK$";
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  font-size: 1.25rem;
  width: 100px;
  height: 100%;
}
#wpforms-5474-field_10 {
  position: relative;
}
.d-accordion div[data-style*="minimal"] .toggle h3 i {
  top: 75%;
  transform: translate(0%, -50%);
}

/* pormottion */

.promote_1st_rightcol p {
  color: #6d6d6d;
}
.promote_Facilitator_row h2 {
  color: #575757;
  margin-bottom: 25px;
}
.promote_Facilitator_row p:first-child {
  padding-bottom: 0;
}
.promote_Facilitator_row p {
  color: #808080;
}
div.promote_accordion div[data-style="minimal"] .toggle h3 a {
  padding: 10px 70px 10px 15px !important;
}
.d-accordion div[data-style="minimal"] .toggle:hover h3 a {
  color: #ffffff;
}
div[data-style="minimal"] .toggle h3 a {
  font-weight: 500;
}
.promote_Facilitator_row p {
  line-height: 25px;
}
.youth_detail p {
  color: #808080;
}
.youth_detail h2,
.youth_detail h3 {
  color: #575757;
}

/* competition */

.competition p {
  color: #6d6d6d;
}
h3 {
  color: #575757 !important;
}
h2 {
  color: #575757 !important;
}
.competion-row p {
  color: #6d6d6d;
}
.color-6D6D6D p {
  color: #6d6d6d !important;
}
.color-E51C2D h3 {
  color: #e51c2d !important;
}
.owl2_carousel .excerpt p {
  color: #575757 !important;
}
.color-toggle-E51C2D h2 {
  color: #e51c2d !important;
}
.color-E51C2D .vc_separator h4 {
  color: #e51c2d !important;
}
.color-888A89 {
  color: #888a89 !important;
}
#ajax-content-wrap .color-888A89 h3,
#ajax-content-wrap .color-888A89 h4 {
  color: #888a89 !important;
}
.color-888A89 .vc_separator .vc_sep_holder .vc_sep_line {
  border-top: 1px solid #888a89 !important;
}
.competition_btn .nectar-button[data-color-override="false"].regular-button {
  background: #e60146 !important;
  color: #fff !important;
  border-radius: 10px !important;
}
.competition_btn .nectar-button {
  padding: 10px 40px !important;
}
#ajax-content-wrap .competition_btn .nectar-button:hover {
  background-color: #aaaaaa !important;
  color: #fff !important;
}
.d-7icon
  > div.row_col_wrap_12.col.span_12.dark.left
  > div
  > div
  > div.wpb_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* .d-owl-border .owl-carousel .img-link,
.d-owl-border .owl-carousel .content-inner {
  border: 1px solid #707070 !important;
} */
.d-owl-border
  .post-area.masonry.classic_enhanced
  .post
  .inner-wrap:hover
  .post-featured-img
  img {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.d-owl-border .masonry-blog-item .inner-wrap {
  border: 1px solid #707070 !important;
  transform: scale(0.99);
}
/* .d-owl-border .owl-carousel .owl-item:nth-child(5) .img-link {
  border-right: 1px solid #707070 !important;
  border-top: 1px solid #f2f2f2 !important;
  border-left: 1px solid #d6d4d4 !important;
}
.d-owl-border .owl-carousel .owl-item:nth-child(4) .img-link {
  border-right: 1px solid#d6d4d4 !important;
  border-top: 1px solid #d6d4d4 !important;
  border-left: 1px solid #707070 !important;
}
.d-owl-border .owl-carousel .owl-item:nth-child(6) .img-link {
  border-right: 1px solid #707070 !important;
  border-top: 1px solid #f2f2f2 !important;
  border-left: 1px solid #d6d4d4 !important;
}
.d-owl-border .owl-carousel .owl-item:nth-child(7) .img-link {
  border-right: 1px solid #707070 !important;
  border-top: 1px solid #f2f2f2 !important;
  border-left: 1px solid #d6d4d4 !important;
}
.d-owl-border .owl-carousel .owl-item:nth-child(3) .img-link {
  border-right: 1px solid #707070 !important;
  border-top: 1px solid #f2f2f2 !important;
  border-left: 1px solid #d6d4d4 !important;
}
.d-owl-border.owl-carousel .owl-item .img-link {
  border-left: 1px solid #707070 !important;
  border-top: 1px solid #f2f2f2 !important;
  border-right: 1px solid #d6d4d4 !important;
}
.d-owl-border .owl-carousel #post-505 .img-link {
  border-left: 1px solid #707070 !important;
  border-top: 1px solid #f2f2f2 !important;
  border-right: 1px solid #f2f2f2 !important;
} */
/* .d-owl-border .owl-carousel .content-inner {
  border-right: 1px solid #707070 !important;
  border-left: 1px solid #707070 !important;
  border-bottom: 1px solid #707070 !important;
} */
.d-owl-border
  .masonry.classic_enhanced
  .masonry-blog-item
  .article-content-wrap {
  padding: 8%;
}
.d-owl-border .post-header {
  display: none !important;
}
.color-A7A9AC .wpb_tabs_nav li a span {
  color: #a7a9ac;
  font-weight: 500;
}
.color-A7A9AC .wpb_tabs_nav li a.active-tab span {
  color: #782172;
}
.in_news_table td {
  color: #6d6d6d;
  font-size: 1rem !important;
  letter-spacing: 1.3px;
}
.datecolor-888A89 .date {
  color: #888a89;
}
.in_news_exchangefunds p {
  color: #707070;
}
.d-dot .span_12.dark .owl-theme .owl-dots .owl-dot.active span {
  background-color: #777777 !important;
}
.d-dot .span_12.dark .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #777777 !important;
}
.supp_textwithicon img {
  margin-right: 15px;
}
div
  a.nectar-button.small.regular.accent-color.regular-button.support_btn.Reward_Program {
  position: relative;
  left: unset;
  float: right;
  padding: 6px 15px;
}
a.nectar-button.small.regular.accent-color.regular-button.au_btnLink:hover {
  border-color: #aaaaaa !important;
  color: #fff !important;
}
.in_news_Participants1 {
  padding-top: 30px !important;
}
.in_news_Participants2 p {
  line-height: 26px;
}
.wpb_content_element.inews_tabs .wpb_tabs_nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wpb_content_element.inews_tabs ul li a.active-tab,
.wpb_content_element.inews_tabs ul li a:hover {
  border-right: 1px solid #782172 !important;
}
.vc_custom_1608187541630 {
  color: #ffffff !important;
  padding: 10px 30px;
}
.vc_col-sm-6.latestTrends_blogpostHeadings h2.title a {
  font-size: 1.25rem;
}
.top-level h2 {
  color: #71a100 !important;
}
.ob_table {
  border-top: 1px solid #6d6d6d !important;
}
.d-hover .toggle h3 a i {
  display: none;
}
.d-hover .toggle.open h3 a {
  background-color: #ffffff;
  color: #919191;
}
.d-hover .toggle:first-child {
  border-right: 5px solid #d82744 !important;
  border: 1px solid #a7a9ac;
}
.d-hover .toggle:nth-child(2) {
  border-right: 5px solid #f4c82c !important;
  border: 1px solid #a7a9ac;
}
.d-hover .toggle:nth-child(3) {
  border-right: 5px solid#1A95D1 !important;
  border: 1px solid #a7a9ac;
}
.d-hover .toggle:nth-child(4) {
  border-right: 5px solid #85b42c !important;
  border: 1px solid #a7a9ac;
}

.d-hover .toggle:nth-child(5) {
  border-right: 5px solid#832072 !important;
  border: 1px solid #a7a9ac;
}
.d-hover .toggle:not(:first-child) {
  border-top: unset !important;
}
div.d-hover .inner-toggle-wrap {
  padding: 0px 43px !important;
}
.d-hover .toggle.open > div {
  max-height: 1000px;
}
body .d-hover .toggle {
  margin-bottom: 0px;
}

/* .d-hover .vc_col-sm-8::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9d9d9d;
}

.d-hover .vc_col-sm-8::-webkit-scrollbar {
  width: 7px;
  background-color: #f5f5f5;
}
.d-hover .vc_col-sm-8::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  border-radius: 10px;
  background-color: #fbfbfb;
} */
.d-hover .vc_col-sm-8 {
  max-height: 770px;
  overflow-y: scroll;
}
.d-hover .toggle h3 a {
  font-weight: 500;
  color: #919191;
}
.d-hover .nectar-fancy-ul ul li {
  font-weight: 300;
  color: #919191;
}
.d-hover .vc_col-sm-8 .wpb_content_element p {
  color: #919191;
  font-weight: 300;
}
.d-hover .vc_col-sm-8 table td {
  color: #919191 !important;
}
.color-575757 p {
  color: #575757;
}
.color-71A100 {
  color: #71a100 !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.color-808080 {
  color: #808080;
}
.join_line_left h3 {
  color: #71a100 !important;
}
.join_line_right h3 {
  color: #71a100 !important;
}
.join_customheadleft h3 {
  color: #71a100 !important;
}
.mt-30 h3,
.mt-30 p {
  margin-top: 30px;
}
.color-707070 {
  color: #707070;
}
.Join_3rdsection_heading {
  color: #44391b !important;
}
div.vc_col-sm-12.join_Participant_process:before {
  top: 9px;
  background-color: #707070;
  background-image: none;
  height: 89%;
}
tr.join_th th {
  color: #575757;
}
.d-table th,
.d-table td {
  font-weight: normal;
  text-align: center !important;
  vertical-align: middle;
}
.d-table tbody > tr:first-child {
  background-color: #ffc72c !important;
  text-align: center !important;
  /* border-top: 1px solid #707070; */
}
.d-table tbody > tr:nth-child(2) th {
  text-align: center !important;
  /* border-top: 1px solid #707070; */
}
.d-table tbody > tr:first-child td,
.d-table tbody > tr:first-child th {
  font-size: 1.4375rem;
  font-weight: 500 !important;
  color: #575757 !important;
  text-align: center !important;
}
.d-table tbody > tr:nth-child(2) td,
.d-table tbody > tr:nth-child(2) th {
  background-color: #ffc72c !important;
  font-size: 1.4375rem;
  font-weight: 500 !important;
  color: #575757 !important;
}
.d-table tbody tr td,
.d-table tbody tr th {
  color: #6d6d6d !important;
}
.d-table tbody > tr:nth-child(2) {
  background-color: #ffc72c !important;
  font-size: 1.4375rem;
  font-weight: 500;
  color: #575757;
}
.d-table td,
.d-table th {
  border-color: #707070 !important;
}
.d-table tfoot tr {
  background-color: #ffc72c !important;
  color: #6d6d6d !important;
}
.d-table tfoot tr td {
  font-size: 1.25rem !important;
  text-align: left !important;
}
.d-table tbody th,
.d-table tbody td {
  font-weight: normal !important;
  text-align: left !important;
  vertical-align: middle;
}

div.cs_imglink_sections .nectar-button.medium {
  padding: 10px 35px !important;
}
.about-us-img-text-row-1 img,
.about-us-img-text-row-2 img,
.about-us-img-text-row-3 img,
.full img {
  width: 100%;
  height: auto;
}
.about-us-img-text-row-1 .row_col_wrap_12 > .vc_col-sm-6:last-child {
  padding-left: 6% !important;
  padding-right: 6% !important;
  padding-top: 3% !important;
  display: flex !important;
  align-items: center !important;
}
.about-us-img-text-row-2 .vc_col-sm-6:first-child {
  padding-left: 6% !important;
  padding-right: 6% !important;
  padding-top: 3% !important;
  display: flex !important;
  align-items: center !important;
}
.about-us-img-text-row-3 .vc_col-sm-6:last-child {
  padding-top: 3% !important;
  padding-left: 6% !important;
  padding-right: 6% !important;
  display: flex !important;
  align-items: center !important;
}
.about-us-img-text-row-1 .vc_col-sm-6:first-child {
  display: flex !important;
  align-items: flex-start !important;
}
.about-us-img-text-row-2 .vc_col-sm-6:last-child {
  display: flex !important;
  align-items: flex-start !important;
}
.about-us-img-text-row-3 .vc_col-sm-6:first-child {
  display: flex !important;
  align-items: flex-start !important;
}
.btn-end .vc_col-sm-6:first-child {
  display: flex;
  align-items: flex-end;
}
#service .vc_col-sm-6 a {
  color: #45a2d8;
}
div.vc_separator.vc_sep_color_grey .vc_sep_line {
  border-top: 2px solid #a7a9ac;
}
.color-575757 .vc_sep_holder .vc_sep_line {
  border-top: 2px solid #a7a9ac !important;
}
.color-575757.vc_separator-has-text h4 {
  font-size: 32px;
  font-weight: 500;
}

/* layout coloring */

.nectar-milestone h5 span,
.h_ach_subheading,
.h_ending_qoute p,
.au_anni_subtiitle p,
.about-us-img-text-row-1 h4,
.about-us-img-text-row-2 h4,
.about-us-img-text-row-3 h4,
#service h4,
.tab_btn .tabbed > ul li a,
.campInfo_infoBlocks p,
.ceo-sec p,
div.comm_septext h4,
div.hr_secondrowsection p,
.top-level .color-575757 p,
.vc_custom_1607920033302,
.contact_addresstext p,
.color-575757.vc_separator-has-text h4,
#ajax-content-wrap .color-882581 h4 {
  color: #575757 !important;
}
.h_achvtitle,
.h_achv_subyear,
.top-level p,
.inews_subtitle li,
.in_news_Participants1 p,
.in_news_Participants2 p,
.color-E60146-none p,
.d-sidebar .post-area.standard-minimal .post .post-header h2 a:hover,
.stat_2ndimgcol p,
.m_width_60 p,
.stat_program ol li,
.stat_program ul li,
.pb-50 p,
.color-707070 li,
.t-right p {
  color: #707070 !important;
}
.h_ending_qoute2 p,
.date,
#wpforms-form-1239 label,
#wpforms-form-1239 input,
#wpforms-form-5474 label,
#wpforms-form-5474 input,
.owl1_carousel .owl-prev p,
.owl1_carousel .owl-next p,
.d-inner-row-about p,
.color-888a89 p,
.about-us-img-text-row-1 p,
.about-us-img-text-row-2 p,
.about-us-img-text-row-3 p,
.color-888A89.vc_separator-has-text h4,
.pt-80 p,
.first-child p,
.second-child p,
.pt-120 p {
  color: #888a89 !important;
}
.h_achvyears {
  color: #a7a9ac;
}
.inews_subtitle strong,
.in_news_Participants1 p strong,
.in_news_Participants2 p strong,
.d-sidebar .commu_bog_latestnews .vc_column-inner .color-882581,
.color-882581-none .post .post-header a:hover {
  color: #882581 !important;
}

.h_contactarea h3,
.h_contactarea h2,
.h_contactarea a,
.h_cu_submit,
.h_contactarea p {
  color: #4a4a4a !important;
}
.top-level h2.vc_custom_1608187541630,
.tab_btn .tabbed > ul li a.active-tab {
  color: #ffffff !important;
}

.commu_bog_latestnews .vc_column-inner h2,
.vc_separator-has-text h4,
.color-009EC8 {
  color: #009ec8 !important;
}
div.vc_separator.vc_sep_color_grey .vc_sep_line {
  border-color: #a7a9ac;
}
.symbol-wrap span {
  color: #575757;
  margin-left: 7px;
  white-space: nowrap;
}
.pt-res p,
.d-dot p,
.vc_custom_1608025977331 p,
.reward_textblocks p,
.color-808080 p,
.rehard_textblocks p,
.d-width-center p,
.cs_1st_textblock p,
.category-five-subject-activities-promotion .excerpt,
.d-icon p {
  color: #808080 !important;
}
.supp_RewardProgram_textblck p,
.color-6d6d6d p,
#service p,
.hr_timeline_row p,
.operatingunits_textsblocks p,
.ob_table td,
.acco_table td {
  color: #6d6d6d;
}
.reward h3,
.reward_textblocks h3,
.d-sidebar .commu_bog_latestnews .vc_column-inner h2.color-E60146,
.color-E60146 h3,
.color-E60146-none .post .post-header a:hover {
  color: #e60146 !important;
}
.color-892480 h2 {
  color: #892480 !important;
}
.hr_secondrowsection .vc_custom_1608711911105 .vc_col-sm-4:first-child h2,
.hr_secondrowsection .vc_custom_1608711911105 .vc_col-sm-4:nth-child(3) h2 {
  color: #b4975a !important;
}
.hr_secondrowsection .vc_custom_1608711911105 .vc_col-sm-4:nth-child(2) h2 {
  color: #a7a9ac !important;
}
.hr_timeline_row h2 {
  color: #71a100 !important;
}
.color-ec3f73 .vc_sep_holder .vc_sep_line {
  border-color: #ec3f73 !important;
}
/* color */

.pt-80 {
  padding-top: 80px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.tab_btn .tabbed > ul li a {
  padding: 15px 15px;
}
.pb-50 {
  padding-bottom: 60px;
}
.normal h2 {
  font-weight: 500 !important;
}
.vc_custom_1607920033302 {
  font-size: 32px !important;
  font-weight: 600 !important;
}
.mt-50 {
  margin-top: 50px;
}
.ob_table td {
  vertical-align: middle;
}
div#page-header-bg h1 {
  font-size: 4.6875rem;
  text-shadow: 2px 2px 5px #000000;
  line-height: initial;
}
.h_contactarea a {
  cursor: pointer;
}
.d-block {
  display: block;
}
.in_news_Participants1 p,
.in_news_Participants2 p {
  line-height: inherit;
}
.in_news_Participants1 p:first-child {
  padding-bottom: 5px;
}
.in_news_Participants2 p:first-child {
  padding-bottom: 5px;
}
.inews_subtitle strong {
  font-weight: 500 !important;
}
.au_anni_subtiitle p,
.about-us-img-text-row-1 h4,
.about-us-img-text-row-2 h4,
.about-us-img-text-row-3 h4 {
  font-weight: 500 !important;
  font-size: 24px;
  margin-top: 20px;
}
body .h_imglink_sections .h_imgLink_btn {
  font-size: 0.875rem;
}
.d-text .owl-prev p:nth-child(3) {
  display: none !important;
}
.d-text .owl-next p:nth-child(3) {
  display: none !important;
}
.d-text .owl-prev,
.d-text .owl-next {
  display: flex;
  align-items: center;
}
.d-text .owl-item .carousel-item {
  margin: 0 5px;
}
.d-text .owl-nav.disabled {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.d-text .vc_column-inner {
  padding-bottom: 100px;
}
.display-hide {
  display: none !important;
}
.owl1_carousel .owl-prev p {
  margin-right: 30px;
  white-space: nowrap;
}
.owl1_carousel .owl-next p {
  margin-left: 30px;
  white-space: nowrap;
}
div.second-child .vc_col-sm-6:last-child {
  padding-top: 6% !important;
  padding-left: 6% !important;
  padding-right: 6% !important;
  display: flex;
  align-items: center;
}
div.second-child:first-child .vc_col-sm-6:last-child {
  padding-top: 0 !important;
  padding-left: 6% !important;
  padding-right: 6% !important;
  display: flex;
  align-items: flex-start;
}
div.first-child .vc_col-sm-6:first-child {
  padding-top: 6% !important;
  padding-left: 6% !important;
  padding-right: 6% !important;
  display: flex;
  align-items: center;
}
.in_news_Participants3 {
  margin-bottom: 0 !important;
}
.go-global-content-row {
  padding-bottom: 30px !important;
}
/* .active-hover .vc_col-sm-6:hover .d-abso {
  display: flex;
} */
.active-hover:first-child {
  margin-bottom: 0 !important;
}
table.gold th {
  background-color: #ffc72c;
  text-align: center !important;
  color: #6d6d6d !important;
  border: 2px solid #575757 !important;
  border-collapse: collapse;
}
table.gold {
  border: 2px solid #575757 !important;
  border-collapse: collapse;
}
table.gold td {
  text-align: center !important;
  color: #6d6d6d !important;
  border: 2px solid #575757 !important;
  border-collapse: collapse;
}
table.gold tr th:first-child {
  text-align: center !important;
}
/* table.gold tr:first-child td {
  border-top: 2px solid #575757 !important;
}
table.gold tr:first-child th {
  border-top: 2px solid #575757 !important;
} */
.hr_timeline_row .vc_col-sm-9 .vc_row.inner_row {
  padding-top: 10px !important;
}
.hr_timeline_row .vc_col-sm-9 .wpb_content_element {
  margin-bottom: 0 !important;
}
.hr_timeline_row
  .vc_col-sm-9
  .vc_row.inner_row
  .vc_col-sm-12
  .hover-wrap-inner {
  width: 300px;
  height: auto;
}
.hr_timeline_row
  .vc_col-sm-9
  .vc_row.inner_row
  .vc_col-sm-12
  .hover-wrap-inner
  img {
  width: 100%;
  height: auto;
}
.top-level .swiper-slide .content p {
  line-height: initial;
}
.top-level .swiper-slide .content p strong {
  font-size: 88px;
  color: #ffffff !important;
  font-weight: bold;
  text-shadow: 2px 2px 5px #000000;
  line-height: initial;
}
.top-level .swiper-slide .content p em {
  font-size: 88px;
  color: #ffffff !important;
  font-style: italic;
}
/* .first-section.loaded::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: black;
  position: absolute;
  z-index: 99;
  opacity: 0.2;
} */
.stat_2ndimgcol:first-child
  .img-with-aniamtion-wrap
  .hover-wrap-inner:hover::before {
  position: absolute;
  content: "";
  display: block;
  top: -3px;
  left: -1px;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 999;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2021/01/Mask-Group-24.png")
    no-repeat center center;
}
.stat_2ndimgcol:nth-child(2)
  .img-with-aniamtion-wrap
  .hover-wrap-inner:hover::before {
  position: absolute;
  content: "";
  display: block;
  top: -3px;
  left: 0px;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 999;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2021/01/Mask-Group-25.png")
    no-repeat center center;
}
.stat_2ndimgcol:last-child
  .img-with-aniamtion-wrap
  .hover-wrap-inner:hover::before {
  position: absolute;
  content: "";
  display: block;
  top: -3px;
  left: 0px;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 999;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2021/01/Mask-Group-26.png")
    no-repeat center center;
}
.stat_2ndimgcol .img-with-aniamtion-wrap .hover-wrap-inner {
  position: relative;
}

body .sgpb-popup-overlay {
  opacity: 0.3 !important;
}
/* .join_1strow .color-808080 p:nth-child(even) {
  padding-bottom: 0;
} */
.join_1strow .color-808080 p img {
  margin-bottom: 0;
}
.w-150
  > .row_col_wrap_12
  > .vc_col-sm-12.join_1strow
  > .vc_column-inner
  > .wpb_wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.w-100
  > .row_col_wrap_12
  > .vc_col-sm-12.join_1strow
  > .vc_column-inner
  > .wpb_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.w-150 .wpb_wrapper .hover-wrap-inner {
  width: 150px;
  height: auto;
  margin: 0 auto;
}
.w-100 .wpb_wrapper .hover-wrap-inner {
  width: 100px;
  height: auto;
  margin: 0 auto;
}
.d-flex-do .wpb_wrapper .hover-wrap-inner img {
  width: 100%;
  height: auto;
}
.w-150 .join_1strow .inner_row {
  padding: 0 30px;
  flex: 0 0 30%;
  margin-bottom: 0 !important;
}
.w-100 .join_1strow .inner_row {
  padding: 0 10px;
  flex: 0 0 20%;
  margin-bottom: 0 !important;
}
/* #framework > div.row_col_wrap_12.col.span_12.dark.center > div > div > div.wpb_wrapper div {
  pa
} */
.join_1strow > .vc_column-inner {
  padding: 0 !important;
}
.au_3col_sections .inner .hover-wrap-inner img {
  height: 100%;
  width: auto;
}
.mapjs1,
.mapjs2,
.mapjs3,
.mapjs4,
.mapjs5 {
  cursor: pointer;
}
.sg-popup-id-5026,
.sg-popup-id-5025,
.sg-popup-id-5024,
.sg-popup-id-5022,
.sg-popup-id-5020 {
  cursor: pointer;
}
#sgpb-popup-dialog-main-div {
  box-shadow: none !important;
  /* background-color: rgb(204, 204, 204) !important; */
  background-color: #fff !important;
}
div#sgpb-popup-dialog-main-div.sgpb-content-5010,
div#sgpb-popup-dialog-main-div.sgpb-content-5015,
div#sgpb-popup-dialog-main-div.sgpb-content-5016,
div#sgpb-popup-dialog-main-div.sgpb-content-5017,
div#sgpb-popup-dialog-main-div.sgpb-content-5018 {
  background-color: rgb(204, 204, 204) !important;
}
#units {
  margin-bottom: 50px !important;
}
#sgpb-popup-dialog-main-div .wpb_wrapper {
  text-align: center;
  display: flex;
  justify-content: center;
}
.mb-au-0 .inner_row {
  margin-bottom: 0 !important;
}
.mb-au-0 .inner_row p {
  color: #808080;
}
.mb-au-0 .inner_row .row_col_wrap_12_inner {
  flex-wrap: nowrap;
}
.d-d .cell {
  display: none;
}
div.d-d .cell.is-selected {
  display: block;
}
.d-dot .owl-carousel .owl-stage {
  padding-top: 0;
}

.vc_custom_1608025977331 {
  margin-bottom: 0 !important;
}
#header-outer:not([data-format="left-header"])
  #top
  nav
  > ul
  > .megamenu
  ul
  ul
  .current-menu-ancestor
  > a {
  color: #71a100 !important;
}
div.hr_timeline_row .vc_col-sm-3:after {
  top: 9px;
}
.d-about .nectar-flickity {
  margin-bottom: 0 !important;
}
.view_more .inner_row .vc_col-sm-6 .color-707070 {
  display: block;
  margin-bottom: 20px;
}
.view_more .inner_row .vc_col-sm-6 .color-707070 p {
  margin-bottom: 0 !important;
}
.view_more .inner_row .vc_col-sm-6 .color-707070.loadmore {
  display: block;
}
.join_line_left .nectar-button {
  float: right;
}

.d-icon.d-hr.d-d.camp-service-2 .wpb_gallery_slides .slides {
  width: 65vw;
  height: auto;
  margin: 0 auto;
}
.d-icon.d-hr.d-d.camp-service-2 .wpb_gallery_slides .slides li img {
  width: 100%;
  height: auto;
}
.d-icon.d-hr.d-d.camp-service-2 .flex-gallery .flex-direction-nav {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.d-icon.d-hr.d-d.camp-service-2 .flex-gallery .flex-direction-nav li {
  margin: 0 !important;
}
.d-icon .flex-prev i {
  display: none;
}
.d-icon .flex-next i {
  display: none;
}
.d-icon .flex-direction-nav li .flex-next {
  position: relative;
}
.d-icon .flex-direction-nav a {
  background-color: transparent;
}
.d-icon .flex-direction-nav li .flex-next::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowright.png");
}
.d-icon .flex-direction-nav li .flex-prev::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background: url("https://www.ayp.org.hk/wp-content/uploads/2020/12/arrowleft.png");
}
.d-icon .flex-direction-nav li .flex-next:hover::before {
  transition: all 0.3s ease;
  transform: translate(-50%, -50%) scale(1.1);
}
.d-icon .flex-direction-nav li .flex-prev:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 0.3s ease;
}
/* body:not([data-header-format="left-header"])
  #header-outer
  #top
  nav
  > ul
  > .megamenu
  > ul
  ul
  .current-menu-item:first-child
  > a {
  color: #71a100 !important;
} */
.border .vc_col-sm-12 {
  padding: 70px 0 !important;
}
.border h4 {
  display: none;
}
.border.color-882581 .vc_sep_line {
  border-color: #882581 !important;
}
.ci-contact-container .vc_col-sm-6 .nectar-button {
  margin-bottom: 0 !important;
}

/* footer next input */

.tnp-form {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 535px;
  margin: 0 auto !important;
}
#footer-widgets .widget_newsletterwidgetminimal .tnp-submit {
  width: auto !important;
  border-radius: 0px !important;
  height: 47px;
  background-color: #71a100 !important;
  padding: 7px 50px !important;
  margin-left: 1rem;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
}
.widget_newsletterwidgetminimal .tnp-email {
  border: 1px solid white;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.04) !important;
}
div#footer-outer .widget_newsletterwidgetminimal {
  margin-bottom: 0;
}
.widget_newsletterwidgetminimal .tnp-submit:hover {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
}
#map .row_col_wrap_12 .vc_col-sm-6:last-child {
  align-items: flex-end;
  display: flex;
  padding-bottom: 1%;
  flex-direction: column;
  justify-content: flex-end;
}
#sgpb-popup-dialog-main-div.sgpb-content-5575 {
  background-color: #fff !important;
}
#sgpb-popup-dialog-main-div.sgpb-content-5575 p {
  text-align: left;
}
#sgpb-popup-dialog-main-div.sgpb-content-5577 {
  background-color: #fff !important;
}
#sgpb-popup-dialog-main-div.sgpb-content-5577 p {
  text-align: left;
}

#sgpb-popup-dialog-main-div.sgpb-content-5594 {
  background-color: #fff !important;
}
#sgpb-popup-dialog-main-div.sgpb-content-5594 p {
  text-align: left;
}
#sgpb-popup-dialog-main-div.sgpb-content-5595 {
  background-color: #fff !important;
}
#sgpb-popup-dialog-main-div.sgpb-content-5595 p {
  text-align: left;
}
.mw1240 {
  max-width: 1240px;
  margin: 0 auto;
}
#p-30.d-block.p-30 a span {
  font-size: 20px !important;
  font-family: "Noto Sans CJK JP", sans-serif !important;
}

.latest-news .title {
  color: #892480 !important;
}
.latest-news .vc_col-sm-2\/5 {
  padding-left: 35px !important;
}
.latest-news .vc_col-sm-2\/5 .vc_custom_heading {
  border-bottom: 1px solid #a7a9ac;
}
.latest-news .vc_col-sm-2\/5 .inner_row h3.vc_custom_heading {
  padding: 20px 0;
  cursor: pointer;
}
.latest-news .vc_col-sm-2\/5 h2.vc_custom_heading {
  padding-bottom: 20px;
}
#search-outer .sf-js-enabled .sfHover > a::before {
  background: none !important;
  transition: all 0.3s ease;
}

div#page-header-bg .subheader {
  font-size: 4.6875rem;
  text-shadow: 2px 2px 5px #000000;
  line-height: initial;
  font-weight: 600;
  display: block;
  color: #fff;
  z-index: 101;
}
.actSer_imgCaps {
  display: none;
}
.actServ_imgblocks:hover .actSer_imgCaps {
  display: block;
}
div.vc_col-sm-6.actServ_imgblocks:hover
  div.wpb_text_column.wpb_content_element.actSer_imgCaps,
div.vc_col-sm-6.acco_imgblocks:hover
  div.wpb_text_column.wpb_content_element.acco_imgCap {
  background-color: rgba(0, 0, 0, 0.43);
}
div.wpb_text_column.wpb_content_element.actSer_imgCaps {
  bottom: 10px;
}
.actServ_imgblocks .wpb_content_element h4 strong {
  color: #232323;
}
.actServ_imgblocks .wpb_content_element h4 {
  color: #232323;
}
.nectar-social.fixed {
  display: none;
}
#good-stories {
  margin-bottom: 1.5em;
}
.category-good-stories .link-inner .excerpt a {
  color: #009ece !important;
}
/* .category-events-report .post-featured-img img,
.category-good-stories .post-featured-img img,
.category-events-report-zh-hant .post-featured-img img,
.category-good-stories-zh-hant .post-featured-img img,
.category-good-stories-2 .post-featured-img img,
.category-international-events .post-featured-img img,
.category-international-events-zh-hant .post-featured-img img,
.category-activity .post-featured-img img,
.category-activity-zh-hant .post-featured-img img,
.category-annual-report .post-featured-img img,
.category-annual-report-2 .post-featured-img img,
.category-annual-report-zh-hant .post-featured-img img {
  height: 300px !important;
  object-fit: cover;
} */
.post-featured-img img {
  height: 300px !important;
  object-fit: cover;
}

.promote_imgsProduct .wpb_wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* .promote_imgsProduct .wpb_wrapper .promote_imgsProduct_des {
  flex: 0 0 35%;
}
.promote_imgsProduct .wpb_wrapper .img-container {
  flex: 0 0 65%;
} */
.promote_imgsProduct_des p {
  line-height: 30px;
}
/* category-international-events-zh-hant */
body:not([data-header-format="left-header"])
  #top
  nav
  > ul
  > .megamenu
  > ul
  > li
  > ul
  > .has-ul
  > a {
  font-family: "Noto Sans CJK JP", sans-serif !important;
}
.promote_imgsProduct .wpb_wrapper .promote_imgsProduct_des {
  height: 83px;
  display: flex;
  justify-content: center;
  align-items: center !important;
}
/* #ec3f73  */
.wpforms-submit-container .wpforms-submit:hover {
  background-color: #aaaaaa !important;
}
div#page-header-bg .blog-title .entry-title {
  font-size: 2.3475rem;
}
.support_souvenirs_card .vc_column-inner {
  height: 100%;
}
.support_souvenirs_card .vc_column-inner .wpb_wrapper {
  /* display: flex; */
  height: 100%;
  /* flex-direction: column;
  justify-content: flex-start; */
}
.promote_Facilitator_row p a {
  color: #009dc8 !important;
}
#global-family p a {
  color: #782172 !important;
}
.support_svn_capt a {
  color: #ec3f73 !important;
}
.wpb_text_column.wpb_content_element.support_svn_capt {
  margin-left: 1rem;
  height: 110px;
  padding-bottom: 0 !important;
}
.h_contactarea p a,
.ob_table td a {
  cursor: pointer;
}
.ob_thead th:nth-child(3) {
  white-space: nowrap;
}
.ob_thead th {
  vertical-align: middle;
}
.ob_table tr td:nth-child(3) {
  white-space: nowrap !important;
}
body{
  background-color: unset !important;
}
#page-header-bg {
  background-color: transparent !important;
}
/* html #header-space {
  background-color: transparent  !important;
  overflow: hidden;
  display: none;
} */
#what-is-on .post-area.span_9 {
  width: 100%;
  margin-right: 0;
  max-height: 400px;
  overflow-y: scroll;
}