html[lang="zh-hans"] .play_video_buttton .elementor-button .elementor-button-text { font-weight: 700!Important; font-family: 'noto_sansblack'; } /************ General ************/ .dm_menu_sec .menu .menu-item.menu-item-has-children.menu-item-28023 > ul.sub-menu { max-height: calc(100vh - 230px); overflow-y: auto; } /* div#lang_sel, .mmpu_translate { display: none!important; } */ /* div#content { overflow-x: hidden; } */ body.search .my-account-mobile-menu, body.search .account-header { display: none!important; } .grecaptcha-badge, .hidden_recaptcha_sec { display: none!important; } .nfs_button_others .nfs_button_wrap.nfs_pdf { opacity: 0!important; pointer-events: none!important; } .new_floating_share { -webkit-user-select: none; -ms-user-select: none; user-select: none; } div#content { min-height: 60vh; } body.search div#page { display: flex; flex-direction: column; flex-wrap: wrap; min-height: 100vh; } body.search div#page div[data-elementor-type="footer"] { margin-top: auto; } body div#page { overflow: hidden; } .mobile_sec, body #page .mobile_dash_profile { display: none; } body #page .desktop_dash_profile { display: flex; } .desktop_sec { display: block; } body { position: relative; } div#content section.elementor-section, div[data-elementor-type="footer"].content_blur { transition: all .3s ease-in-out; position: relative; } .search_form_sec form.elementor-search-form .elementor-search-form__input:focus { box-shadow: none!important; border-color: #ffffff00!important; } .search_form_sec form.elementor-search-form.elementor-search-form--focus .elementor-search-form__container { border-color: #034EA1!important; } .search_form_sec:before { content: ""; position: absolute; width: 100%; height: 100vh; top: 100%; left: 0; z-index: 9; background-color: #00000099; /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ } div#content.content_blur section.elementor-section:before, div[data-elementor-type="footer"].content_blur:before { } *::-webkit-scrollbar { width: 5px; height: 5px; /* width of the entire scrollbar */ } *::-webkit-scrollbar-track { background: #E5E5E5; /* color of the tracking area */ } *::-webkit-scrollbar-thumb { background-color: #313131; /* color of the scroll thumb */ border-radius: 20px; /* roundness of the scroll thumb */ } .nip_wrapper .nip_inner_wrapper::-webkit-scrollbar-track { /* margin-right: 72px; */ margin-left: 18px; border-radius: 0; } .nip_wrapper.aei_post .nip_inner_wrapper::-webkit-scrollbar-track { /* margin-right: calc(100vw / 2 - 1150px / 2); */ margin-left: 20px; } .sgm_history_gallery_sec::-webkit-scrollbar-track { margin: 27px 0; background: #F8F8F8; } .sgm_history_gallery_sec::-webkit-scrollbar-thumb { background: #15B1D7; } .pcc_tb_bottom_mobile_sec.mobile_sec::-webkit-scrollbar-track { background: #E5E5E5; } .pcc_tb_bottom_mobile_sec.mobile_sec::-webkit-scrollbar-thumb { background: #15B1D7; } .dm_menu_sec .menu .menu-item.menu-item-has-children.menu-item-28023 > ul.sub-menu::-webkit-scrollbar-thumb { background-color: #26b2d5; } .dm_menu_sec .menu .menu-item.menu-item-has-children.menu-item-28023 > ul.sub-menu::-webkit-scrollbar-track { border-radius: 50px; } @-moz-document url-prefix() { * { scrollbar-width: thin; scrollbar-color: #5e5e83 #E7E7E7; } } body { overflow-x: hidden; } html body #page a:not(.elementor-button) { text-decoration: none; } body *:focus { outline: none!important; } body .ast-container, body .ast-container-fluid { padding-left: 15px; padding-right: 15px; } body .ast-row, body.ast-page-builder-template .ast-row{ margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } body .ast-row > * { padding-left: 15px; padding-right: 15px; } body .p_r { position: relative; } body .p_i { position: static; } html body *, html body .elementor-element * { font-family: 'Noto Sans', sans-serif; /* font-family: 'Noto Sans'; */ } html body .no_mb { margin-bottom: 0; } /* html body p { line-height: 25px; } */ html body { color: #313131; font-size: 15px; /* user-select: none; */ line-height: 25px; } html body .black_font { color: #313131; } html body .red_font { color: #FF0000; } html body .white_font { color: #ffffff; } html body .light_blue_font { color: #5CD4EF; } html body .medium_blue_font { color: #15B1D7; } html body .noto_black, html body .entry-content .noto_black, html body .noto_black *, html body .entry-content .noto_black *, html body #content .entry-content .elementor-element .noto_black *, html body #content .elementor-element .noto_black * { /* font-family: 'Noto Sans Blk'; */ font-family: 'noto_sansblack'; } html body .noto_semi_bold, html body .entry-content .noto_semi_bold, html body .noto_semi_bold *, html body .entry-content .noto_semi_bold *, html body #content .entry-content .elementor-element .noto_semi_bold * { /* font-family: 'Noto Sans SemBd'; */ font-family: 'noto_sanssemibold'; } html body .noto_extra_bold, html body .entry-content .noto_extra_bold, html body .noto_extra_bold *, html body .entry-content .noto_extra_bold *, html body #content .entry-content .elementor-element .noto_extra_bold * { /* font-family: 'Noto Sans ExtBd'; */ font-family: 'noto_sansextrabold'; } html body .noto_medium, html body .entry-content .noto_medium, html body .noto_medium *, html body .entry-content .noto_medium *, html body #content .entry-content .elementor-element .noto_medium * { /* font-family: 'Noto Sans ExtBd'; */ font-family: 'noto_sansmedium'; } .fa, .fas { font-family: "Font Awesome 5 Free"!important; } .fab { font-family: "Font Awesome 5 Brands"!important; } html[lang="zh-hans"] body #page h1, html[lang="zh-hans"] body #page h2, html[lang="zh-hans"] body #page h3, html[lang="zh-hans"] body #page h4, html[lang="zh-hans"] body #page h5, html[lang="zh-hans"] body #page h6, html[lang="zh-hans"] body #page b, html[lang="zh-hans"] body #page strong, html[lang="zh-hans"] body #page .noto_extra_bold, html[lang="zh-hans"] body #page .noto_black, html[lang="zh-hans"] body #page .noto_semi_bold, html[lang="zh-hans"] body #page .noto_medium, html[lang="zh-hans"] .bis_content_div .bis_title, html[lang="zh-hans"] .bis_bg .bis_title, html[lang="zh-hans"] body #content .sub-account-menu .menu-item a, html[lang="zh-hans"] .profile-sgm-form label, html[lang="zh-hans"] .sgm-light-blue-btn, html[lang="zh-hans"] a.back-to-pr, html[lang="zh-hans"] .footer_nav_menu .elementor-nav-menu li.menu-item a, html[lang="zh-hans"] .faqs_posts_div_wrapper .faqs_post_note a { font-weight: 700!important; } body h1, body .entry-content h1 { /* font-family: 'Noto Sans Blk'; */ font-family: 'noto_sansblack'; font-size: 65px; line-height: 65px; } body h2, body .entry-content h2 { /* font-family: 'Noto Sans Blk'; */ font-family: 'noto_sansblack'; font-size: 55px; } body h3, body .entry-content h3 { font-weight: 700; font-size: 38px; line-height: 1.35; } body h4, body .entry-content h4 { /* font-family: 'Noto Sans Blk'; */ font-family: 'noto_sansblack'; font-size: 30px; } body h5, body .entry-content h5 { /* font-family: 'Noto Sans Med'; */ font-family: 'noto_sansmedium'; font-size: 23px; line-height: 1.65; } body h6, body .entry-content h6 { font-weight: 800; font-size: 22px; } body .shortcode_text_center { text-align: center; } body .font_20px { font-size: 20px; line-height: 35px; } body .font_18px { font-size: 18px; } body .font_17px, body .font_17px .elementor-element * { font-size: 17px; } body .font_16px { font-size: 16px; } body .font_14px { font-size: 14px; } body .font_13px { font-size: 13px; } body .font_12px { font-size: 12px; } body .font_11px { font-size: 11px; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button { font-family: 'noto_sanssemibold'; background-color: #ffffff00; color: #313131; padding: 0; display: inline-flex; align-items: center; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon { margin-left: 8px; background-color: #15B1D7; width: 25px; height: 25px; border-radius: 50%; position: relative; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button > * { display: inline-flex; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .elementor-button-text { line-height: 25px; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon { margin-left: 8px; background-color: #15B1D7; width: 25px; height: 25px; border-radius: 50%; position: relative; font-size: 20px; line-height: 12px; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:before, .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:after { position: absolute; width: 12px; height: 12px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 20px; color: white; transition: all .3s ease-in-out; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:before { content: "\002B"; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:after { content: "\2212"; opacity: 0; } .elementor-element.read_more_content:before { content: ""; background-image: linear-gradient(0deg, #F8F8F8, #ffffff00); position: absolute; width: 100%; height: 200px; bottom: 0; left: 0; transition: all .3s ease-in-out; z-index: 1; } .elementor-element.read_more_content.read_more_content_open:before { opacity: 0; pointer-events: none; } .elementor-element.read_more_content { max-height: 950px; transition: all .5s ease-in-out; overflow: hidden; margin-bottom: 25px; } .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:after { opacity: 1; } .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:before { opacity: 0; } .elementor-element.read_more_content.read_more_content_open { max-height: 990000px; } .elementor-element.sroll_to_read_button a.elementor-button:hover, .elementor-element.continue_read_button.elementor-widget-button .elementor-button:hover { color: #15B1D7; } .elementor-element.sroll_to_read_button a.elementor-button { background-color: #ffffff00; font-size: 14px; padding: 10px 0; position: relative; color: #313131; } .elementor-element.sroll_to_read_button a.elementor-button .sroll_to_read_button_icon { height: 10px; width: 8px; display: inline-flex; margin-left: 6px; position: relative; } .elementor-element.sroll_to_read_button a.elementor-button .elementor-button-content-wrapper { display: inline-flex; } .elementor-element.sroll_to_read_button a.elementor-button .sroll_to_read_button_icon:before, .elementor-element.sroll_to_read_button a.elementor-button .sroll_to_read_button_icon:after { content: ""; position: absolute; width: 8px; height: 5px; background-position: center; background-repeat: no-repeat; background-image: url(../images/arrow_down_black.png); background-size: contain; } .elementor-element.sroll_to_read_button a.elementor-button .sroll_to_read_button_icon:before { top: 0; left: 0; animation: sd_opacity 1s infinite; animation-delay: 0s; } .elementor-element.sroll_to_read_button a.elementor-button .sroll_to_read_button_icon:after { bottom: 0; left: 0; animation: sd_opacity 1s infinite; animation-delay: 0.5s; } .elementor-widget-button.sroll_down_button a.elementor-button { background-color: #ffffff00; font-size: 11px; padding: 15px 15px 50px; position: relative; } .elementor-widget-button.sroll_down_button a.elementor-button:before, .elementor-widget-button.sroll_down_button a.elementor-button:after { content: ""; background-position: center; background-repeat: no-repeat; background-image: url(../images/arrow_down.png); background-size: contain; width: 20px; height: 10px; position: absolute; left: 0; right: 0; margin: auto; } .elementor-widget-button.sroll_down_button a.elementor-button:before { top: 46px; animation: sd_opacity 1s infinite; animation-delay: 0s; } .elementor-widget-button.sroll_down_button a.elementor-button:after { top: 57px; animation: sd_opacity 1s infinite; animation-delay: 0.5s; } .elementor-widget-button.sroll_down_button a.elementor-button:hover { transform: scale(1.1); } @keyframes sd_opacity { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } body .elementor-element.orange_transparent_batik_button .elementor-button { background-color: #ffffff00; font-size: 17px; line-height: 22px; width: 149px; height: 149px; padding: 0; border-radius: 50%; overflow: hidden; text-align: center; border: 19px solid #ffffff1a; } body .elementor-element.orange_transparent_batik_button .elementor-button .elementor-button-content-wrapper { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; background-image: url(../images/dark-orange-batik.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 10px; border-radius: 50%; overflow: hidden; } body .elementor-element.orange_transparent_batik_button .elementor-button .elementor-button-text { font-family: 'noto_sanssemibold'; } body .elementor-element.orange_transparent_batik_button .elementor-button:hover { transform: scale(1.06) rotate(-10deg); } body #page .orange_batik_button:hover { box-shadow: 0px 0px 8px #00000080; } body #page .orange_batik_button { width: 151px; height: 151px; display: inline-flex; text-align: center; align-items: center; justify-content: center; border-radius: 50%; position: relative; overflow: hidden; font-size: 23px; color: white; background-color: #D6521B; padding: 15px; } body #page .orange_batik_button:before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(../images/dark-orange-batik.png); background-repeat: no-repeat; background-position: center; background-size: cover; top: 0; left: 0; border-radius: 50%; opacity: 0.6; transition: all .3s ease-in-out; } body #page .orange_batik_button * { z-index: 1; position: relative; } body #page .orange_batik_button:hover { color: white; } body #page .orange_batik_button:hover:before { opacity: 1; } .elementor-element.theme_style_inner_link.tsil_reverse .elementor-button { flex-direction: row-reverse; } .elementor-element.theme_style_inner_link.tsil_hover_orange .elementor-button .theme_style_circle:before { background-color: #F97304; } body .theme_style_inner_link.tsil_with_arrows .theme_style_circle:before { opacity: 0; } body .theme_style_inner_link.tsil_with_arrows .theme_style_circle:after { background-color: #313131; opacity: 1; } .elementor-element.theme_style_inner_link.tsil_with_arrows .elementor-button:hover .theme_style_circle:before { opacity: 1; } .elementor-element.theme_style_inner_link.tsil_with_arrows .elementor-button:hover .theme_style_circle:after { background-color: #ffffff; } body .theme_style_inner_link.tsil_reverse .theme_style_circle { margin-left: 0; margin-right: 12px; transform: rotate(180deg); } body .theme_style_inner_link.tsilw_bg .theme_style_circle { background-color: white; } body .theme_style_inner_link.tsil_white .theme_style_circle { background-color: #f6f6f466; } body .theme_style_inner_link.tsil_light_grey .theme_style_circle { background-color: #EEEEEE; } body .theme_style_inner_link.tsil_white .theme_style_circle:before { background-color: white; } body .theme_style_inner_link.tsil_white .theme_style_circle:after { background-color: #15B1D7; } body a.theme_style_inner_link.tsil_white:hover, body .theme_style_inner_link.tsil_white:hover .elementor-button-text, body .theme_style_inner_link.tsil_force_white .elementor-button-text, body a.theme_style_inner_link.tsil_force_white, body a.theme_style_inner_link.tsil_force_white:hover { color: white!important; } body a.theme_style_inner_link.theme_black_text { color: #313131; } body .line_stying_button { color: #313131; line-height: 25px; font-size: 15px; position: relative; cursor: pointer; display: inline-flex; align-items: center; font-weight: 400; transition: all .3s ease-in-out; padding: 12px 0; } body .line_stying_button:hover { color: #15B1D7; } body .line_stying_button.lsb_active { color: #15B1D7; font-weight: 700; } body .line_stying_button.lsb_active:before { margin-right: 9px; max-width: 54px; min-width: 54px; width: 54px; } body .line_stying_button:before { content: ""; display: inline-block; background-color: #15B1D7; width: 0; max-width: 0; height: 1px; margin-right: 0; transition: all .3s ease-in-out; } body .theme_style_inner_link .elementor-button:hover span.elementor-button-text { color: #15b1d7; } body .theme_style_inner_link.theme_white_text span.elementor-button-text { color: white; } body .theme_style_inner_link span.elementor-button-text { /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; font-size: 15px; color: #313131; transition: all .3s ease-in-out; } body a.theme_style_inner_link { font-size: 14px; /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; display: inline-flex; align-items: center; color: white; cursor: pointer; } body .theme_style_inner_link.theme_bg_grey .theme_style_circle { background-color: #EEEEEE; } body .theme_style_inner_link .theme_style_circle { margin-left: 12px; background-color: #F6F6F4; width: 40px; height: 40px; min-width: 40px; min-height: 40px; display: inline-flex; border-radius: 50%; position: relative; } body .theme_style_inner_link.bigger_theme_style_inner_link .theme_style_circle { width: 50px; height: 50px; } body .theme_style_inner_link .theme_style_circle:before { content: ""; background-color: #15B1D7; width: 4.5px; height: 4.5px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; transition: all .6s ease-in-out; } body .theme_style_inner_link .theme_style_circle:after { content: ""; width: 13.5px; height: 9px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #ffffff; transition: all .3s ease-in-out; opacity: 0; transition-delay: 0.2s; z-index: 1; } body .go_back_button a.elementor-button-link { display: inline-flex; align-items: center; color: white; cursor: pointer; /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; font-size: 15px; transition: all .3s ease-in-out; background-color: #ffffff00; padding: 0; } body .go_back_button.gbb_white:hover .gb_inner_button { background-color: #f6f6f466; } body .go_back_button.gbb_white:hover .gb_inner_button:before { background-color: white; } body .go_back_button.gbb_white:hover, body .go_back_button.gbb_white:hover span.elementor-button-text { color: white; } body .go_back_button span.elementor-button-text { /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; font-size: 15px; } body .go_back_button:hover .gb_inner_button:before { background-color: white; } body .go_back_button:hover .gb_inner_button { background-color: #15b1d7; } body .go_back_button:hover, body .go_back_button.go_back_reverse:hover, body .go_back_button.go_back_reverse a.elementor-button-link:hover .elementor-button-text { color: #15b1d7; } body .go_back_button.go_back_reverse a.elementor-button-link .elementor-button-text { color: #313131; } body .go_back_button { display: inline-flex; align-items: center; color: white; cursor: pointer; /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; font-size: 15px; transition: all .3s ease-in-out; } /* body .go_back_button.go_back_reverse:hover .gb_inner_button { background-color: #059DC2; } */ body .go_back_button:hover .gb_inner_button:before, body .go_back_button.go_back_reverse:hover .gb_inner_button:before { background-color: #15b1d7!important; } body .go_back_button.go_back_reverse:hover .gb_inner_button:before { background-color: #ffffff; } body .go_back_button.go_back_reverse .gb_inner_button { background-color: #15b1d7; } body .go_back_button.go_back_reverse .gb_inner_button:before { background-color: #ffffff; z-index: 1; } body .go_back_button:hover .gb_inner_button { transition-delay: 0.5s; background-color: white; } body .go_back_button.go_back_reverse { color: #313131; } body .go_back_button .gb_inner_button { width: 50px; height: 50px; background-color: white; display: inline-flex; border-radius: 50%; transition: all .3s ease-in-out; position: relative; margin-right: 14px; } body .go_back_button .gb_inner_button:after { content: ""; position: absolute; width: 0; height: 0; background-color: white; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: all .6s ease-in-out; border-radius: 50%; } body .go_back_button:hover .gb_inner_button:after { width: 100%; height: 100%; } body .go_back_button .gb_inner_button:before { content: ""; width: 13.5px; height: 9px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #000000; mask: url(../images/big_left_arrow.svg); -webkit-mask: url(../images/big_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; transition: all .3s ease-in-out; } body .arrows_style_button { width: 50px; height: 50px; background-color: white; display: inline-flex; border-radius: 50%; transition: all .3s ease-in-out; position: relative; cursor: pointer; } body .arrows_style_button:before { content: ""; width: 13.5px; height: 9px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #000000; mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; transition: all .3s ease-in-out; } body .arrows_style_button:hover { background-color: #15B1D7; box-shadow: 0 0 6px #0000001f; } body .arrows_style_button:hover:before { background-color: white; } .elementor-element.theme_style_inner_link .elementor-button { display: inline-flex; align-items: center; padding: 0; background-color: #ffffff00; font-weight: 700; font-size: 14px; text-align: unset; line-height: 1.3; } body a.theme_style_inner_link:hover .theme_style_circle:before, body .theme_style_inner_link .elementor-button:hover .theme_style_circle:before { width: 100%; height: 100%; } body a.theme_style_inner_link:hover .theme_style_circle:after, body .theme_style_inner_link .elementor-button:hover .theme_style_circle:after { opacity: 1; } body a.theme_style_inner_link:hover, .elementor-element.theme_style_inner_link .elementor-button:hover { color: #15B1D7!important; } .h3_lb_text h3 b *, .h3_lb_text h3 strong *, .h3_lb_text h3 b, .h3_lb_text h3 strong { /* font-weight: 900; */ font-family: 'noto_sansblack'; } .h3_lb_text h3, .h3_lb_text h3 * { font-weight: 400; } .elementor-element.mc_post_content_sec h1, .elementor-element.mc_post_content_sec h2, .elementor-element.mc_post_content_sec h3, .elementor-element.mc_post_content_sec h4, .elementor-element.mc_post_content_sec h5 { font-family: 'noto_sansextrabold'; } .elementor-element.p_sb_bold b, .elementor-element.p_sb_bold strong, .elementor-element.p_sb_bold b *, .elementor-element.p_sb_bold strong *, .elementor-element.mc_post_content_sec strong { font-family: 'noto_sanssemibold'; } .elementor-element.mc_post_content_sec table, .elementor-element.mc_post_content_sec table tr, .elementor-element.mc_post_content_sec table td { border: none; } .linear_bg_left:before { content: ""; background-image: linear-gradient(90deg, #00000099, #ffffff00); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .linear_bg_bottom:before { content: ""; background-image: linear-gradient(0deg, #0000004d, #ffffff00); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } body .force_no_margin_bottom { margin-bottom: 0!important; } .play_video_buttton .elementor-button .elementor-button-icon > i { transform: translate(2px, 0); } .play_video_buttton.small_pvb .elementor-button .elementor-button-icon { width: 40px; height: 40px; } .play_video_buttton .elementor-button .elementor-button-icon { background-color: #15B1D7; border-radius: 50%; padding: 17.5px 17.5px 17.5px 17.5px; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; margin-right: 14px; } .play_video_buttton.elementor-widget-button .elementor-button { background-color: #ffffff00!important; padding: 0!important; } .play_video_buttton.elementor-widget-button .elementor-button .elementor-button-content-wrapper { display: inline-flex; align-items: center; } .play_video_buttton.play_video_black .elementor-button .elementor-button-text { color: #313131; } .play_video_buttton .elementor-button .elementor-button-text { font-family: 'noto_sanssemibold'; font-size: 14px; transition: all .3s ease-in-out; } .play_video_buttton.elementor-widget-button .elementor-button:hover .elementor-button-icon { background-color: #034fa1; } .play_video_buttton.elementor-widget-button .elementor-button:hover .elementor-button-text { color: #15B1D7; } .banner_credit_sec .banner_credit_label { margin-bottom: 0; text-align: right; line-height: 1.2; font-size: 14px; } .elementor-element.banner_credit_sec_wrapper { position: absolute!important; top: 0; left: 0; width: 100%; } /************ General end ************/ /************ Header ************/ /* .elementor-sticky--active */ .elementor-element.sticky_header_menu { box-shadow: 0 4px 6px #0000001a; } .elementor-element.sticky_header_menu { transition: all .3s ease-in-out!important; } .search_form_sec { /* display: none; */ width: 100%!important; max-height: 0; visibility: hidden; opacity: 0; transition: all .3s ease-in-out!important; z-index: 99999!important; } .search_form_sec:not(.sfs_active) { padding: 0!important; } .elementor-section.search_form_sec { top: auto; position: absolute; } .search_form_sec.sfs_active { max-height: 200px; visibility: visible; opacity: 1; } .search_form_sec .elementor-search-form button.elementor-search-form__submit { border-radius: 7px; padding: 8px 22px!important; height: 36px; width: 90px!important; position: absolute; top: 0; margin: auto; left: calc(100% + 16px); } .search_form_sec .elementor-search-form input.elementor-search-form__input { background-size: 21px; background-image: url(../images/search_icon.png); background-repeat: no-repeat; background-position: 0% 40%; padding-left: 58px!important; } .search_form_sec .elementor-search-form .elementor-search-form__container { position: relative; width: calc(100% - 106px); overflow: visible; } .search_popup_button .elementor-button .elementor-button-icon, .plus_popup_button .elementor-button .elementor-button-icon { position: relative; } .search_popup_button .elementor-button .elementor-button-icon:before { content: "\2715"; /* content: ""; */ position: absolute; display: block; font-size: 17.05px; line-height: 13px; left: 0; top: 0; transition: all .3s ease-in-out; opacity: 0; width: 13px; height: 13px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .search_popup_button .elementor-button .elementor-button-icon:after { content: ""; position: absolute; display: block; left: 0; top: 0; transition: all .3s ease-in-out; opacity: 0; width: 13px; height: 13px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/white_search.png); } .plus_popup_button .elementor-button .elementor-button-icon:before { content: "\002B"; position: absolute; display: inline-flex; align-items: center; justify-content: center; font-size: 40px; line-height: 36px; width: 22px; height: 36px; left: 0; top: 0; transition: all .3s ease-in-out; opacity: 1; transform: translate(0.5px , -1px); } .plus_popup_button .elementor-button .elementor-button-icon:after { content: "-"; position: absolute; display: inline-flex; align-items: center; justify-content: center; font-size: 40px; line-height: 36px; width: 22px; height: 36px; left: 0; top: 0; right: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; transform: translate(0.5px , -1px); } .plus_popup_button .elementor-button .elementor-button-icon { width: 22px; height: 40px; } .search_popup_button .elementor-button.search_popup_button_close .elementor-button-icon:before, .plus_popup_button .elementor-button.plus_popup_button_close .elementor-button-icon:after, .search_popup_button .elementor-button .elementor-button-icon:after { opacity: 1; } .search_popup_button .elementor-button .elementor-button-icon > i { opacity: 0!important; } .search_popup_button .elementor-button.search_popup_button_close .elementor-button-icon > *, .plus_popup_button .elementor-button .elementor-button-icon > *, .plus_popup_button .elementor-button.plus_popup_button_close .elementor-button-icon:before, .search_popup_button .elementor-button.search_popup_button_close .elementor-button-icon:after { opacity: 0; } .search_popup_button .elementor-button .elementor-button-icon > * { transition: all .3s ease-in-out; } .elementor-nav-menu li.home_nav.menu-item a { font-size: 0; } .elementor-nav-menu li.home_nav.menu-item a:before { content: ""; width: 15px; height: 15px; min-width: 15px; min-height: 15px; display: block; position: relative; transition: all .3s ease-in-out; background-color: #313131!important; opacity: 1!important; mask: url(../images/home.svg); -webkit-mask: url(../images/home.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .elementor-nav-menu li.home_nav.menu-item a:hover:before { background-color: #0751A2!important; } .elementor-nav-menu li.home_nav.menu-item a { font-size: 0; } .header_nav_menu .elementor-nav-menu .menu-item .menu-link { padding-bottom: 15px!important; } .header_nav_menu .elementor-nav-menu li.menu-item a:after { content: ""; background-color: #15B1D7!important; height: 4px; width: calc(100% - 30px); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; } .header_nav_menu .elementor-nav-menu li.menu-item a:hover:after, .header_nav_menu .elementor-nav-menu li.menu-item.current-menu-item a:after { opacity: 1; } .elementor-nav-menu li.home_nav.menu-item a:after { display: none; } .tbs_date:after { content: ""; width: 1px; height: 100%; display: inline-block; background-color: white; position: absolute; top: 0; right: 12px; } .tbs_sec_wrapper { padding-right: 120px; } #page .tbs_inner_div .tbs_link a { text-decoration: underline; white-space: nowrap; } body .fancybox-container { z-index: 9999992; } body .dialog-type-lightbox { z-index: 999999; } .tbs_content_wrap .tbs_title { margin-right: 26px; } .tbs_content_wrap .tbs_link a:hover, .tbs_content_wrap .tbs_link a:focus { color: #023d67; } html body #page .outer_site_link.osl_20px a { font-size: 20px; } html body #page .outer_site_link a { font-size: 14px; color: #15B1D7; font-family: 'noto_sanssemibold'!important; text-decoration: underline; line-height: 35px; position: relative; /* padding-right: 27px; */ padding-right: 5px; } html body #page .outer_site_link.osl_white_color a, html body #page .outer_site_link.osl_white_color a:hover { color: white; } html body #page .outer_site_link a:hover { color: #313131; } html body #page .outer_site_link.osl_ca a:after { background-image: url(../images/osl_ca.png); background-color: #ffffff00; background-size: contain; background-position: center; } html body #page .outer_site_link a:after { content: ""; display: inline-flex; width: 22px; height: 22px; background-image: url(../images/big_right_arrow.svg); background-position: 6px 50%; background-repeat: no-repeat; background-size: 11px; background-color: #15B1D7; border-radius: 50%; margin: auto; transition: all .3s ease-in-out; transform: rotate(-45deg) translate(-3px, 4px); /* margin-left: 10px; */ margin-left: 5px; } html body #page .outer_site_link a:hover:after { transform: rotate(0deg) translate(0px, 5px); } .tbs_content_wrap .tbs_link a, html body #page .inner_site_link a { /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; text-decoration: underline; line-height: 30px; } .tbs_inner_div .tbs_content_wrap { margin-bottom: 0; } .tbs_inner_div .tbs_content_wrap * { font-size: 15px; color: white; } .elementor-element.outer_social_link_right a[href*="tel:"]:after, .elementor-element.outer_social_link a[href*="tel:"]:before, .elementor-element.outer_social_link a[href*="mailto:"]:before, body #content .outer_social_link a[rel*="tel:"]:before { content: ""; display: inline-flex; width: 27px; height: 27px; background-repeat: no-repeat; background-color: #15B1D7; border-radius: 50%; margin: auto; transition: all .3s ease-in-out; margin-right: 10px; transform: translate(0, -50%); top: 50%; position: absolute; left: 3px; } body .elementor-element.outer_social_link_right a[href*="tel:"]:after { margin-right: 0; margin-left: 10px; left: auto; right: 3px; } .elementor-element.outer_social_link a[href*="tel:"]:before, .elementor-element.outer_social_link_right a[href*="tel:"]:after, body #content .outer_social_link a[rel*="tel:"]:before { background-image: url(../images/whatsapp_share.png); background-size: 13px; background-position: 50% 7px; } .elementor-element.outer_social_link a[href*="mailto:"]:before { background-image: url(../images/email.png); background-size: 15px; background-position: 50% 8px; } .elementor-element.outer_social_link a[href*="tel:"], .elementor-element.outer_social_link a[href*="mailto:"], .elementor-element.outer_social_link_right a[href*="tel:"], body #content .outer_social_link a[rel*="tel:"] { position: relative; padding-left: 40px; font-family: 'noto_sanssemibold'; text-decoration: underline!important; display: inline-flex; } body .elementor-element.outer_social_link_right a[href*="tel:"] { padding-left: 0; padding-right: 40px; } .tbs_content_wrap .tbs_date { position: relative; padding-right: 30px; } .tbs_sec { background-color: #15b1d7; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/white_batik.png); padding: 6px 0; } .tbs_close { position: absolute; width: 46px; height: 46px; font-size: 19px; text-align: center; color: white; padding: 15px; line-height: 0.9; top: 0; bottom: 0; margin: auto; right: 0; z-index: 2; cursor: pointer; font-weight: 700; } .tbs_sec_wrapper.slick-slider .slick-arrow.slick-next { right: 41px; } .tbs_sec_wrapper.slick-slider .slick-arrow.slick-prev { right: 70px; left: auto; } .sticky_search_popup_button.search_popup_button .elementor-button .elementor-button-icon:before { transform: translate(0.5px, 0px); } .sticky_search_popup_button.search_popup_button { position: absolute; width: 49px!important; height: 49px!important; display: flex; align-items: center; justify-content: center; right: 0; margin: auto; left: 0; top: 0; transition: all .3s ease-in-out; pointer-events: none; opacity: 0; transform: translate(672px, 0px); z-index: 99999!important; } .sticky_search_popup_button.search_popup_button > * { position: relative; z-index: 1; } .sticky_search_popup_button.search_popup_button:before { content: ""; background-color: #ffffff4d; width: 100%; height: 100%; top: 0; left: 0; position: absolute; border-radius: 50%; } .sticky_search_popup_button.search_popup_button.spu_button_close_active.elementor-sticky--active { pointer-events: all; opacity: 1; transform: translate(672px, 9px); } .header_nav_menu .elementor-menu-toggle { height: 35px; min-width: 60px; padding: 8px 10px; transition: all .3s ease-in-out; } .header_nav_menu .elementor-menu-toggle .eicon-menu-bar { display: none; } .header_nav_menu .elementor-menu-toggle > span { display: flex; position: relative; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; margin: auto; font-size: 14px; font-family: 'noto_sanssemibold'; line-height: 14px; } .mmb_open { position: relative; } .mmb_open > div { height: 35px; text-align: center; align-items: center; justify-content: center; min-width: 60px; padding: 8px 10px; transition: all .3s ease-in-out; opacity: 0; position: absolute; width: 100%; top: 0; left: 0; z-index: -1; border-radius: 5px; display: inline-flex; } .mmb_open > div.mmb_open_nh { position: relative; opacity: 1; z-index: 1; } .mmb_open { position: relative; display: inline-flex; cursor: pointer; } .mmb_open > div span { font-size: 14px; font-family: 'noto_sanssemibold'; line-height: 1.4; } div.mmb_open:hover .mmb_open_nh { position: absolute; z-index: -1; opacity: 0; } div.mmb_open:hover .mmb_open_h { position: relative; z-index: 1; opacity: 1; } .mobile_menu_button_sec { text-align: right; } .mm_popup_sec { position: fixed; z-index: 999999; width: 100%; height: 100%; top: 0; left: 0; display: none; } .mm_popup_sec_wrapper { height: 100%; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: 100%; background-image: url(../images/mobile_menu_batik.png); } .mm_popup_top_bar_sec { padding: 12px 15px; display: flex; align-items: center; flex-wrap: wrap; } .mmb_open.mmb_close_popup { margin-left: auto; } .mm_popup_content_sec { height: calc(100% - 59px); padding: 14px 15px 7px; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; } .mmpu_footer_logo { margin-top: auto; text-align: center; } .mm_popup_content_sec .mmpu_footer_logo img { max-width: 216px; width: 100%; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item:last-child { border-bottom: 0; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item .menu-link:hover { color: #15b1d7; } .dm_dropdown_bg_close { position: absolute; font-size: 20px; line-height: 16px; color: white; transition: all .3s ease-in-out; padding: 10px; top: 13px; left: 15px; z-index: 9; cursor: pointer; } .dm_dropdown_bg_close:hover { opacity: 0.6; } .sgm-top-logged .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { transition: all .3s ease-in-out; opacity: 0; } .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu { opacity: 1; } /************ Header end ************/ /************ Slick General Style ************/ .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { background-image: none; } .slick-slider .slick-arrow, .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { width: 23px; height: 23px; background-color: white; border-radius: 50%; position: absolute; border: none; transition: all .3s ease-in-out; opacity: 1; z-index: 1; } .slick-slider .slick-arrow:before, .swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after { width: 11px; height: 7.5px; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 1; font-size: 0; } .vertical_slider.slick-vertical .slick-arrow.slick-prev:before { mask: url(../images/top_white_arrows.png); -webkit-mask: url(../images/top_white_arrows.png); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .vertical_slider.slick-vertical .slick-arrow.slick-next:before { mask: url(../images/bottom_white_arrows.png); -webkit-mask: url(../images/bottom_white_arrows.png); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .slick-slider .slick-arrow.slick-next:before, .swiper-container .swiper-button-next:after { content: ""; mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #15B1D7; transition: all .3s ease-in-out } .slick-slider .slick-arrow.slick-prev:before, .swiper-container .swiper-button-prev:after { content: ""; mask: url(../images/big_left_arrow.svg); -webkit-mask: url(../images/big_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #15B1D7; transition: all .3s ease-in-out; } .slick-slider .slick-arrow.slick-disabled, .slick-slider .slick-arrow.slick-disabled:hover, .swiper-container .swiper-button-prev.swiper-button-disabled, .swiper-container .swiper-button-next.swiper-button-disabled { opacity: 0.4; } .slick-slider .slick-arrow:hover, .swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover { opacity: 0.6; /* background-color: #f97305; */ } .transparent_slick.slick-slider .slick-arrow { width: 38px; height: 22px; border-radius: 0; background-color: #ffffff00; } .transparent_slick.slick-slider .slick-arrow:before { width: 28px; height: 12px; } .transparent_slick.slick-slider .slick-arrow.slick-next:before { mask: url(../images/superbig_right_arrow.svg); -webkit-mask: url(../images/superbig_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #ffffff; } .transparent_slick.slick-slider .slick-arrow.slick-prev:before { mask: url(../images/superbig_left_arrow.svg); -webkit-mask: url(../images/superbig_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #ffffff; } .vertical_slider.slick-vertical .slick-arrow { width: 47px; height: 47px; background-color: #059DC2; transform: translate(0px, 0px); } .vertical_slider.slick-vertical .slick-arrow.slick-next { right: -65px; } .vertical_slider.slick-vertical .slick-arrow.slick-prev { right: -65px; left: auto; transform: translate(0px, -55px); } .vertical_slider.slick-vertical .slick-arrow:before { height: 13px; width: 9px; background-color: white; } .blue_slick.slick-slider .slick-arrow, .swiper-container.blue_swiper .swiper-button-next, .swiper-container.blue_swiper .swiper-button-prev { background-color: #15B1D7; width: 50px; height: 50px; } .blue_slick.slick-slider .slick-arrow:before, .swiper-container.blue_swiper .swiper-button-next:after, .swiper-container.blue_swiper .swiper-button-prev:after { width: 13.5px; height: 9px; background-color: white; } .blue_slick.slick-slider .slick-arrow.slick-disabled, .swiper-container.blue_swiper .swiper-button-next.swiper-button-disabled, .swiper-container.blue_swiper .swiper-button-prev.swiper-button-disabled { background-color: #EEEEEE; opacity: 1; } .blue_slick.slick-slider .slick-arrow.slick-disabled:before, .swiper-container.blue_swiper .swiper-button-next.swiper-button-disabled:after, .swiper-container.blue_swiper .swiper-button-prev.swiper-button-disabled:after { background-color: #0000001a; } .white_slick.slick-slider .slick-arrow, .swiper-container.white_swiper .swiper-button-next, .swiper-container.white_swiper .swiper-button-prev { background-color: #ffffff; width: 50px; height: 50px; } .white_slick.slick-slider .slick-arrow:before, .swiper-container.white_swiper .swiper-button-next:after, .swiper-container.white_swiper .swiper-button-prev:after { width: 13.5px; height: 9px; background-color: black; } /************ Slick General Style end ************/ /************ Footer ************/ .footer_nav_menu .elementor-nav-menu li.menu-item a { font-family: 'noto_sansmedium'!important; } .footer_nav_menu .elementor-nav-menu li.menu-item a:after { content: ""; background-color: #ffffff!important; height: 15px; width: 1px; position: absolute; bottom: 0; top: 0; right: 0; left: auto; margin: auto; transition: all .3s ease-in-out; opacity: 1!important; } .footer_nav_menu .elementor-nav-menu li.menu-item:last-child a:after { display: none; } .elementor-nav-menu li.earth_nav_item.menu-item > a:before { content: ""; width: 14px; height: 14px; min-width: 14px; min-height: 14px; display: block; position: absolute; top: 0; bottom: 0; left: 1px; margin: auto; transition: all .3s ease-in-out; background-color: #ffffff!important; opacity: 1!important; mask: url(../images/earth.svg); -webkit-mask: url(../images/earth.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .newsletter_sec { border-bottom: 1px solid #313131; } .newsletter_sec input.newsletter_input { width: calc(100% - 115px); border: none; background-color: #ffffff00!important; line-height: 24px; font-size: 14px; padding: 10px; border-radius: 0; transform: translate(0px, -8px); } .newsletter_sec { position: relative; } .newsletter_sec button.newsletter_button, body #content .blue_button { background-color: #15B1D7; padding: 7px 18px; color: white; border-radius: 7px; border: 1px solid #ffffff00; font-size: 14px; line-height: 24px; font-family: 'noto_sanssemibold'; transition: all .3s ease-in-out; cursor: pointer; position: absolute; bottom: 10px; right: 0; } body #content .dark_blue_button { background-color: #074C99; padding: 7px 18px; color: white; border-radius: 7px; border: 1px solid #ffffff00; font-size: 14px; line-height: 24px; font-family: 'noto_sanssemibold'; transition: all .3s ease-in-out; cursor: pointer; } body #content .dark_blue_button:hover { border: 1px solid #034EA1; color: #034EA1; background: #fff; } html body #content .blue_button { position: relative; bottom: 0; right: 0; } .newsletter_sec button.newsletter_button:hover, body #content .blue_button:hover { background-color: #F97304; } .newsletter_sec input.newsletter_input::placeholder { color: #313131; } .footer_mtt_button { color: white; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; text-align: center; padding: 15px 0 0; position: relative; transition: all .3s ease-in-out; } .footer_mtt_button:before { content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; width: 15px; height: 8px; background-image: url(../images/arrow_down.png); transform: rotate(180deg); position: absolute; top: 0; left: 0; right: 0; margin: auto; transition: all .3s ease-in-out; } .footer_mtt_sec { position: absolute; top: -60px; right: 0; } .footer_mtt_button:hover:before { transform: rotate(180deg) scale(1.2); } /************ Footer end ************/ /************ Homepage ************/ .hsb_special_style .play_video_buttton .elementor-button:not(:hover) .elementor-button-icon { background-color: #ffffff; border: 1px solid #15B1D7; } .hsb_special_style .play_video_buttton .elementor-button:not(:hover) .elementor-button-icon i { color: #15B1D7; } #content .hsb_special_style .hsb_rm_button_sec a:not(:hover) { border: 1px solid #034EA1; color: #034EA1; background: #fff; } .hsb_special_style .play_video_buttton .elementor-button .elementor-button-icon i { transition: all .3s ease-in-out; } .hsb_inner_div .play_video_buttton .elementor-button .elementor-button-text { font-size: 20px; } .hsb_special_style .play_video_buttton .elementor-button:hover .elementor-button-text { color: white; } .hsb_special_style .play_video_buttton .elementor-button:hover .elementor-button-icon { background-color: #15B1D7; border: 1px solid #15B1D7; } .hsb_special_style .play_video_buttton .elementor-button:hover .elementor-button-icon i { color: #fff; } #content .hsb_special_style .hsb_rm_button_sec a:hover { border: 1px solid #074C99; color: #fff; background-color: #074C99; } /* , .de_div:not(:first-child), .pe_div:not(:first-child), .pe_asNav_div_wrapper:not(:first-child) */ .tbs_div:not(:first-child), .wwa_div:not(:first-child), .wwa_bg_div:not(:first-child) { display: none; } .landmarks_cateogry_bt_div:not(:first-child) { display: none!important } .pe_sec .pe_div.swiper-slide { display: flex; flex-wrap: wrap; width: 100%; transition: all .3s ease-in-out; opacity: 0; pointer-events: none; } .pe_sec .pe_div.swiper-slide-active { transition-delay: .5s; opacity: 1; pointer-events: all; } .de_div.de_last_div { /* padding-bottom: 80px; */ } .de_div.de_last_div .de_wrapper_div { max-width: 700px; margin-left: auto; margin-right: auto; width: 100%; } .de_sec .de_div { width: 100%; } .de_sec .de_div * { text-align: center; } .de_sec .de_div > div { display: block; max-width: 750px; text-align: center; margin-left: auto; margin-right: auto; position: relative; text-decoration: none!important; margin-bottom: 100px; color: #313131; } .de_sec .de_div > div:before { content: ""; position: absolute; width: 43px; height: 38px; background-color: #D44206; transition: all .3s ease-in-out; mask: url(../images/comma.svg); -webkit-mask: url(../images/comma.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; left: -70px; top: 32px; } .de_sec .de_div > div:hover .de_title { color: #15b1d7; } .de_sec .de_div .de_title { transition: all .3s ease-in-out; } .de_sec .de_div .de_date { margin-bottom: 16px; color: #D44206; font-weight: 700; text-transform: capitalize; } .de_sec.slick-slider .slick-arrow, .de_sec_wrapper.swiper-container .swiper-button-next, .de_sec_wrapper.swiper-container .swiper-button-prev, .deo_content_slider.swiper-container .swiper-button-next, .deo_content_slider.swiper-container .swiper-button-prev { left: 0; right: 0; margin: auto; bottom: 0; top: auto; } .de_sec.slick-slider .slick-next.slick-arrow, .de_sec_wrapper.swiper-container .swiper-button-next, .deo_content_slider.swiper-container .swiper-button-next { -webkit-transform: translate(30px, 0); -ms-transform: translate(30px, 0); transform: translate(30px, 0); } .de_sec.slick-slider .slick-prev.slick-arrow, .de_sec_wrapper.swiper-container .swiper-button-prev, .deo_content_slider.swiper-container .swiper-button-prev { -webkit-transform: translate(30px, 0); -ms-transform: translate(30px, 0); transform: translate(-30px, 0); } .pe_sec .pe_div.slick-slide { display: flex; align-items: stretch; flex-wrap: wrap; } .pe_div > div.pe_left_div { padding-right: 0; } .pe_left_div { width: 48%; } .pe_right_div { width: 52%; display: flex; flex-direction: column; } .pe_div > div.pe_right_div { padding-top: 25px; padding-left: 30px; } .pe_div > div { padding: 0 15px; } .pe_div > div.pe_right_div .pe_title { line-height: 1; padding: 4px 0; } .pe_sec_wrapper { width: 100%; max-width: 1054px; margin-left: auto; margin-right: auto; padding-top: 88px; padding-bottom: 88px; } .pe_asNav_sec .pe_asNav_div_wrapper { width: 20%; } .pe_images_div { position: relative; } .pe_images_div .pe_images { height: 348px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .3s ease-in-out; } .pe_div .pe_title { margin-bottom: 33px; /* font-family: 'Noto Sans Blk'; */ font-family: 'noto_sansblack'; } .pe_div .pe_description { margin-bottom: 15px; } .pe_right_div a { /* margin-top: auto; margin-bottom: 40px; */ } .pe_images_div:before { content: ""; background-image: linear-gradient(0deg, #00000099, #ffffff00); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pe_images_div .pe_images_content { position: absolute; z-index: 1; bottom: 0; left: 0; padding: 20px 20px 16px 20px; width: 100%; } .pe_images_div .pe_images_content * { color: white; display: block; line-height: 21px; } .pe_div > div.pe_right_div * { color: white; } .pe_right_div .pe_description p { line-height: 27px; } .pe_asNav_div > div { height: 81px; width: 81px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%; margin: auto; position: relative; background-blend-mode: multiply; background-color: #313131cc; transition: all .3s ease-in-out; } /* .pe_asNav_div > div:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; } */ .pe_asNav_div { width: 97px; height: 97px; padding: 7px; border-radius: 50%; border: 1px solid #ffffff00; margin-left: auto; margin-right: auto; transition: all .3s ease-in-out; cursor: pointer; } .slick-current .pe_asNav_div, .swiper-slide-active .pe_asNav_div { border: 1px solid white; } .pe_asNav_sec_outer_wrapper { background-color: #ffffff26; padding: 10px 0; position: relative; transition: all .3s ease-in-out; border-top: 1px solid #ffffff80; } .slick-current .pe_asNav_div > div, .swiper-slide-active .pe_asNav_div > div, .pe_asNav_div:hover > div { background-color: #ffffff00; } .pe_asNav_sec_outer_wrapper:before, .pe_asNav_sec_outer_wrapper:after { content: ""; background-color: #ffffff26; border-top: 1px solid #ffffff80; position: absolute; width: 100%; height: calc(100% + 1px); top: -1px; left: 0; } .pe_asNav_sec_outer_wrapper:before { transform: translate(-100%, 0); } .pe_asNav_sec_outer_wrapper:after { transform: translate(100%, 0); } .pe_asNav_sec .slick-list, .pe_asNav_sec_wrapper { max-width: 520px; margin-left: auto; margin-right: auto; } .pe_sec_wrapper.swiper-container { overflow: visible; position: relative; } .pe_asNav_sec_wrapper.swiper-container, .nip_wrapper.swiper-container, .pcc_tb_bottom_sec_wrapper.swiper-container { overflow: hidden; } .pcc_tb_bottom_sec_outer_wrapper.swiper-container { position: relative; } .pe_asNav_sec .slick-prev.slick-arrow, .pe_asNav_sec .slick-next.slick-arrow, .pe_sec_wrapper.swiper-container .swiper-button-next, .pe_sec_wrapper.swiper-container .swiper-button-prev { left: 0; right: 0; margin: auto; } .pe_sec_wrapper.swiper-container .swiper-button-next, .pe_sec_wrapper.swiper-container .swiper-button-prev { top: auto; bottom: 0; } .pe_asNav_sec .slick-prev.slick-arrow { transform: translate(-310px, -50%); } .pe_asNav_sec .slick-next.slick-arrow { transform: translate(310px, -50%); } .pe_sec_wrapper.swiper-container .swiper-button-prev { transform: translate(-310px, calc(100% + 36px)); } .pe_sec_wrapper.swiper-container .swiper-button-next { transform: translate(310px, calc(100% + 36px)); } .wwa_div .wwa_content_div .wwa_title { line-height: 1.2; margin-bottom: 0; } .wwa_div .wwa_content_div .wwa_subtitle { line-height: 1.2; display: block; } .wwa_sec .wwa_div { padding: 200px 0 162px; } .wwa_content_div { max-width: 750px; text-align: center; margin-left: auto; margin-right: auto; } .wwa_sec.slick-slider .slick-arrow { top: auto; transform: translate(0px, 0px); bottom: 124px; left: 0; right: 0; margin: auto; } .wwa_sec.slick-slider .slick-arrow.slick-next { transform: translate(19px, 0px); } .wwa_sec.slick-slider .slick-arrow.slick-prev { transform: translate(-19px, 0px); } .bis_bg:before { content: ""; height: calc(100% - 20px); width: 100%; background-image: linear-gradient(0deg, #00000099, #ffffff00); position: absolute; bottom: 0; left: 0; } .bis_bg { background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover; display: flex; align-items: flex-end; justify-content: flex-start; padding: 34px 26px; position: relative; } .flip-card-back .bis_bg { position: absolute; transform: rotateY(360deg); top: 0; left: 0; filter: blur(4px); } .flip-card-back .bis_bg:before { display: none; } .flip-card-back:before { content: ""; width: 100%; height: 100%; background-color: #03749ccc; position: absolute; top: 0; left: 0; z-index: 1; } .bis_content_div { position: relative; width: 100%; height: 100%; text-align: center; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; } .bis_content_div .bis_title { /* font-family: 'Noto Sans ExtBd'; */ font-family: 'noto_sansextrabold'; margin-bottom: 12px; line-height: 25px; } .bis_sec { display: flex; flex-wrap: wrap; max-width: 1106px; margin-left: auto; margin-right: auto; } .bis_sec > div { width: calc(33.33% + 2px); height: 362px; margin-left: -1px; margin-right: -1px; cursor: pointer; } .bis_bg .bis_title { line-height: 25px; text-align: left; /* font-family: 'Noto Sans ExtBd'; */ font-family: 'noto_sansextrabold'; color: white; z-index: 1; } .elementor-element.wwa_bg_sec_wrapper, .elementor-element.wwa_bg_sec_wrapper * { height: 100%; } .wwa_bg.wwa_bg_active { transform: scale(1); animation-name: wwa_transform; animation-duration: 5.5s; animation-delay: .5s; animation-fill-mode: forwards; } @keyframes wwa_transform { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .wwa_bg { transform: scale(1); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; /* transition: all .3s ease-in-out; */ /* transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); */ /* transform: scale(1.2); */ } .wwa_bg .wwa_bg_dk { content: ""; position: absolute; /* background-color: #00000080; */ background-color: #000000; width: 100%; height: 100%; top: 0; left: 0; } .wwa_bg:after { content: ""; position: absolute; background-image: linear-gradient(0deg, #00000000, #ffffff00); width: 100%; height: 100%; top: 0; left: 0; } .flip-card { background-color: #ffffff00; width: 100%; height: 100%; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card-front { /* background-color: #bbb; color: black; */ z-index: 2; } .flip-card-back { background-color: #2980b9; color: white; transform: rotateY(180deg); overflow: hidden; z-index: 3; } .nip_tag_list .nip_tags.nip_white_tags { border: 1px solid #ffffff; color: #ffffff; } .nip_tag_list .nip_tags.nip_white_tags:hover { background-color: white; color: #15B1D7; } .nip_tag_list .nip_tags:hover { background-color: #15B1D7; color: white; } .nip_tag_list .nip_tags { color: #15B1D7; display: inline-block; padding: 2.5px 6px; border: 1px solid #15B1D7; border-radius: 5px; margin-bottom: 4px; transition: all .3s ease-in-out; margin-right: 5px; line-height: 1.2; } .nip_content_div .nip_description, .pe_nip_description { font-weight: 700; color: #313131; line-height: 21px; margin-bottom: 13px!important; transition: all .3s ease-in-out; } .nip_content_div .nip_date { color: #959595; line-height: 25px; } .nip_tag_list { margin-bottom: 6px; display: flex; flex-wrap: wrap; } .nip_content_div .nip_description_link:hover .nip_description, .pe_nip_description:hover { color: #15B1D7; } body div.nip_inner_wrapper { display: flex; align-items: stretch; /* padding: 30px 110px 35px 20px; */ /* overflow-x: auto; width: calc(100% + 80px); margin-right: -80px; */ } .nip_sec .nip_div { min-width: 235px; width: 235px; margin-right: 17px; border-radius: 22px; overflow: hidden; box-shadow: -2px 4px 20px #00000033; height: auto; } .nip_thumbnail_bg, .dms_post_list_thumbnail > div, .pep_sw_bottom_left div, .rsgmv_bg, .rsg_highlighted_bg { background-image: url(../images/dummy_image_grey.jpeg); } .nip_thumbnail_div .nip_thumbnail_bg { height: 204px; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; transition: all .3s ease-in-out; } .nip_category_name { min-height: 34px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 20px; background-repeat: no-repeat; background-position: center; background-size: cover; } .nip_div .nip_category_name p { margin-bottom: 0; color: white; } .nip_content_div { padding: 13px 18px 14px 18px; } .aei_post .nip_div:first-child { margin-left: 20px; } .aei_post .nip_div:last-child { margin-right: 30px; } .nip_thumbnail_div a { display: block!important; overflow: hidden; position: relative; } .nip_thumbnail_div a:hover .nip_thumbnail_bg { transform: scale(1.1); } .nip_thumbnail_div .nit_video_button, .rsg_highlighted_link .nit_video_button, .rsgmv_div .nit_video_button { position: absolute; bottom: 20px; right: 20px; width: 33px; height: 33px; background-color: #15B1D7; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; color: white; font-size: 11px; cursor: pointer; } body .rsg_highlighted_link .nit_video_button { width: 40px; height: 40px; font-size: 13px; } body .rsgmv_div .nit_video_button { bottom: 11px; right: 11px; } .nip_thumbnail_div .nit_video_button:hover, .rsg_highlighted_link .nit_video_button:hover, .rsgmv_div .nit_video_button:hover { background-color: #034EA1; color: white; } .nip_thumbnail_div .nit_video_button:before, .rsg_highlighted_link .nit_video_button:before, .rsgmv_div .nit_video_button:before { padding-left: 3px; } .news_insifhts_div { display: flex; flex-wrap: wrap; } .news_insifhts_left { width: 32%; padding-top: 38px; } .news_insifhts_right { width: 68%; } .nip_sec { position: relative; } .nip_sec > div { position: absolute; top: 0; left: 0; transition: all .3s ease-in-out; opacity: 0; z-index: -1; pointer-events: none; /* width: 100%; */ width: calc(100% + 80px); margin-right: -80px; padding: 30px 110px 35px 20px; /* overflow-x: auto; */ } .nip_sec > div.nip_active { position: relative; opacity: 1; z-index: 1; pointer-events: all; } .nip_sec:before { content: ''; background-image: linear-gradient(-90deg, white, #ffffffb0, #ffffff00); width: 120px; height: calc(100% - 15px); position: absolute; top: 0; right: -81px; z-index: 3; pointer-events: none; } .nip_wrapper.home_nip_wrapper .swiper-scrollbar { width: calc(100% - 110px); } .news_insifhts_category_div .nic_name { margin-bottom: 0px; line-height: 25px; padding: 12px 0 8px; } .news_insifhts_category_div .news_insifhts_category_div:last-child .nic_name { margin-bottom: 0px; } .nil_top { margin-bottom: 55px; } .nil_top p { margin-bottom: 0!important; } .pcc_bottom_inner_div .pccb_title { margin-bottom: 0; transition: all .3s ease-in-out; } .pcc_top_div { overflow: hidden; } .pcc_div { cursor: pointer; } .pcc_div:hover .pcc_top_div div { /* transform: scale(1.1); */ background-size: 130%; } .pcc_top_div div, .pcc_top_div { height: 220px; min-height: 220px; } .pcc_top_div div { width: 100%; background-position: center; background-size: 120%; background-repeat: no-repeat; transition: all .3s ease-in-out; } .pcc_bottom_inner_div { padding: 14px 25px 20px; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; display: flex; flex-direction: column; align-items: center; } .pcc_bottom_inner_div a.pccb_button.arrows_style_button { margin-top: auto; } .pcc_sec { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; /* padding-bottom: 60px; */ } .pcc_sec > div { width: calc(33.33% - 13.33px); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; } .pcc_sec > div .pcc_bottom_div, .pcc_sec > div .pcc_bottom_div > div { height: 100%; } .pcc_sec > div .pcc_bottom_div .pccb_title { margin-bottom: 10px; } .pcc_sec > div .pcc_bottom_div .arrows_style_button { margin-top: auto; } .magazine_package_sec .pcc_bottom_div .pcc_bottom_inner_div > a { display: flex; flex-direction: column; align-items: center; height: 100%; } .pccb_button * { transition: all .3s ease-in-out; } .pcc_bottom_inner_div .pccb_button:hover * { color: #FFFFFF99; } .pcc_bottom_inner_div .pccb_description { margin-bottom: 16px; line-height: 23px; } .mp_top_sec { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 28px; } .mp_top_tab_div { padding: 12px 30px; position: relative; cursor: pointer; } .mp_sec .mp_top_tab_div h4 { margin-bottom: 0!important; transition: all .3s ease-in-out; color: #D0D2BE; } .mp_sec .mp_top_tab_div:hover h4 { color: white; } .mp_top_tab_div:before { content: ""; background-color: white; position: absolute; width: calc(100% - 60px); height: 4px; bottom: 0; right: 0; left: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; } .mp_top_tab_div:hover:before { opacity: 1; } .mp_sec { padding-top: 28px; position: relative; } .mp_bottom_sec .pcc_top_content p { margin-bottom: 0; text-align: center; } .pcc_top_content { margin-bottom: 35px; max-width: 750px; width: 100%; margin-left: auto; margin-right: auto; } body .pcc_tb_bottom_div p { margin-bottom: 0; line-height: 32px; padding: 11px 24px; background-color: #15B1D7; color: white; font-weight: 700; } div.pcc_tb_bottom_sec .pcc_tb_bottom_div { width: auto!important; } body .pcc_tb_bottom_div { margin-right: 12px; border-radius: 10px; overflow: hidden; } .pcc_tb_bottom_mobile_sec.mobile_sec .pcc_tb_bottom_div p { white-space: nowrap; line-height: 27px; font-size: 14px; } .pcc_tb_bottom_mobile_sec_wrapper { display: flex; align-items: center; } .pcc_tb_bottom_mobile_sec_wrapper .pcc_tb_bottom_div { overflow: visible; display: inline-flex; } .pcc_tb_bottom_mobile_sec_wrapper .pcc_tb_bottom_div p { border-radius: 10px; } .pcc_tb_bottom_mobile_sec.mobile_sec { overflow-x: auto; padding-bottom: 35px; } #content .pcc_tb_bottom_sec_outer_wrapper { margin-bottom: 30px; overflow: visible; } #content .pcc_tb_bottom_sec_wrapper { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .pcc_tb_bottom_sec_outer_wrapper .swiper-button-prev { left: -74px; } .pcc_tb_bottom_sec_outer_wrapper .swiper-button-next { right: -74px; } .pcc_tb_bottom_sec .slick-prev.slick-arrow { left: -64px; } .pcc_tb_bottom_sec .slick-next.slick-arrow { right: -64px; } .pcc_tb_top_sec { display: flex; align-items: center; flex-wrap: wrap; } .pcc_tb_tl { width: 56%; } .pcc_tb_tr { width: 44%; } .pcc_tb_top_sec { padding-top: 32px; padding-bottom: 45px; } .mp_bottom_sec { position: relative; padding-bottom: 68px; } .mp_bottom_sec > div { position: absolute; top: 0; left: 0; width: 100%; transition: all .3s ease-in-out; opacity: 0; z-index: -1; pointer-events: none; } .mp_bottom_sec > div.mptt_active { position: relative; z-index: 1; opacity: 1; pointer-events: all; } .mp_top_tab_div.mptt_active h4 { color: white; } .mp_top_tab_div.mptt_active:before { opacity: 1; } .pcc_popup_tr .pcc_pu_mobile_list .pcc_popup_tr_category { display: block; border: none; border-bottom: 1px solid #e5e5e5; border-radius: 0; line-height: 1; margin-right: 0; padding: 12px 10px; font-size: 11px; color: #313131; } .pcc_pu_mobile_button:after { content: ""; position: absolute; width: 0; height: 0; border-left: 5px solid #ffffff00; border-right: 5px solid #ffffff00; border-top: 9px solid #ffffff; top: 0; bottom: 0; right: 15px; margin: auto; transition: all .3s ease-in-out; z-index: 1; } .pcc_pu_mobile.mobile_sec.pcc_pum_active .pcc_pu_mobile_button:after { transform: rotate(60deg); } .pcc_pu_mobile_button:before { content: ""; background-color: #ffffff00; width: 100%; height: calc(100% + 10px); position: absolute; top: 0; display: block; z-index: 2; cursor: pointer; } .pcc_pu_mobile_button { position: relative; margin-bottom: 10px; } .pcc_pu_mobile_button a { position: absolute; top: 0; left: 0; padding: 8px 32px 8px 17px; background-color: #034EA1; width: 100%; min-width: 105px; display: block; border-radius: 7px; white-space: nowrap; color: white; font-weight: 700; transition: all .3s ease-in-out; border: 1px solid #034EA1; opacity: 0; pointer-events: none; z-index: -1; } .pcc_pu_mobile_button a.pccb_active { position: relative; opacity: 1; pointer-events: all; z-index: 1; } .pcc_pu_mobile.mobile_sec { position: relative; } .pcc_pu_mobile.mobile_sec.pcc_pum_active .pcc_pu_mobile_list { max-height: 700px; opacity: 1; } .pcc_popup_tr .pcc_pu_mobile_list .pcc_popup_tr_category:last-child:hover { border: none; } .pcc_popup_tr .pcc_pu_mobile_list .pcc_popup_tr_category:hover { border: none; border-bottom: 1px solid #e5e5e5; background-color: white; color: #15b1d7; } .pcc_pu_mobile_list { background-color: white; border-radius: 10px; position: absolute; max-height: 0; overflow: hidden; transition: all .3s ease-in-out; opacity: 0; top: 53px; left: 0; width: 100%; } .pcc_popup_tr .pcc_pu_mobile_list .pcc_popup_tr_category:last-child { border-bottom: none; } .pcc_popup_tr_category.desktop_sec { display: inline-flex!important; } .pcc_popup_tr .pcc_popup_tr_category { font-size: 14px; font-weight: 700; line-height: 30px; color: white; background-color: #ffffff00; padding: 13px 14px; border-radius: 7px; border: 1px solid white; margin-right: 6px; cursor: pointer; transition: all .3s ease-in-out; line-height: 1.4; } .pcc_popup_tr .pcc_popup_tr_category:hover, .pcc_popup_tr .pcc_popup_tr_category.desktop_sec.pccb_active { border: 1px solid #034EA1; background-color: #034EA1; } .pcc_popup_tr .pcc_popup_tr_category:last-child { margin-right: 0; } .pcc_popup_top_div { display: flex; align-items: center; flex-wrap: wrap; } .pcc_popup_tl { margin-right: auto; } .pcc_popup_tr { margin-left: auto; } .pcc_popup_tl > *:last-child { margin-right: 10px; } .pcc_popup_tr > *:first-child { margin-left: 10px; } .pcc_popup_sec { position: relative; margin-top: -50px; margin-bottom: -10px; left: 0; width: 100vw; height: calc(100% + 70px); overflow: hidden; margin-left: calc(-100vw / 2 + 1120px / 2); margin-right: calc(-100vw / 2 + 1120px / 2); z-index: 9; display: none; } .mp_elementor_sec_wrapper { transition: all .3s ease-in-out!important; overflow: hidden; } .mp_top_bottom_wrapper { position: relative; transition: all .3s ease-in-out; } .mp_top_bottom_wrapper.mpt_wrapper_active { z-index: -1; position: absolute; opacity: 0; pointer-events: none; } .pcc_popup_wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-y: auto; overflow-x: hidden; transition: all .3s ease-in-out; z-index: -1; opacity: 0; pointer-events: none; background-position: bottom center; background-size: cover; background-repeat: no-repeat; } .pcc_popup_wrapper.pccb_active { opacity: 1; pointer-events: all; z-index: 1; position: relative; } .pcc_popup_bottom_post_wrapper { display: flex; flex-wrap: wrap; padding-top: 218px; } .pcc_popup_bottom_post_div:last-child { margin-right: 0; } .pcc_popup_bottom_post_div { width: calc(25% - 18.75px); margin-right: 25px; background-color: white; padding: 20px 10px 16px; text-align: center; box-shadow: -2px 4px 20px #00000033; border-radius: 22px; } .pcc_pbp_bg div { height: 195px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; filter: drop-shadow(2px 4px 8px #00000033); } .pcc_pbp_top_div { margin-top: -130px; margin-bottom: 14px; } .pcc_popup_bottom_post_div .pcc_pbp_bottom_div .pcc_pbp_title { margin-bottom: 0; } .pcc_popup_bottom_post_div .pcc_pbp_bottom_div .pcc_pbp_date { margin-bottom: 10px; } .pcc_popup_div .pcc_popup_bottom_content .pcp_pbc_title { margin-bottom: 25px; } .pcc_popup_div .pcc_popup_bottom_content .pcp_pbc_subtitle { margin-bottom: 0; } .pcc_popup_div .pcc_popup_bottom_content .pcp_pbc_description { margin-bottom: 13px; } .pcc_popup_top_div { padding-top: 23px; padding-bottom: 38px; } .pcc_popup_bottom_div { padding-bottom: 56px; display: flex; flex-wrap: wrap; align-items: stretch; } .pcc_popup_bottom_div_right_wrapper { width: 75%; } .pcc_popup_bottom_div_left_wrapper { width: 25%; } .pccp_bp_bigger.pcc_popup_bottom_post_div { width: 100%; padding: 20px 15px 52px; } .big_pcc_post_wrapper { height: 100%; width: 100%; display: flex; align-items: flex-end; padding-right: 25px; } .pccp_bp_bigger .pcc_pbp_bg div { height: 293px; } .pccp_bp_bigger .pcc_pbp_top_div { margin-top: -65px; margin-bottom: 22px; } .pcc_popup_bottom_div_right_wrapper .pcc_popup_bottom_content { padding-left: 12px; padding-right: 25px; } .pcc_enable_new.pcc_pbp_date:after { content: "New"; font-size: 11px; background-color: #FFD600; padding: 1px 4px; border-radius: 5px; display: inline-block; margin-left: 7px; height: 18px; line-height: 1.5; /* font-family: 'Noto Sans SemBd'; */ font-family: 'noto_sanssemibold'; } .pcc_enable_new.pcc_pbp_date { display: flex; align-items: center; /* flex-wrap: wrap; */ justify-content: center; } .pccp_bp_bigger .pcc_enable_new.pcc_pbp_date { padding-left: 40px; } .home_sticky_scrollbar_sec.hscs_hide { opacity: 0!important; pointer-events: none!important; } .home_sticky_scrollbar_sec { position: absolute; z-index: 999; right: -110px; height: 465px; width: 50px; transform: translate(0px, 8vh); transition: all .3s ease-in-out; display: flex; align-items: stretch; flex-wrap: wrap; } .home_sticky_scrollbar_sec.hsss_small { height: 350px; } .hsss_small .hss_button { margin-bottom: 15px; } .elementor-sticky--effects .home_sticky_scrollbar_sec.hsss_small { transform: translate(0px, 80px); } .hssbl_active.home_sticky_scrollbar_sec { width: 155px; } .elementor-sticky--effects .home_sticky_scrollbar_sec { transform: translate(0px, 20vh); } .hss_scrollbar { width: 3px; height: calc(100% - 66px); margin-left: 9px; background-color: #e8e8e899; position: relative; pointer-events: none; /* overflow: hidden; */ } .hss_scrollbar:before { content: ""; background-color: #e8e8e899; width: 100%; height: 66px; position: absolute; top: 100%; left: 0; } .hss_scrollbar_handle { height: 66px; width: 100%; background-color: #F97304; border-radius: 20px; position: absolute!important; transition: all .15s ease-in-out; } .hss_button_list { height: 100%; width: calc(100% - 12px); display: flex; flex-direction: column; justify-content: space-between; transition: all .3s ease-in-out; transform: translate(7px, 0px); z-index: -1; pointer-events: none; opacity: 0; /* min-width: 143px; */ } .hss_button a { white-space: nowrap; display: inline-flex; padding: 0 10px; font-size: 12px; line-height: 33px; transition: all .3s ease-in-out; border-radius: 22px; color: #313131; background-color: #ffffff4d; cursor: pointer; } .hss_button a:hover, .hss_button a.hss_active { color: white; background-color: #F97304; } .hss_button { text-align: right; margin-bottom: 25px; transition: all .3s ease-in-out; } .hss_button:last-child { margin-bottom: 0; } .home_sticky_scrollbar_sec.hss_grey .hss_scrollbar_handle { background-color: #ffffff00; } .hssbl_active .hss_button_list { opacity: 1; transform: translate(0px, 0px); z-index: 1; pointer-events: all; } .lcf_sec { display: inline-flex; margin-right: 15px; } .wpgmp_iw_content .wpg_message { padding-top: 8px; } .wpgmp_iw_content .fc-badge.info { background: #313131 none repeat scroll 0 0; border: 1px solid #313131; } .wpgmp_map_container .gm-style-iw > button img { margin: 2px!important; width: 20px!important; height: 20px!important; } .wpgmp_map_container .gm-style-iw > button { right: 0!important; top: 0!important; } .map_button span { line-height: 30px; color: white; } .map_button:hover { border: 1px solid #f97305; background-color: #f97305; } .map_button:after { content: ""; background-image: url(../images/map_icon.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 17px; height: 14px; margin-left: 9px; transition: all .3s ease-in-out; } .map_button { border: 1px solid #15B1D7; background-color: #15B1D7; display: none; align-items: center; justify-content: center; border-radius: 10px; padding: 4px 20px; cursor: pointer; transition: all .3s ease-in-out; } .landmarks_cateogry_top_tab { display: flex; flex-wrap: wrap; margin-bottom: 20px; } div.landmarks_overview_cateogry_tab_button p { padding-bottom: 13px; } .landmarks_cateogry_tab_button p, .landmarks_overview_cateogry_tab_button p { color: #ABABAB; transition: all .3s ease-in-out; text-align: center; margin-bottom: 0!important; line-height: 30px; padding: 10px 8px; cursor: pointer; position: relative; /* font-family: 'Noto Sans SemBd'!important; */ font-family: 'noto_sanssemibold'!important; } .landmarks_cateogry_tab_button { padding: 0 15px; } .landmarks_cateogry_top_tab > .landmarks_cateogry_tab_button:first-child { padding-left: 0; } .landmarks_cateogry_top_tab > .landmarks_cateogry_tab_button:last-child { padding-right: 0; } .landmarks_cateogry_tab_button { border-bottom: 1px solid #E5E5E5; } .landmarks_cateogry_tab_button p:before, .landmarks_overview_cateogry_tab_button p:before { content: ""; background-color: #15B1D7; width: 100%; height: 4px; position: absolute; bottom: -1px; left: 0; transition: all .3s ease-in-out; opacity: 0; } .landmarks_cateogry_tab_button p:hover, .landmarks_cateogry_tab_button.landmarks_active p, .landmarks_overview_cateogry_tab_button p:hover, .landmarks_overview_cateogry_tab_button.landmarks_active p { color: #313131; } .landmarks_cateogry_tab_button p:hover:before, .landmarks_cateogry_tab_button.landmarks_active p:before, .landmarks_overview_cateogry_tab_button p:hover:before, .landmarks_overview_cateogry_tab_button.landmarks_active p:before { opacity: 1; } /* .landmarks_cateogry_bt_div > div { width: calc(50% - 18px); } */ .landmarks_cateogry_bt_div > div.landmarks_cateogry_btr_div { width: calc(47% - 18px); } .landmarks_cateogry_bt_div > div.landmarks_cateogry_btl_div { width: calc(53% - 18px); } .landmarks_cateogry_bt_wrapper_div.blue_slick.slick-slider { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .landmarks_cateogry_bt_div.slick-slide { display: flex!important; } .landmarks_cateogry_bt_div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 15px 17px; box-shadow: 0 0 15px rgb(0 0 0 / 15%); border-radius: 30px; margin: 20px; max-width: 700px; } .landmarks_category_image { height: 211px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; } .landmarks_category_image_div { overflow: hidden; border-radius: 20px; } .landmarks_cateogry_bottom_tab { max-width: 700px; width: 100%; position: relative; } .landmarks_cateogry_btr_div .lc_btr_title { font-weight: 700; line-height: 24px; margin-bottom: 16px; } .landmarks_cateogry_btr_div .lc_btr_address { margin-bottom: 20px; } .landmarks_contact_inform a > p, .landmarks_overview_contact_inform a > p { margin-bottom: 0; display: inline-block; } .landmarks_contact_inform .lci_title:after, .landmarks_overview_contact_inform .lci_title:after { content: ""; margin-right: 5px; } .landmarks_contact_inform .lci_title, .landmarks_overview_contact_inform .lci_title { font-weight: 700; } .landmarks_contact_inform a, .landmarks_overview_contact_inform a { color: #313131; } .landmarks_contact_inform a:hover, .landmarks_overview_contact_inform a:hover { color: #15b1d7; } .landmarks_cateogry_bt_sec, .landmarks_cateogry_child_term_sec { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; max-width: 700px; transition: all .3s ease-in-out; opacity: 0; z-index: -1; pointer-events: none; } .landmarks_cateogry_bt_sec.landmarks_active, .landmarks_cateogry_child_term_sec.landmarks_active { position: relative; z-index: 1; pointer-events: all; opacity: 1; } .landmarks_sec { overflow: hidden; position: relative; } .landmarks_map_sec { position: absolute; top: 0; left: calc(100% - 500px); height: 100%; width: 600px; z-index: 2; transition: all .3s ease-in-out; } .landmarks_div .landmarks_div_top .landmarks_subtitle { margin-bottom: 0; } .landmarks_div .landmarks_div_top .landmarks_title { margin-bottom: 15px; } .landmarks_map_button { background-color: #F97304; height: 72px; width: 36px; position: absolute; top: 40px; right: 100%; border-radius: 100px 0 0 100px; cursor: pointer; transition: all .3s ease-in-out; z-index: 2; } .landmarks_map_sec.landmarks_map_sec_active .landmarks_map_button { opacity: 0; } .landmarks_map_sec_active .landmarks_map_button.landmarks_map_button_active { right: calc(100% - 36px); transform: rotateY(180deg); opacity: 1; } .landmarks_map_div, .landmarks_map_div .wpgmp_map_container, .landmarks_map_div .wpgmp_map_parent, .landmarks_map_div .wpgmp_map { height: 100%!important; margin-bottom: 0; } .landmarks_map_sec.landmarks_map_sec_active { width: 100vw; left: 0; } .landmarks_map_button:hover { background-color: #15B1D7; } .landmarks_map_button:before { content: ""; width: 17px; height: 12px; position: absolute; top: 0; right: 6px; bottom: 0; margin: auto; background-color: #ffffff; mask: url(../images/big_left_arrow.svg); -webkit-mask: url(../images/big_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; transition: all .3s ease-in-out; } .landmarks_div { padding: 70px 0 75px; } .landmarks_cateogry_bt_div .landmarks_cateogry_btr_div { padding-right: 60px; } .landmarks_cateogry_bt_wrapper_div .slick-next { top: auto; bottom: 0; right: 20px; transform: translate(0px, 0px); } .landmarks_cateogry_bt_wrapper_div .slick-prev { top: auto; bottom: 0; left: auto; right: 80px; transform: translate(0px, 0px); } .landmarks_cateogry_bt_wrapper_div { /* padding-bottom: 52px; */ padding-bottom: 50px; } select.landmarks_category_filter { font-size: 14px; color: #313131; padding: 8px 25px 8px 18px; height: 40px; line-height: 1.3; border: 1px solid #313131; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: white; } .lcf_sec, .lcf_sec > * { width: 213px; } .lcf_sec { position: relative; } .lcf_sec:before, .sgm_memos_field_sec:before { content: ""; width: 0; height: 0; border-left: 5px solid #ffffff00; border-right: 5px solid #ffffff00; border-top: 5px solid black; position: absolute; top: 0; bottom: 0; margin: auto; right: 14px; pointer-events: none; } select.landmarks_category_filter:focus { border: 1px solid #313131; box-shadow: 0 0 5px #00000066; background-color: white; } .landmarks_div_bottom { position: relative; } .landmarks_cateogry_child_term_sec { top: 0; } .landmarks_cateogry_child_term_sec.landmarks_active { top: 0; } .landmarks_cateogry_child_term_sec_wrapper { position: relative; overflow: hidden; padding: 0 20px; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .landmarks_map_div .wpgmp_map_container .location_listing1, .landmarks_map_div .wpgmp_map_container .wpgmp_pagination { display: none; } .landmarks_map_div .wpgmp_map_container .wpgmp_filter_wrappers { position: absolute; height: 0; overflow: hidden; padding: 0; margin: 0; /* pointer-events: none; */ opacity: 0; } .events_slug_calendar { background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../images/calendar.png); margin-right: 6px; min-width: 20px; min-height: 20px; width: 20px; height: 20px; display: inline-block; } .nip_date.events_slug { display: flex; align-items: center; flex-wrap: wrap; } .pcc_pu_desktop { display: block; } .pcc_popup_mobile { display: none; } .pcc_popup_mobile .pcc_pbp_top_div.pcc_popup_mobile_pbp_top { margin-top: -59px; } .pcc_popup_mobile .pcc_pbp_title { font-size: 14px; line-height: 19px; } .pcc_popup_mobile .pcc_pbp_bottom_div .pcc_pbp_date { margin-bottom: 6px; } .pcc_popup_mobile .pcc_enable_new.pcc_pbp_date:after { font-size: 10px; height: 14px; line-height: 14px; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper .slick-track { display: flex; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper .pcc_popup_bottom_post_div { width: 200px; height: inherit; margin-top: 40px; margin-right: 13px; } .pcc_popup_mobile { width: 100%; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper { padding-top: 0; margin-bottom: 62px; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper .slick-arrow { transform: translate(0px, 0px); top: auto; bottom: -62px; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper .slick-arrow.slick-next { right: 0; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper .slick-arrow.slick-prev { right: 60px; left: auto; } .pcc_popup_mobile .pcc_popup_bottom_content { margin-bottom: 33px; } .pcc_popup_mobile .pcc_popup_bottom_content .pcp_pbc_title { margin-bottom: 8px; } .pcc_popup_mobile .pcc_popup_bottom_content .pcp_pbc_description { margin-bottom: 10px; } .pcc_popup_mobile .pcc_popup_bottom_content { margin-bottom: 33px; max-width: 600px; width: 100%; } .pcc_popup_mobile .pcc_popup_bottom_post_wrapper .pcc_popup_bottom_post_div { width: 166px; } .elementor-section.pe_section:before, .elementor-section.pe_section:after { content: ""; position: absolute; height: 650px; width: 100%; left: 0; background-position: center; background-repeat: no-repeat; background-size: auto; } .elementor-section.pe_section:before { background-image: url(../images/pe_desktop_top_batik.png); top: -160px; } .elementor-section.pe_section:after { background-image: url(../images/pe_desktop_bottom_batik.png); bottom: -180px; } .elementor-section.pe_section > * { position: relative; z-index: 1; } .elementor-section.hpeo_sec:before { content: ""; position: absolute; height: 1000px; width: 100%; background-image: inherit; background-position: center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; } .elementor-section.hpeo_sec { overflow: hidden; background-size: 0!important; } body .bis_div:not(.bis_active) .flip-card .flip-card-inner { transform: rotateY( 0deg); } body .bis_div.bis_active .flip-card .flip-card-inner { transform: rotateY(180deg); } /************ Homepage end ************/ /************ Breadcrumbs ************/ .custom_breadcrumbs_sec { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; position: relative; flex-direction: row-reverse; flex-wrap: wrap-reverse; } .custom_breadcrumbs_div.big_breadcrumbs .custom_breadcrumbs_dropdown_nav { min-width: 400px; } .custom_breadcrumbs_div.medium_breadcrumbs .custom_breadcrumbs_dropdown_nav { min-width: 260px; } .custom_breadcrumbs_div .custom_breadcrumbs_link:after { content: "/"; margin: 0 10px; } .custom_breadcrumbs_div .custom_breadcrumbs_dropdown_nav .custom_breadcrumbs_link:after, .custom_breadcrumbs_div:first-child .custom_breadcrumbs_link:after { display: none; } .custom_breadcrumbs_div .custom_breadcrumbs_dropdown_nav .custom_breadcrumbs_link { line-height: 19px; padding: 3px 0; display: inline-block; } .custom_breadcrumbs_div .custom_breadcrumbs_dropdown_nav { margin-left: 0; margin-bottom: 0; list-style: none; position: absolute; background-color: #0751A2; min-width: 200px; border-radius: 0 0 7px 7px; top: calc(100% - 6px); left: 0; transition: all .3s ease-in-out; max-height: 0; padding: 0; opacity: 0; pointer-events: none; z-index: 9; } .breadcrumbs_with_dropdown.breadcrumbs_active .custom_breadcrumbs_link:before { transform: rotate(60deg); } .breadcrumbs_with_dropdown.breadcrumbs_active .custom_breadcrumbs_dropdown_nav { padding: 9px 15px 9px; max-height: 1000px; pointer-events: all; opacity: 1; } .custom_breadcrumbs_link, .custom_breadcrumbs_div { position: relative; } .breadcrumbs_with_dropdown > .custom_breadcrumbs_link:before { content: ""; border-left: 4px solid #ffffff00; border-right: 4px solid #ffffff00; border-top: 7px solid #15B1D7; position: absolute; transition: all .3s ease-in-out; bottom: 0; top: 0; margin: auto; width: 0; height: 0; right: 23px; } .breadcrumbs_with_dropdown > .custom_breadcrumbs_link:after { margin-left: 26px; } .breadcrumbs_contain_sec { background-color: #0751A2; } .custom_breadcrumbs_div .custom_breadcrumbs_link, .custom_breadcrumbs_div .custom_breadcrumbs_link:before, .breadcrumbs_with_dropdown.breadcrumbs_active > .custom_breadcrumbs_link:after { color: white; } .custom_breadcrumbs_div > .custom_breadcrumbs_link { padding: 7px 0; display: inline-block; } .custom_breadcrumbs_div > .custom_breadcrumbs_link:hover, .custom_breadcrumbs_div .custom_breadcrumbs_dropdown_nav .custom_breadcrumbs_link:hover { color: #15b1d7; } /************ Breadcrumbs end ************/ /************ shortcut select field ************/ .scpf_label:after { content: ""; background-color: #D8D8D8; height: 20px; width: 1px; display: inline-block; margin: 0 17px; } .scpf_top, .scpf_label { display: flex; align-items: center; } .scpf_label { line-height: 28px; white-space: nowrap; } .scpf_current { font-weight: 700; line-height: 30px; padding-right: 18px; white-space: nowrap; } .scpf_top { width: fit-content; min-width: 268px; border-bottom: 1px solid #313131; padding-bottom: 3px; position: relative; cursor: pointer; } .scpf_top.scpf_dropdown_exist:before { content: ""; border-left: 5px solid #ffffff00; border-right: 5px solid #ffffff00; border-top: 9px solid #313131; position: absolute; transition: all .3s ease-in-out; bottom: 0; top: 0; margin: auto; width: 0; height: 0; right: 0; } .scpf_sec { display: flex; align-items: center; justify-content: flex-start; } .scpf_div { position: relative; } .scpf_dropdown_wrapper { background-color: white; box-shadow: 0 0 10px #0000001a; border-radius: 15px; min-width: 217px; transition: all .3s ease-in-out; padding: 12px 18px 17px; } .scpf_dropdown { position: absolute; z-index: 9; left: 50px; top: 100%; transition: all .3s ease-in-out; pointer-events: none; max-height: 0; opacity: 0; } /* .scpf_div:hover .scpf_dropdown, */ .scpf_div.scpf_dropdown_mobile_active .scpf_dropdown { padding-top: 15px; max-height: 1000px; pointer-events: all; opacity: 1; } .scpf_top.scpf_dropdown_exist > *, .scpf_top.scpf_dropdown_exist:before { z-index: 1; } /* .scpf_div:hover .scpf_top.scpf_dropdown_exist:before, */ .scpf_div.scpf_dropdown_mobile_active .scpf_top.scpf_dropdown_exist:before { transform: rotate(60deg); } .scpf_dropdown_div .scpf_dropdown_link { line-height: 20px; padding: 5px 0; color: #313131; display: inline-block; font-weight: 700; } .scpf_dropdown_div .scpf_dropdown_link:hover { color: #15B1D7; } /************ shortcut select field end ************/ /************ Explore Further ************/ .efp_post_div > a:hover .efp_post_image > div { transform: scale(1.1); } .efp_post_div > a:hover .efp_post_arrows { margin-right: 5px; margin-left: 30px; } .efp_post_div > a:hover .efp_post_title { color: #15b1d7; } .efp_post_image > div { /* background-image: url(); */ background-position: center; background-size: cover; background-repeat: no-repeat; height: 150px; width: 100%; transition: all .3s ease-in-out; } .efp_post_image { border-radius: 10px; overflow: hidden; margin-bottom: 7px; } .efp_post_image.efp_dummy { box-shadow: 0 0 6px #0000001a; } .efp_div, .efp_post_list { display: flex; flex-wrap: wrap; } .efp_post_div { width: calc(33.33% - 9.33px); margin-right: 14px; } .efp_post_div:last-child { margin-right: 0; } .efp_left { width: 25%; } .efp_right { width: 75%; } .efp_div { padding-top: 110px; padding-bottom: 114px; } .efp_post_bottom .efp_post_title { font-weight: 700; margin-bottom: 0; color: #313131; transition: all .3s ease-in-out; line-height: 1.5; padding: 5px 0; } .efp_post_bottom { display: flex; align-items: center; justify-content: space-between; } .efp_post_arrows:before { content: ""; mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #313131; transition: all .3s ease-in-out; width: 13.5px; height: 9px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .efp_post_arrows { width: 9px; height: 13.5px; min-width: 9px; min-height: 13.5px; margin-right: 25px; margin-left: 10px; position: relative; transition: all .3s ease-in-out; } .efp_left h3 { line-height: 48px; } /************ Explore Further end ************/ /************ Who We Are ************/ .nip_wrapper.aei_post.aei_post_sec { margin-right: calc(-98vw / 2 + 1120px / 2); } .nip_wrapper.aei_post.aei_post_sec .nip_inner_wrapper { overflow: visible; display: flex; align-items: stretch; } .nip_wrapper.aei_post .nip_inner_wrapper { /* margin-right: calc(-98vw / 2 + 1120px / 2); */ width: auto; padding: 20px 30px 35px 20px; margin-left: -20px; } .aei_post .nip_div { min-width: 358px; width: 358px; margin-right: 20px; height: auto; box-shadow: 0 2px 4px #00000026; border-radius: 12px; background-color: white; } .nip_wrapper.aei_post.aei_post_sec .swiper-scrollbar { max-width: 1120px; width: calc(100% - 30px); left: 15px; right: 15px; } .aei_post .nip_thumbnail_div .nip_thumbnail_bg { height: 192px; } .aei_post .nip_content_div { padding: 13px 20px; } .aei_outside_button:not(.aei_popup_container_active) { transition: all .3s ease-in-out!important; pointer-events: all; opacity: 1; } .aei_outside_button.aei_popup_container_active { opacity: 0; pointer-events: none; } body:not(.elementor-editor-active) .aei_popup_container:not(.aei_popup_container_active) { transition: all .3s ease-in-out!important; max-height: 0!important; visibility: hidden!important; padding: 0!important; opacity: 0; } .aei_popup_container.aei_popup_container_active { max-height: 1500px; opacity: 1; } .bg_img_left, .bg_img_right { background-size: 0!important; } .bg_img_left:before, .bg_img_right:before { content: ''; width: 29.5%; height: 100%; position: absolute; top: 0; background-position: center; background-repeat: no-repeat; background-image: inherit; background-size: cover; } .bg_img_left:before { left: 0; } .bg_img_right:before { right: 0; } .division_left > .elementor-widget-wrap:before, .division_right > .elementor-widget-wrap:before { content: ""; position: absolute; width: 100vw; height: calc(100% + 2px); top: -1px; background-color: inherit; } .division_left > .elementor-widget-wrap:before { transform: translate(calc(-100% + 1px), 0px); left: 0; } .division_right > .elementor-widget-wrap:before { transform: translate(calc(100% - 1px), 0px); right: 0; } /************ Who We Are end ************/ /************ SGM History ************/ .sgmh_p_text_field .elementor-widget-container p { margin-bottom: 27px; } .elementor-element.hg_type1_three > .elementor-widget-wrap, .elementor-element.hg_type2_three > .elementor-widget-wrap, .elementor-element.hg_type3_three > .elementor-widget-wrap, .elementor-element.hg_type4_three > .elementor-widget-wrap, .elementor-element.hg_type1_two > .elementor-widget-wrap { display: flex; position: relative; } .elementor-element.hg_type1_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(1) { max-width: 197px; margin-right: calc(100% - 197px); } .elementor-element.hg_type1_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(2) { max-width: 262px; margin-right: calc(100% - 262px); z-index: 1; } .elementor-element.hg_type1_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(3) { max-width: 282px; position: absolute; left: 252px; top: 70px; } .elementor-element.hg_type1_three > .elementor-widget-wrap > .elementor-widget-image .wp-caption-text, .elementor-element.hg_type2_three > .elementor-widget-wrap > .elementor-widget-image .wp-caption-text, .elementor-element.hg_type3_three > .elementor-widget-wrap > .elementor-widget-image .wp-caption-text, .elementor-element.hg_type4_three > .elementor-widget-wrap > .elementor-widget-image .wp-caption-text, .elementor-element.hg_type1_two > .elementor-widget-wrap > .elementor-widget-image .wp-caption-text { margin-bottom: 5px; text-align: left; padding-left: 5px; } .elementor-element.hg_type1_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(3) .wp-caption-text { padding-left: 50px; } .elementor-element.hg_type2_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(1) { max-width: 267px; } .elementor-element.hg_type2_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(2) { max-width: 240px; margin-top: 35px; margin-left: 13px; /* position: absolute; right: 15px; top: 10px; */ } .elementor-element.hg_type2_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(3) { max-width: 238px; position: absolute; left: 278px; top: 251px; z-index: 1; } .elementor-element.hg_type3_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(1) { max-width: 275px; margin-top: 166px; margin-bottom: 0; position: absolute; top: 0; left: 0; z-index: 2; } .elementor-element.hg_type3_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(2) { max-width: 254px; margin-top: 38px; margin-bottom: 0; margin-left: auto; } .elementor-element.hg_type3_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(3) { max-width: 211px; position: absolute; top: 0; left: 103px; } .elementor-element.hg_type4_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(1) { max-width: 318px; margin-bottom: 0; margin-right: calc(100% - 318px); } .elementor-element.hg_type4_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(2) { max-width: 265px; margin-bottom: 0; margin-right: calc(100% - 265px); } .elementor-element.hg_type4_three > .elementor-widget-wrap > .elementor-widget-image:nth-child(3) { max-width: 236px; margin-bottom: 0; position: absolute; top: 150px; left: 312px; } .elementor-element.hg_type1_two > .elementor-widget-wrap > .elementor-widget-image:nth-child(1) { max-width: 320px; margin-bottom: 36px; margin-left: 10px; } .elementor-element.hg_type1_two > .elementor-widget-wrap > .elementor-widget-image:nth-child(2) { max-width: 251px; margin-bottom: 0; position: absolute; top: 79px; left: 297px; z-index: 1; } .sgm_history_div:nth-child(2n+1) { background-color: #F8F8F8; } .sgm_history_div:nth-child(2n+1) .theme_style_inner_link .theme_style_circle { background-color: white; } .sgm_history_div:last-child .sgm_history_link_wrapper { padding-bottom: 66px; } .sgm_history_link_wrapper { padding-bottom: 35px; text-align: center; } .lc_btr_map_button_wrapper .lc_btr_location_title { width: 100%; margin-bottom: 5px; font-weight: 700; } .lc_btr_map_button_wrapper > * { margin-bottom: 5px; } .sgmh_img { width: 100%; height: 215px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; } .sgmh_img_wrapper { overflow: hidden; } .sgm_history_gallery_div img { width: 100%; height: 215px; object-fit: cover; transition: all .3s ease-in-out; } .sgm_history_gallery_div:hover img { opacity: 0.8; } .sgm_history_gallery_div { border-radius: 12px; overflow: hidden; width: calc(33.33% - 10px); margin-right: 15px; box-shadow: 0 2px 4px #00000026; margin-bottom: 17px; } .sgm_history_gallery_div:nth-child(3n + 3) { margin-right: 0; } .sgm_history_popup_div { display: flex; flex-wrap: wrap; } .sgm_history_popup_div_left:before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; right: calc(100% - 1px); background-color: inherit; } .sgm_history_popup_div_left { background-color: #F8F8F8; padding-right: 25px; width: 22%; position: relative; padding-top: 34px; } .sgm_history_popup_div_right { width: 78%; position: relative; } .sgm_history_gallery_sec { display: flex; flex-wrap: wrap; transition: all .3s ease-in-out; top: 0; left: 0; padding: 45px 38px; position: absolute; width: 100%; z-index: -1; pointer-events: none; opacity: 0; overflow-y: auto; overflow-x: hidden; max-height: 100vh; } .sgm_history_gallery_sec.sgm_history_pu_active { position: relative; z-index: 1; opacity: 1; pointer-events: all; } .sgm_history_gallery_div .sgmh_img_caption { margin-bottom: 0; line-height: 1.5; min-height: 47px; display: flex; align-items: center; justify-content: center; text-align: center; color: #313131; padding: 6px; } .sgm_history_gallery_div:hover .sgmh_img { transform: scale(1.1); } .scpf_listing_sec .news_insifhts_category_list { /* max-height: calc(100vh - 80px); */ } .news_insifhts_category_list { /* max-height: 60vh; */ height: 100%; overflow-y: auto; overflow-x: hidden; /* max-height: calc(100vh - 250px); */ } .sgm_history_popup_close { margin-bottom: 70px; } .sgm_history_popup_div_left .sgm_history_popup_title { margin-bottom: 35px; } /************ SGM History end ************/ /************ Landmarks ************/ html[lang="zh-hans"] .wp_google_english_title, html .wp_google_chinese_title { display: none; } html[lang="zh-hans"] .wp_google_chinese_title, html .wp_google_english_title { display: contents; } .landmarks_overview_cateogry_tab_button { padding: 2px 18px; } .landmarks_overview_cateogry_top_tab { display: flex; flex-wrap: wrap; justify-content: center; background-color: white; position: relative; } .landmarks_overview_cateogry_top_tab:before, .landmarks_overview_cateogry_top_tab:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: white; } .landmarks_overview_cateogry_top_tab:before, .landmarks_overview_cateogry_bottom_tab:before { transform: translate(-100%, 0); } .landmarks_overview_cateogry_top_tab:after, .landmarks_overview_cateogry_bottom_tab:after { transform: translate(100%, 0); } .landmarks_overview_cateogry_bt_div { display: flex!important; /* align-items: center; */ flex-wrap: wrap; /* width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; */ } .landmarks_overview_with_filter_sec_bottom { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .landmarks_overview_cateogry_btl_div { width: 48%; padding: 0 27px 0 10px; } .landmarks_overview_cateogry_btr_div { width: 52%; padding: 15px 20px 0 13px; } .landmarks_overview_cateogry_btr_div .lc_btr_title { font-weight: 700; margin-bottom: 11px; line-height: 24px; } .lc_btr_map_button_wrapper .google_map_link, .lc_btr_map_button_wrapper .waze_link, .lc_btr_map_button_wrapper .whatsapp_link { display: inline-flex; height: 37px; width: 37px; box-shadow: 0 0 6px #0000001a; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-color: white; } .lc_btr_map_button_wrapper .whatsapp_link { background-image: url(../images/green_whatsapp.png); background-size: 19px; margin-right: 10px; background-position: 7px 7px; } .lc_btr_map_button_wrapper .google_map_link { background-image: url(../images/markers.png); background-size: 19px; margin-right: 10px; } .lc_btr_map_button_wrapper .waze_link { background-image: url(../images/waze.png); background-size: 25px; margin-right: 12px; } .lc_btr_map_button_wrapper .google_map_link:hover, .lc_btr_map_button_wrapper .waze_link:hover, .lc_btr_map_button_wrapper .whatsapp_link:hover { box-shadow: 0 0 6px #00000059; } div.lc_btr_description p { line-height: 1.9; } div.lc_btr_description p:last-child { margin-bottom: 13px; } .landmarks_overview_cateogry_btr_div .lc_btr_address { margin-bottom: 0; } .landmarks_overview_category_image { height: 385px; width: 100%; border-radius: 22px; background-position: center; background-size: cover; background-repeat: no-repeat; } .landmarks_overview_cateogry_bottom_tab { background-color: #F8F8F8; position: relative; } .landmarks_overview_cateogry_bottom_tab:before, .landmarks_overview_cateogry_bottom_tab:after { content: ""; position: absolute; background-color: #F8F8F8; width: 100%; height: 100%; top: 0; left: 0; } .landmarks_overview_cateogry_bt_sec { transition: all .3s ease-in-out; z-index: -1; position: absolute; top: 0; left: 0; right: 0; margin: auto; opacity: 0; pointer-events: none; padding: 48px 0 98px; } .landmarks_overview_cateogry_bt_sec.landmarks_active { z-index: 2; pointer-events: all; position: relative; opacity: 1; } .landmarks_overview_cateogry_btr_div .lci_oi > *:last-child { margin-bottom: 0; } .landmarks_overview_cateogry_btr_div .lci_oi * { font-size: 14px; } .landmarks_overview_filter_overview { display: flex; flex-wrap: wrap; } .landmarks_overview_filter_overview { width: calc(100% + 25px); } .lo_fo_div { width: calc(25% - 25px); margin-right: 25px; margin-bottom: 14px; background-color: white; border-radius: 15px; box-shadow: 0 0 5px #0000001a; cursor: pointer; padding: 7px 9px; display: flex!important; align-items: center; transition: all .3s ease-in-out; line-height: 24px; } .lo_fo_img > div { width: 73px; height: 69px; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .3s ease-in-out; } .lo_fo_img { border-radius: 12px; margin-right: 13.5px; overflow: hidden; } .lo_fo_title { transition: all .3s ease-in-out; color: #313131; } .lo_fo_div:hover .lo_fo_title, .lo_fo_div.slick-current .lo_fo_title, .lo_fo_div.lo_fo_active .lo_fo_title { color: white; } .lo_fo_div:hover, .lo_fo_div.lo_fo_active, .lo_fo_div.slick-current { background-color: #15B1D7; } .lc_btr_map_button_wrapper .located_me_button { color: white; background-color: #15B1D7; border: 1px solid #15B1D7; padding: 8px 12px; display: inline-flex; border-radius: 7px; height: 36px; line-height: 1.35; } .lc_btr_map_button_wrapper .located_me_button:hover { background-color: white; color: #15B1D7; } .lc_btr_map_button_wrapper { display: flex; flex-wrap: wrap; margin-top: 38px; } .lo_fo_div.lo_fo_inner_div { margin-right: 19px; padding: 6px; border-radius: 10px; margin-bottom: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .lo_fo_inner_div .lo_fo_img > div { width: 56px; height: 53px; } .lo_fo_inner_div .lo_fo_img { margin-right: 10.5px; border-radius: 8px; } .landmarks_overview_with_filter_sec_top { margin-bottom: 47px; } .landmarks_overview_cateogry_bt_wrapper_div_slider .slick-arrow + .slick-list .landmarks_overview_cateogry_btr_div { padding-top: 62px; } .landmarks_overview_with_filter_sec_top .slick-list { padding-right: 70px; position: relative; } .landmarks_overview_with_filter_sec_top_wrapper { position: relative; } .landmarks_overview_with_filter_sec_top_wrapper:before { content: ''; background-image: linear-gradient(-90deg, #F8F8F8, rgb(248 248 248 / 60%), #ffffff00); width: 80px; height: calc(100% - 10px); position: absolute; top: 0; right: 0; z-index: 3; pointer-events: none; } .landmarks_overview_with_filter_sec_top > .lo_fo_div.lo_fo_inner_div { min-width: 190px; width: 190px; } .landmarks_overview_with_filter_sec_top { padding-bottom: 10px; } .landmarks-swiper-scrollbar { height: 5px; background-color: #E5E5E5; border-radius: 50px; } .landmarks_overview_with_filter_sec_top_wrapper { margin-bottom: 45px; } .landmarks-swiper-scrollbar .swiper-scrollbar-drag { background-color: #313131; } .landmarks_overview_cateogry_bt_wrapper_div_slider .slick-arrow { top: 0; transform: translate(0px, 0px); left: 0; right: 0; margin: auto; z-index: 1; } .landmarks_overview_cateogry_bt_wrapper_div_slider .slick-prev.slick-arrow { transform: translate(20px, 0px); } .landmarks_overview_cateogry_bt_wrapper_div_slider .slick-next.slick-arrow { transform: translate(77px, 0px); } .landmarks_overview_filter_overview, .landmarks_overview_with_filter_sec { position: absolute; width: 100%; top: 0; left: 0; transition: all .3s ease-in-out; z-index: -1; pointer-events: none; opacity: 0; padding: 48px 0 98px; } .landmarks_overview_cateogry_bt_sec.locbt_dt { padding: 0; } .landmarks_overview_filter_overview.landmarks_active, .landmarks_overview_with_filter_sec.landmarks_active { position: relative; z-index: 1; pointer-events: all; opacity: 1; } i.eicon-share-arrow { display: none!important; } #content .swiper-slide { touch-action: auto!important; } /************ Landmarks end ************/ /************ Lives Of The Founding Presidents ************/ .lotfp_img_label_sec { margin-left: -35px; text-align: center; margin-top: 9px; } .lotfp_div_wrapper.lotfp_sec_active .lotfp_img_label { color: white; } .lotfp_img_label_sec .lotfp_img_label { margin-bottom: 0; line-height: 1.3; transition: all .3s ease-in-out; } .lotfp_img { width: 196px; height: 240px; border-radius: 12px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } .lotfp_img_bg { width: 196px; height: 240px; border-radius: 12px; transition: all .3s ease-in-out; position: absolute; top: -26px; left: -35px; } .lotfp_img_div { position: relative; } .lotfp_div_left { padding: 26px 20px 26px 47px; } .lotfp_div { display: flex; align-items: center; flex-wrap: wrap; } .lotfp_div_right { width: calc(100% - 264px); padding-left: 60px; padding-right: 105px; padding-bottom: 12px; } .lotfp_div_wrapper { padding: 30px 0 33px; background-color: #F8F8F8; border-top: 1px solid #D8D8D8; transition: all .3s ease-in-out; } .lotfp_div_wrapper:last-child { border-bottom: 1px solid #D8D8D8; } .lotfp_content_div .lotfp_title { margin-bottom: 8px; } .lotfp_content_div .lotfp_description { margin-bottom: 17px; } .lotfp_content_div.lotfp_white_color > * { color: white!important; } .lotfp_content_div > * { transition: all .3s ease-in-out; } /************ Lives Of The Founding Presidents end ************/ /************ Founding Presidents Details ************/ .fpb_sec { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 28px 0 25px; min-height: 350px; } .fpb_image { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .fpb_div { display: flex; align-items: center; flex-wrap: wrap; max-width: 758px; padding: 0 15px; margin-left: auto; margin-right: auto; transform: translate(23px, 0px); } .fpb_div_left { width: 246px; height: 296px; min-width: 246px; min-height: 296px; border-radius: 12px; overflow: hidden; margin-right: 40px; } .fpb_div .fpb_div_right { transform: translate(0px, 30px); transition: all .3s ease-in-out; opacity: 0; } .fpb_div .fpb_div_right.fpb_animation { transform: translate(0px, 0px); opacity: 1; } .fpb_div_right { width: calc(100% - 286px); text-align: center; padding-bottom: 10px; /* padding-left: 25px; */ } .fpb_div_right > * { color: white; } .fpb_div_right .fpb_year, .fpb_div_right .fpb_title { line-height: 60px; } .scpf_listing_sec .scpf_listing_name { padding: 0; line-height: 24px; padding: 8px 0; } .scpf_listing_sec .scpf_listing_title { padding-bottom: 15px; padding-right: 15px; line-height: 31px; word-break: break-word; z-index: 6; position: relative; } .scpf_listing_sec .scpf_listing_title.commemorative_title { padding-right: 0; margin-top: -10px; } body.single-founding_presidents.postid-1355 .fp_single_di > .elementor-container { max-width: 960px; } .single_fp_sec { background-color: #F8F8F8; padding: 55px 0 57px; } .single_fp_div { display: flex; align-items: baseline; flex-wrap: wrap; } .single_fp_div_left { width: 245px; } .single_fp_div_right .elementor-widget-container { display: block; } .single_fp_div_right .elementor-element p { line-height: 27px; } .single_fp_div_right { position: relative; padding-left: 73px; /* padding-top: 7px; */ width: calc(100% - 245px); } .single_fp_div_right:before { content: ""; display: inline-block; background-color: #E0E0E0; height: calc(100% - 25px); width: 1px; min-width: 1px; margin: 0 38px 0 36px; position: absolute; left: 0; top: 0; } .sfp_text_content.elementor-widget-text-editor h5 { font-family: 'noto_sansextrabold'; line-height: 45px; padding-bottom: 7px; } .sfp_text_content.elementor-widget-text-editor h5:not(:first-child) { padding-top: 15px; } .sfp_icon { height: 55px; width: 60px; min-height: 55px; min-width: 60px; margin-right: 25px; background-position: center; background-repeat: no-repeat; background-size: contain; } .sfp_arrows { width: 43px; height: 43px; background-color: white; border-radius: 50%; transition: all .3s ease-in-out; display: flex; align-items: center; justify-content: center; position: relative; margin-left: 15px; } .sfp_arrows:before { content: ""; mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #313131; transition: all .3s ease-in-out; width: 15px; height: 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .single_fp_button_div { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .single_fp_button { width: calc(33.33% - 9.33px); margin-right: 14px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; padding: 25px 32px 34px; } .single_fp_button .sfp_button_text { margin-bottom: 0; width: calc(100% - 143px); line-height: 25px; color: white; } .single_fp_button:hover .sfp_arrows { transform: translate(-10px, 0px); } .single_fp_button:last-child { margin-right: 0; } .single_fp_button_sec { margin-bottom: -55px; margin-top: -20px; } .single_fp_sec.sfp_button_sec_exist { padding-top: 110px; } body .go_back_reverse.gbi_reverse_to_right { flex-direction: row-reverse; } body .go_back_reverse.gbi_reverse_to_right .gb_inner_button { transform: rotate(180deg); margin-left: 14px; margin-right: 0; } .sfp_button_sec { text-align: center; padding-bottom: 8px; position: relative; } body .sfp_button_div .go_back_button .gb_inner_button:after { background-color: #F97304; } body .sfp_button_div .go_back_button .gb_inner_button:before, body .sfp_button_div .go_back_button:hover .gb_inner_button:before { background-color: white!important; } .pitt_mobile_popup { position: absolute; display: flex; flex-direction: column; bottom: 50%; transform: translate(calc(-50% + 95px), calc(50% - 43px)); left: 50%; margin: auto; transition: all .3s ease-in-out; align-items: baseline; opacity: 0; pointer-events: none; } .pitt_mobile_popup .pitt_mobile_pu_div:hover { transform: scale(1.1); box-shadow: 0 0 7px #00000059; } .pitt_mobile_popup_close:hover { transform: scale(1.1); box-shadow: 0 0 7px #00000059; } .pitt_mobile_popup .pitt_mobile_pu_div { line-height: 1.5; border-radius: 20px; padding: 6px 15px; display: block; transition: all .3s ease-in-out; margin-bottom: 8px; text-align: left; opacity: 0; } .pitt_mobile_popup .pitt_mobile_pu_div.pitt_animation_fadeIn { opacity: 1; } .pitt_mobile_popup .pitt_mobile_pu_div.pitt_mpu_mt { min-width: 114px; width: auto; max-width: min-content; } .pitt_mobile_popup .pitt_mobile_pu_div:last-child { margin-bottom: 0; } .pitt_mobile_popup_close { color: #313131; font-size: 23px; line-height: 19px; width: 40px; height: 40px; background-color: white; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; box-shadow: 0 0 7px #00000026; margin-bottom: 10px; transition: all .3s ease-in-out; cursor: pointer; } .sfp_button_div.sfpb_active .gb_inner_button { opacity: 0; pointer-events: none; } .pitt_mobile_popup.sfpb_active { opacity: 1; pointer-events: all; } /************ Founding Presidents Details end ************/ /************ Founding President Book ************/ .pwim_sec, .pwim_div_wrapper { display: flex; flex-wrap: wrap; position: relative; } .pwim_div { width: calc(50% - 20px); margin: 0 10px 20px; box-shadow: 0 0 10px #0000001a; border-radius: 10px; overflow: hidden; padding: 17px 22px 19px; display: flex; /* align-items: center; */ flex-wrap: wrap; background-color: white; position: relative; } .pwim_image_div { height: 143px; width: 100px; min-height: 143px; min-width: 100px; margin-right: 20px; background-color: #F8F8F8; } .pwim_image { width: 85%; height: 90%; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 10% auto; } .pwim_content_div { width: calc(100% - 120px); padding-top: 10px; } .pwim_language_tag { background-color: #15B1D7; display: inline-flex; line-height: 17px; padding: 2px 6px; border-radius: 5px; color: white; margin-bottom: 3px; } .pwim_language_tag_wrapper { position: absolute; top: 13px; right: 11px; line-height: 17px; } .pwim_div .pwim_content_div p { margin-bottom: 0; } .pwim_title.pwim_italic { font-style: italic; } .pwim_content_div .pwim_co_author, .pwim_content_div .pwim_publisher { line-height: 20px; } .pwim_content_div .pwim_publisher { font-style: italic; } .pwim_content_div p.pwim_title { line-height: 19px; margin-bottom: 10px; } .pwim_content_div p.pwim_year { margin-bottom: 10px; } .pwim_language_tag[data-slug="malay"] { background-color: #15B1D7; } .pwim_language_tag[data-slug="english"] { background-color: #F97A10; } .pwim_language_tag[data-slug="chinese"] { background-color: #D44206; } .pwim_image.pwim_dummy_thumbnail { background-image: url(../images/book_icon.png)!important; background-size: 46px; } nav.navigation.post-navigation { display: none!important; } .pwim_sec_wrapper { position: relative; overflow: hidden; margin-bottom: 36px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .pwim_div_wrapper { position: absolute; top: 0; left: 0; transition: all .3s ease-in-out; z-index: -1; opacity: 0; padding-top: 10px; } .pwim_div_wrapper.pwim_div_wrapper_active { z-index: 1; opacity: 1; position: relative; } .pwim_pagination_button.pwim_pb_active, .pwim_pagination_button:hover, .pwim_pagination_button:focus { background-color: #15B1D7; color: white; font-weight: 700; } .pwim_pagination_button { background-color: #ffffff00; width: 35px; height: 35px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-align: center; color: black; cursor: pointer; transition: all .3s ease-in-out; margin: 0 6px 12px; font-weight: 400; } .pwim_pagination_wrapper { width: 100%; text-align: center; } /************ Founding President Book end ************/ /************ Founding President Awards ************/ #content .elementor-element.awards_popup_content_sec { position: fixed; z-index: 9999; top: 0; left: 0; height: 100%; width: 100%; transition: all .3s ease-in-out; transform: translate(0px, 120%); opacity: 0; overflow-x: hidden; overflow-y: auto; } #content .elementor-element.awards_popup_content_sec.apc_active { transform: translate(0px, 0); opacity: 1; } .elementor-element.awards_popup_content_close { transition: all .3s ease-in-out; } .elementor-element.awards_popup_content_close:hover { opacity: 0.6; } html[lang="zh-hans"] body #page .awards_year_sec div.awards_year_div, html[lang="zh-hans"] body #page .awards_year_last_sec div.awards_year_last_div { font-weight: normal!important; } .awards_accolades_mobile-slider .aams_slide { width: 33.33%; font-weight: 500; font-size: 50px; line-height: 68px; transition: all .3s ease-in-out; color: #3DBEDE; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; } .awards_accolades_mobile-slider .aams_slide.aams_slide_active { color: #FFFFFF; } .awards_accolades_div { display: flex; align-items: stretch; flex-wrap: wrap; min-height: 700px; } .awards_accolades_div_left { width: 40.5%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; position: relative; padding-right: 93px; } .awards_accolades_div_right { width: 58%; position: relative; background-color: #F8F8F8; padding: 74px 0 15px 51px; display: flex; flex-direction: column; } .awards_accolades_div_right .aadr_div > p { margin-bottom: 10px; } .awards_accolades_div_left > div { width: 180px; height: 100%; } .awards_year_sec div.awards_year_div, .awards_year_last_sec div.awards_year_last_div { font-size: 150px; line-height: 160px; color: #3DBEDE; transition: all .3s ease-in-out; } .awards_year_last_sec div.awards_year_last_div.slick-slide.slick-current { color: white; } body .awards_year_sec div.awards_year_div { -webkit-text-stroke: 1px white; text-stroke: 1px white; color: #15b1d7; height: inherit; display: flex; align-items: center; justify-content: center; } .awards_accolades_div_left:after { content: ""; width: 0; height: 0; position: absolute; border-top: 20px solid #ffffff00; border-bottom: 20px solid #ffffff00; border-left: 20px solid #15b1d7; left: 100%; top: 0; bottom: 0; margin: auto; z-index: 1; } .awards_accolades_div_left:before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; right: calc(100% - 1px); background-color: inherit; } .awards_accolades_div_right:before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; left: calc(100% - 1px); background-color: inherit; } .awards_accolades_div_left .awards_year_sec, .awards_accolades_div_left .awards_year_last_sec { display: flex; } .awards_accolades_div_left .awards_year_sec .slick-list, .awards_accolades_div_left .awards_year_last_sec .slick-list { margin: auto 0; } .awards_accolades_div_left .awards_year_last_sec .slick-list { padding-top: 150%; } .awards_accolades_div_left .awards_year_last_sec .slick-list, .awards_accolades_div_left .awards_year_last_sec .slick-track, .awards_accolades_div_left .awards_year_sec .slick-list, .awards_accolades_div_left .awards_year_sec .slick-track { height: 700px!important; } .aadr_div:after { content: ""; display: block; background-color: #313131; width: 36px; height: 3px; } .aadr_div p { margin-bottom: 10px; } .aadr_div { height: 153px; /* margin-bottom: 100px; */ /* height: fit-content; */ } .awards_accolades_list_div_right .awards_thumbnail_credit { font-size: 12px; margin-bottom: 0; font-style: italic; text-align: center; line-height: 20px; } .awards_accolades_list_div_right { margin-left: 26px; } .awards_accolades_image_div { /* width: 250px; height: 220px; */ /* min-width: 250px; min-height: 220px; */ max-width: 120px; } .awards_accolades_list_div { display: flex; align-items: center; flex-wrap: nowrap; padding: 24px 0; border-top: 1px solid #D8D8D8; } .awards_accolades_list_div:first-child { border-top: 0; } .awards_accolades_list_div_left { width: calc(100% - 160px); } .awards_accolades_repeater_sec { height: 420px; } .awards_accolades_repeater_sec .slick-list, .awards_accolades_repeater_sec .slick-track { height: inherit; } .awards_accolades_repeater_div { overflow-x: hidden; overflow-y: auto; padding-right: 15px; } .awards_accolades_list_div_left .aald_year, .awards_accolades_list_div_left .aald_ai { line-height: 1.8; } .awards_accolades_list_div .awards_accolades_list_div_left .aald_year, .awards_accolades_list_div .awards_accolades_list_div_left .aald_tite { margin-bottom: 5px; } .awards_accolades_list_div_left .aald_tite { line-height: 25px; } .awards_accolades_list_div .awards_accolades_list_div_left > p { margin-bottom: 0; } .awards_accolades_image_div > div { width: 100%; height: 100%; } .awards_accolades_image_div > div { background-position: center; background-repeat: no-repeat; background-size: contain; } .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:before, .elementor-element.continue_read_button.elementor-widget-button .elementor-button .continue_read_button_icon:after { transform: translate(0px, -1px); } .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .elementor-button-content-wrapper, .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .elementor-button-content-wrapper:before { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; font-family: inherit; } .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .elementor-button-content-wrapper:before { content: "Collapse"; } .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text { font-size: 0; } .elementor-element.close_continue_read_button.continue_read_button.elementor-widget-button .elementor-button .elementor-button-content-wrapper { display: inline-flex; align-items: center; } /************ Founding President Awards end ************/ /************ SGM History Sticky Bar ************/ .sgm_history_sticky_bar { /* color: #C4C4C4; */ filter: brightness(0) invert(0) opacity(0.3); cursor: pointer; padding: 0 13px; line-height: 20px; transition: all .3s ease-in-out; } .sgm_history_sticky_bar_wrapper { padding: 17px 0 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .sgm_history_sticky_bar_inner_wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 57px); } .sgm_history_sticky_bar.sticky_bar_active, .sgm_history_sticky_bar:hover { /* color: #023D67; */ filter: brightness(1) invert(0) opacity(1); opacity: 1; } .sgm_history_gallery_open { width: 37px; height: 37px; background-color: #15B1D7; border-radius: 50%; display: inline-flex; margin-left: 20px; background-image: url(../images/gallery_icon.png); background-position: center; background-repeat: no-repeat; background-size: 21px; transition: all .3s ease-in-out; cursor: pointer; } .sgm_history_gallery_open:hover { background-color: #f97305; } .sticky_bar_progress { background-color: #023D67; height: 4px; } .sgm_history_sticky_bar_sec { position: fixed; top: -150%; left: 0; width: 100%; z-index: 99; background-color: white; transition: all .5s ease-in-out; } .sgm_history_sticky_bar_sec.sticky_bar_active { top: 0; } .sgm_history_popup_sec { position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; background-color: white; display: none; } .sgm_history_popup_inner_sec, .sgm_history_popup_inner_sec > div, .sgm_history_popup_inner_sec > div > div, .sgm_history_popup_inner_sec > div > div > div, .sgm_history_popup_div { height: 100%; } /* div.fancybox__container { display: none; } */ /************ SGM History Sticky Bar end ************/ /************ Fancybox styling ************/ .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .elementor-lightbox-item, .page-template-template-sgm-history-page div.fancybox-container .fancybox-slide--image { padding: 0!important; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .elementor-slideshow__footer, .page-template-template-sgm-history-page div.fancybox-container .fancybox-caption { bottom: 29px; min-height: 50px; padding: 10px 20px; opacity: 1; color: #313131; max-width: 913px; width: calc(100% - 30px); left: 0; right: 0; margin: auto; display: inline-flex; align-items: center; justify-content: center; text-align: center; background: white; border-radius: 0 0 22px 22px; transition: all .3s ease-in-out; z-index: 99999; visibility: visible; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox { /* backdrop-filter: blur(5px); */ /* background-color: #00000080; */ } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .dialog-widget-content .dialog-message { width: calc(100% - 60px); height: calc(100% - 60px); margin: 30px; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox header.elementor-slideshow__header, .page-template-template-sgm-history-page div.fancybox-container .fancybox-infobar, .page-template-template-sgm-history-page div.fancybox-container .fancybox-toolbar .fancybox-button { display: none!important; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox:before, .page-template-template-sgm-history-page div.fancybox-container .fancybox-inner:before { content: ""; max-width: 913px; width: calc(100% - 30px); height: calc(100% - 73px); top: 44px; left: 0; right: 0; margin: auto; background-color: white; position: absolute; display: inherit; transition: all .3s ease-in-out; border-radius: 30px; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-content { /* max-width: 700px!important; max-height: calc(100% - 165px)!important; width: 100%!important; height: 100%!important; */ transform: translate(0, -50%) scale(1)!important; top: 50%; box-shadow: none; display: flex; align-items: center; justify-content: center; padding-top: 75px; padding-bottom: 90px; pointer-events: none; right: 0; left: 0; margin: auto; cursor: grab; width: 100%!important; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-content .fancybox-image { margin: auto; top: 0; bottom: 0; left: 0; right: 0; transform: translate(0px, -7px); /* max-width: calc(100% - 20px)!important; */ } .page-template-template-sgm-history-page .fancybox-container .fancybox-stage, .page-template-template-sgm-history-page .dialog-type-lightbox .fancybox-stage { width: calc(100% - 60px); height: calc(100% - 60px); margin: 30px; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .elementor-lightbox-image, .page-template-template-sgm-history-page div.fancybox-container .fancybox-image { max-width: 700px; max-height: calc(100% - 165px); box-shadow: none; width: auto; height: auto; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-toolbar .fancybox-button.fancybox-button--close { display: block!important; opacity: 1; visibility: visible; color: #313131; /* background-color: #ffffff00; */ background-color: #ffffff; border-radius: 50%; width: 35px; height: 35px; padding: 0; transition: all .3s ease-in-out; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-toolbar { width: 35px; height: 35px; padding: 0; margin: auto; right: 0; left: 0; top: 78px; transform: translate(417px, 0px); opacity: 1; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .dialog-close-button { background-color: white; border-radius: 50%; width: 34px; height: 34px; padding: 2.5px; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .dialog-close-button, .page-template-template-sgm-history-page div.fancybox-container .fancybox-toolbar { width: 29px; height: 29px; padding: 0; margin: auto; right: 0; left: 0; top: 78px; transform: translate(417px, 0px); } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .dialog-close-button .eicon-close { font-size: 29px; color: #313131; transition: all .3s ease-in-out; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .dialog-close-button:hover .eicon-close, .page-template-template-sgm-history-page div.fancybox-container .fancybox-toolbar .fancybox-button.fancybox-button--close:hover { opacity: 0.6; } .page-template-template-sgm-history-page .dialog-type-lightbox.elementor-lightbox .elementor-slideshow__footer .elementor-slideshow__title { font-family: 'noto_sanssemibold'; font-size: 14px; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button[disabled] { background-color: #EEEEEE; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button[disabled]:before { background-color: #0000001a; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button { opacity: 1; visibility: visible; background-color: #15B1D7; width: 50px; height: 50px; padding: 0; border-radius: 50%; transition: all .3s ease-in-out; left: 0; right: 0; margin: auto; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button:hover { background-color: #F97304; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button svg { opacity: 0; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button:before { content: ""; background-color: #ffffff; transition: all .3s ease-in-out; width: 13px; height: 9px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button.fancybox-button--arrow_left:before { mask: url(../images/big_left_arrow.svg); -webkit-mask: url(../images/big_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button.fancybox-button--arrow_right:before { mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button.fancybox-button--arrow_left { transform: translate(-412px, 0px); } .page-template-template-sgm-history-page div.fancybox-container .fancybox-navigation button.fancybox-button.fancybox-button--arrow_right { transform: translate(412px, 0px); } .page-template-template-sgm-history-page div.fancybox-container:not(.fancybox-is-open) .fancybox-inner:before, .page-template-template-sgm-history-page div.fancybox-container:not(.fancybox-is-open) .fancybox-caption { opacity: 0; } /************ Fancybox styling end ************/ /************ Floating Button ************/ .floating_share_list div a { width: 30px; height: 30px; min-width: 30px; min-height: 30px; background-color: #15B1D7; display: inline-flex; /* padding: 8px; */ align-items: center; justify-content: center; border-radius: 50%; margin-right: 10px; margin-bottom: 5PX; position: relative; } .floating_share_list div a:hover:before, .floating_share_button:hover, .floating_mtt_button:hover { background-color: #e25305; } .floating_share_list > div > span { font-size: 14px; color: white; display: block; width: 100%; margin-bottom: 5px; } .floating_share_list div a img { z-index: 1; } .floating_share_list div a:before { content: ""; background-color: #15b1d7; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 50%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; transition: all .3s ease-in-out; } .floating_share_list div a:hover span.sbc_text { opacity: 1; pointer-events: all; z-index: 2; } .floating_share_list > div { display: flex; flex-wrap: wrap; width: 174px; height: 82px; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 2px; box-shadow: 0 0 6px #00000033; border-radius: 5px; background-color: #15b1d7; } .floating_share_list { position: absolute; /* transition: all .3s ease-in-out; */ top: 50%; right: calc(100% + 6px); background-color: white; border-radius: 5px; display: none; } .floating_button_sec { height: 123px; width: 56px; position: fixed; z-index: 999; right: 25px; bottom: 25px; transition: all .3s ease-in-out; opacity: 0; } .floating_share_button, .floating_mtt_button { background-color: #15B1D7; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; cursor: pointer; position: relative; } .floating_share_button:before, .floating_mtt_button:before { content: ""; width: 14px; height: 14px; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; right: 0; margin: auto; bottom: 0; } .floating_share_button:before { background-image: url(../images/share.png); } .floating_mtt_button:before { background-image: url(../images/mtt.png); } .floating_button_sec > div { margin-bottom: 11px; position: relative; } .floating_button_sec > div:last-child { margin-bottom: 0; } .new_floating_share { position: fixed; z-index: 99999; right: 0; top: 180px; transition: all .3s ease-in-out; /* opacity: 0; pointer-events: none; */ } .nfs_button { background-color: #15B1D7; padding: 13px 12px 13px 14px; height: 44px; display: flex; align-items: center; border-radius: 10px 0 0 10px; cursor: pointer; transition: all .3s ease-in-out; box-shadow: 0 0px 6px #00000026; } .nfs_button img { height: 18px; width: 18px; transition: all .3s ease-in-out; } .nfs_button .nfs_button_text { display: inline-flex; font-size: 15px; line-height: 1; font-family: 'noto_sansmedium'; color: white; transition: all .3s ease-in-out; padding: 0; max-width: 0; overflow: hidden; opacity: 0; } .nfs_button:hover img { margin-right: 5px; } .nfs_button_others { position: absolute; right: 104px; top: 50%; transform: translate(50px, calc(-50% - 30px)); transition: all .3s ease-in-out; pointer-events: none; opacity: 0; } .nfs_button_sec { z-index: 99; position: relative; } .nfs_close { color: #313131; font-size: 26px; font-weight: 700; line-height: 19px; width: 40px; height: 40px; background-color: white; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; box-shadow: 0 0 7px #00000026; margin-bottom: 19px; transition: all .3s ease-in-out; cursor: pointer; position: relative; margin-left: auto; margin-right: auto; } .nfs_button_others .nfso_link { display: flex; align-items: center; padding: 4px 14px 4px 6px; background-color: #15b1d7; border-radius: 50px; min-width: 120px; z-index: 9; margin-bottom: 23px; box-shadow: 0 0px 6px #00000026; } .nfs_button_others .nfso_link img { width: 24px; height: 24px; margin-right: 9px; } .nfs_button_others .nfso_link .nfso_text { display: block; color: white; font-size: 14px; } .nfs_button_others .nfso_link.nfs_whatsapp { padding: 3px 14px 6px 9px; background-color: #10BA16; } .nfs_button_others .nfso_link.nfs_facebook { background-color: #3A559F; } .nfs_button_others .nfso_link.nfs_twitter { background-color: #00ACED; } .nfs_button_others .nfso_link.nfs_linkedin { background-color: #0274B3; } .nfs_button_others .nfso_link.nfs_pdf { background-color: #F97304; } .nfs_button_others .nfs_button_wrap:hover { transform: scale(1.1); } .nfs_button_others .nfso_link:nth-child(2), .nfs_button_others .nfso_link:nth-last-child(2) { /* transform: translate(-10px, 0px); */ margin-left: -10px; margin-right: 10px; } body .nfs_button_others .nfso_link:nth-last-child(2) { margin-left: 0; margin-right: 0; } body .nfs_button_others .nfso_link:nth-child(2) { margin-left: -26px; margin-right: 26px; } .nfs_button_others .nfso_link.nfs_whatsapp:nth-child(3) { /* transform: translate(-26px, 0px); */ margin-left: -26px; margin-right: 26px; } .nfs_button_others .nfso_link:last-child { margin-bottom: 0; } .nfs_button_others .nfs_button_wrap { opacity: 0; } .nfs_active .nfs_button_others { opacity: 1; pointer-events: all; /* transform: translate(0px, calc(-50% - 30px)); */ transform: translate(0px, calc(-50% - 0px)); } .nfs_active .nfs_button .nfs_button_text { max-width: 150px; opacity: 1; padding-right: 18px; padding-left: 12px; } .nfs_button_others .nfs_button_wrap.nfso_animation_fadeIn { opacity: 1; } body .cli_messagebar_head { font-weight: 700; } body .cli-bar-message a { text-decoration: underline; font-family: 'noto_sanssemibold'!important; } body div#cookie-law-info-bar > * { max-width: 1150px; left: 0; right: 0; margin: auto; display: block; } /************ Floating Button end ************/ /************ Mobile Menu ************/ .mmpu_menu_sec div[class*="menu-"] .menu { margin-left: 0; margin-bottom: 0; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item { list-style: none; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item { border-bottom: 1px solid #c4c4c44d; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item .sub-menu .menu-link { font-size: 15px; font-family: 'noto_sanssemibold'; padding: 8px 28px 8px 8px; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item .menu-link { display: inline-flex; width: 100%; color: white; font-weight: 700; line-height: 1.3; font-size: 18px; padding: 13px 8px; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item.menu-item-has-children > .sub-menu { padding: 2px 0 10px; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item .menu-link { position: relative; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item.menu-item-has-children > .menu-link:after, .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item.menu-item-has-children > .menu-link:before { position: absolute; top: 0; bottom: 0; margin: auto; text-align: center; transition: all .2s ease-in-out; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item.menu-item-has-children > .menu-link:after { font-family: 'noto_sansmedium'; content: "-"; font-size: 30px; right: 14px; height: 15px; line-height: 11px; width: 18px; opacity: 0; } .mmpu_menu_sec div[class*="menu-"] .menu > li.menu-item.menu-item-has-children > .menu-link:before { font-family: 'noto_sansmedium'; content: "+"; font-size: 30px; right: 15px; height: 18px; line-height: 19px; width: 18px; } .mmpu_menu_sec div[class*="menu-"] .menu .sub-menu > li.menu-item.menu-item-has-children > .menu-link:after { content: "-"; font-size: 18px; font-family: 'noto_sanssemibold'; right: 17px; width: 11px; height: 9px; line-height: 0.53; opacity: 0; } .mmpu_menu_sec div[class*="menu-"] .menu .sub-menu > li.menu-item.menu-item-has-children > .menu-link:before { content: "+"; font-size: 18px; font-family: 'noto_sanssemibold'; right: 17px; width: 11px; height: 9px; line-height: 9.5px; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item.menu-item-has-children .sub-menu { display: none; } .mmpu_menu_sec { margin-bottom: 45px; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item.menu-item-has-children.mihc_active > .menu-link:before { opacity: 0; } .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item.menu-item-has-children.mihc_active > .menu-link:after { opacity: 1; } .mmb_search_button .elementor-button { width: 28px; height: 28px; background-color: white; padding: 0; border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; position: relative; } .mmb_search_button .elementor-button:before { content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/blue_search.png); width: 15px; height: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .mmb_search_button .elementor-button:hover { background-color: #034ea1; } .mmpu_login_sec .mmp_login_button { border-radius: 7px; border: 1px solid white; padding: 13px 20px 13px 52px; display: inline-flex; font-size: 14px; line-height: 1.4; color: white; font-family: 'noto_sanssemibold'; background-color: #ffffff00; position: relative; } .mmpu_login_sec .mmp_login_button:hover { background-color: #15B1D7; } .mmpu_login_sec { text-align: right; margin-bottom: 7px; } .mmpu_login_sec .mmp_login_button:before { content: ""; position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/login_icon.png); width: 20px; height: 21px; top: 0; bottom: 0; margin: auto; left: 21px; } .mmpu_option_div_img { transition: all .3s ease-in-out; background-color: #15B1D7; width: 31px; height: 31px; min-width: 31px; min-height: 31px; margin-right: 9px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; } .mmpu_option_div { display: flex; align-items: center; width: calc(50% - 5px); margin-right: 10px; } .mmpu_option_div:last-child { margin-right: 0; } .mmpu_option_div p, .mmpu_apu_od p { margin-bottom: 0; color: white; line-height: 19px; font-size: 14px; } .mmpu_option_sec { display: flex; align-items: center; justify-content: space-between; max-width: 400px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 70px; } .mmpu_option_div_img img { max-width: 18px; max-height: 18px; width: auto; object-fit: contain; } .mmpu_option_div:hover .mmpu_option_div_img { background-color: #F97304; } .mmpu_apu_od { display: flex; align-items: center; justify-content: center; } .mmpu_accessibility_pud, .mmpu_translate_pud { position: absolute; z-index: 9; bottom: -150%; transition: all .3s ease-in-out; left: 0; width: 100%; background-color: #16B1D7; border-radius: 30px 30px 0 0; box-shadow: 0 2px 4px #00000026; padding: 22px 15px 70px; } .mmpu_apu_od_close { position: absolute; color: white; font-size: 35px; line-height: 26px; transition: all .3s ease-in-out; padding: 10px; right: 26px; top: 18px; } .mmpu_apu_od_close:hover { opacity: 0.6; } .mmpu_apu_od .mmpu_option_div_img { background-color: white; } .mmpu_apu_od_content { padding-top: 35px; } /************ Mobile Menu end ************/ /************ Desktop Menu ************/ .dm_menu_sec .menu { margin-left: 0; margin-bottom: 0; position: relative; } .dm_menu_sec .menu .menu-item { list-style: none; } .dm_menu_sec .menu > .menu-item > .menu-link:hover:after, .dm_menu_sec .menu > .menu-item.current_page_ancestor > .menu-link:after, .dm_menu_sec .menu > .menu-item.current-menu-item > .menu-link:after, .dm_menu_sec .menu > .menu-item > .menu-link.pml_active:after { opacity: 1; } .dm_menu_sec .menu > .menu-item > .menu-link { color: #313131; padding-left: 18px; padding-right: 19px; padding-top: 15px; padding-bottom: 15px; line-height: 20px; font-size: 15px; font-family: 'noto_sanssemibold'; display: inline-flex; position: relative; } .dm_menu_sec .menu > .menu-item > .menu-link:hover, .dm_menu_sec .menu > .menu-item.current_page_ancestor > .menu-link, .dm_menu_sec .menu > .menu-item.current-menu-item > .menu-link, .dm_menu_sec .menu > .menu-item > .menu-link.pml_active { color: #0751A2; } .dm_menu_sec .menu .menu-item.home_nav > .menu-link:hover:before { background-color: #0751A2!important; } .dm_menu_sec .menu .menu-item.home_nav > .menu-link:after { display: none; } .dm_menu_sec .menu .menu-item.home_nav > .menu-link:before { content: ""; width: 15px; height: 15px; min-width: 15px; min-height: 15px; display: block; position: relative; transition: all .3s ease-in-out; background-color: #313131!important; opacity: 1!important; mask: url(../images/home.svg); -webkit-mask: url(../images/home.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .dm_menu_sec .menu .menu-item.home_nav > .menu-link { font-size: 0; } .dm_menu_sec .menu > .menu-item { display: inline-flex; flex-direction: column; /* position: relative; */ } .dm_menu_sec .menu > .menu-item.menu-item-has-children > .sub-menu { z-index: 1001; /* top: calc(100% + 36px); */ top: calc(100% + 47px); left: 0; margin-left: 0; margin-bottom: 0; padding-left: 12px; } .dm_menu_sec .menu .menu-item.home_nav { margin-left: -12px; } .dm_menu_sec .menu .sub-menu > .menu-item .menu-link { font-size: 15px; /* font-family: 'noto_sanssemibold'; */ font-weight: 700; font-family: 'Noto Sans', sans-serif; color: white; padding: 12px 0; display: inline-flex; line-height: 1.5; position: relative; overflow: hidden; } .dm_menu_sec .menu .menu-item.menu-item-has-children > .sub-menu { width: 280px; position: absolute; } .dm_menu_sec .menu > .menu-item.menu-item-has-children .menu-item.menu-item-has-children > .menu-link { padding-right: 58px; } .dm_menu_sec .menu .sub-menu > .menu-item.menu-item-has-children .menu-item.menu-item-has-children .menu-link.menu_link_active:after { left: calc(100% - 20px); } .dm_menu_sec .menu > .menu-item.menu-item-has-children .menu-item.menu-item-has-children .menu-item.menu-item-has-children > .menu-link { padding-right: 25px; } .dm_menu_sec .menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > .sub-menu, .dm_menu_sec .menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > .sub-menu, .dm_menu_sec .menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > .sub-menu { left: 280px; top: 0; margin-left: 0; margin-bottom: 0; padding: 0 30px; } .dm_menu_sec .menu > .menu-item.menu-item-has-children .sub-menu { transition: all .3s ease-in-out; opacity: 0; pointer-events: none; } .dm_dropdown_bg_sec { background-color: #023D67; width: 100%; height: 500px; position: absolute; z-index: 1000; margin-left: calc(-100vw / 2 + 1120px / 2); margin-right: calc(-100vw / 2 + 1120px / 2); width: 100vw; transition: all .3s ease-in-out; opacity: 0; pointer-events: none; } .dm_dropdown_bg_sec:before { content: ""; z-index: 9; background-image: url(../images/desktop_menu_batik.png); background-position: center bottom; background-size: 100%; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .dm_menu_sec .menu > .menu-item.menu-item-has-children .sub-menu.sub_menu_active, .dm_dropdown_bg_sec.dmd_active { pointer-events: all; opacity: 1; } .dm_dropdown_bg_sec_wrapper { position: relative; height: 100%; width: 100%; max-width: 1150px; padding: 0 15px; margin-left: auto; margin-right: auto; padding: 30px 0; } .dm_menu_sec .menu .sub-menu > .menu-item .menu-link.menu_link_active { width: 100%; color: #15B1D7; } .dm_menu_sec .menu .sub-menu > .menu-item.current_page_parent > .menu-link, .dm_menu_sec .menu .sub-menu > .menu-item.current-menu-item > .menu-link, .dm_menu_sec .menu .sub-menu > .menu-item.current-menu-ancestor > .menu-link, body .mmpu_menu_sec div[class*="menu-"] .menu .menu-item.current_page_parent > .menu-link, .mmpu_menu_sec div[class*="menu-"] .menu li.menu-item.mihc_active > .menu-link, body .mmpu_menu_sec div[class*="menu-"] .menu .menu-item.current-menu-item > .menu-link, body .mmpu_menu_sec div[class*="menu-"] .menu .menu-item.current-menu-ancestor > .menu-link { color: #15B1D7; } .dm_menu_sec .menu .sub-menu > .menu-item.menu-item-has-children .menu-link:after { content: ""; height: 15px; left: calc(100% + 49px); width: 10px; background-color: #023d67; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; margin: auto; opacity: 0; display: none; transition: all .3s ease-in-out; mask: url(../images/menu_arrow_right.svg); -webkit-mask: url(../images/menu_arrow_right.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .dm_menu_sec .menu .sub-menu > .menu-item.menu-item-has-children .menu-link.menu_link_active:after { opacity: 1; left: calc(100% - 49px); background-color: #15B1D7; display: inline-flex; } .dm_menu_sec .menu .sub-menu > .menu-item .menu-link:hover { color: #15B1D7; } .dm_menu_sec .menu > .menu-item > .menu-link:after { content: ""; background-color: #15B1D7!important; height: 4px; width: calc(100% - 30px); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; } .dm_dropdown_bg_sec_second { background-color: #003256; height: 100%; width: 280px; position: absolute; top: 0; left: 295px; z-index: 1; /* transition: all .3s ease-in-out; */ display: none; } .dm_dropdown_bg_sec_second:before { content: ""; position: absolute; width: 100vw; height: 100%; background-color: inherit; left: calc(100% - 1px); top: 0; } .dm_dropdown_bg_sec_third { background-color: #012C4B; height: 100%; width: 280px; position: absolute; top: 0; left: 575px; z-index: 2; /* transition: all .3s ease-in-out; */ display: none; } .dm_dropdown_bg_sec_third:before { content: ""; position: absolute; width: 100vw; height: 100%; background-color: inherit; left: calc(100% - 1px); top: 0; } .dm_dropdown_bg_sec_fourth { background-color: #02253E; height: 100%; width: 280px; position: absolute; top: 0; left: 855px; z-index: 3; /* transition: all .3s ease-in-out; */ display: none; } .dm_dropdown_bg_sec_fourth:before { content: ""; position: absolute; width: 100vw; height: 100%; background-color: inherit; left: calc(100% - 1px); top: 0; } /************ Desktop Menu end ************/ /************ Buddhist Concepts ************/ .share_bc_sec .share_bc_div img { /* max-width: 29px; */ width: auto; max-height: 29px; object-fit: contain; margin-right: 9px; transition: all .3s ease-in-out; } .share_bc_div { display: flex; align-items: flex-start; flex-wrap: wrap; } .share_bc_sec .share_bc_div a:hover img { opacity: 0.8; } .share_bc_sec .share_bc_div > *:last-child img { margin-right: 0; } .sbc_text { background-color: white; color: #15b1d7; font-size: 11px; display: block; position: absolute; padding: 3px; line-height: 13px; top: calc(100% - 10px); left: calc(100% - 23px); border-radius: 5px; pointer-events: none; transition: all .3s ease-in-out; opacity: 0; z-index: -1; box-shadow: 0 0 6px #00000026; } .share_bc_div a { display: inline-flex; position: relative; } .share_bc_sec .share_bc_div a:hover .sbc_text { opacity: 1; pointer-events: all; z-index: 1; } .buddhist_concepts_div:last-child { margin-bottom: 20px; } .share_bc_sec .share_bc_div a:last-child:hover .sbc_text { left: auto; right: 50%; } .buddhist_concepts_div { display: flex; align-items: stretch; flex-wrap: wrap; background-color: white; margin-bottom: 17px; border-radius: 22px; box-shadow: 0 0 10px #0000001a; min-height: 283px; } .buddhist_concepts_div_left { padding: 25px 38px 25px 52px; display: flex; align-items: center; width: 47%; } .buddhist_concepts_div .buddhist_concepts_div_left .bcd_title { margin-bottom: 10px; line-height: 31px; } .buddhist_concepts_div .buddhist_concepts_div_left .bc_description { margin-bottom: 19px; line-height: 27px; } .bcd_thumbnail_wrapper { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; } .bcd_thumbnail_wrapper > div { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .buddhist_concepts_div_right { padding: 14px; width: 53%; } .wp-pagenavi > *:last-child, .sr_ap_sec nav.elementor-pagination .page-numbers:last-child { margin-right: 0; } .wp-pagenavi > *, .sr_ap_sec nav.elementor-pagination .page-numbers { background-color: #ffffff00; color: #313131; width: 35px; height: 35px; display: inline-flex; border-radius: 50%; text-align: center; align-items: center; justify-content: center; font-size: 14px; transition: all .3s ease-in-out; margin-right: 12px; } .wp-pagenavi { text-align: center; width: 100%; } .wp-pagenavi .current { background-color: #15B1D7; color: #ffffff; font-weight: 700; } .wp-pagenavi .current, .wp-pagenavi .page:hover, .sr_ap_sec nav.elementor-pagination .page-numbers.current, .sr_ap_sec nav.elementor-pagination a.page-numbers:hover { background-color: #15B1D7; color: #ffffff; font-weight: 700; } form#search-filter-form-3217, form#search-filter-form-24787 { display: none!important; } .lio_sec_wrapper { padding: 70px 0; margin-bottom: 4px; } .lio_sec_wrapper:nth-child(4n + 1) { background-repeat: no-repeat; background-image: url(../images/s_batik.png); background-size: 600px; background-position: 10% 0; } .lio_sec_wrapper:nth-child(4n + 2) { background-repeat: no-repeat; background-image: url(../images/ls_batik.png); background-size: 560px; background-position: 34% 100%; } .lio_sec_wrapper:nth-child(4n + 3) { background-repeat: no-repeat; background-image: url(../images/nichiren_batik.png); background-size: 580px; background-position: 95% 0; } .lio_sec_wrapper:nth-child(4n + 4) { background-repeat: no-repeat; background-image: url(../images/sg_batik.png); background-size: 580px; background-position: 5% 100%; } .lio_div { display: flex; align-items: center; flex-wrap: wrap; } .lio_div_left { width: 50%; padding-right: 34px; } .lio_div_right { width: 50%; padding-left: 21px; } .lio_thumbnail_wrapper { border-radius: 12px; overflow: hidden; width: 100%; height: 100%; } .lio_thumbnail_wrapper > div { background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; background-size: cover; min-height: 340px; } .lio_div_right .blo_title, .lio_div_right .blo_description { color: white; } .lio_div_right .blo_description { margin-bottom: 20px; } .lio_div_right .blo_title { margin-bottom: 21px; padding-bottom: 24px; position: relative; } .lio_div_right .blo_title:before { content: ""; height: 3px; width: 45px; background-color: white; position: absolute; bottom: 0; left: 0; } /************ Buddhist Concepts end ************/ /************ Daily Practice ************/ .dpo_sec { display: flex; align-items: stretch; flex-wrap: wrap; } .dpo_div > a { display: block; height: 100%; } .dpo_div:nth-child(3n + 3) { margin-right: 0; } .dpo_div { width: calc(33.33% - 14px); border-radius: 12px; overflow: hidden; margin-right: 21px; margin-bottom: 20px; } .dpo_content_div { display: flex; align-items: center; justify-content: space-between; padding: 18px 27px 19px 29px; height: calc(100% - 260px); } .dpo_content_div .dpo_title { margin-bottom: 0; width: calc(100% - 43px); color: white; padding-right: 12px; transition: all .3s ease-in-out; } .dpo_content_div .dpo_button { width: 43px; height: 43px; } .dpo_content_div .dpo_button:before { width: 15px; height: 10px; } .dpo_content_div .dpo_button:hover { background-color: #FFFFFF99; } .dpo_content_div .dpo_title:hover { color: #FFFFFF99; } .dpo_image_wrapper { height: 260px; width: 100%; overflow: hidden; } .dpo_image_wrapper > div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; } .dpo_div > a:hover .dpo_image_wrapper > div { transform: scale(1.1); } /************ Daily Practice end ************/ /************ Nam-myoho-renge-kyo ************/ .mrk_button_sec .slick-track { width: 100%!important; transform: translate3d(0px, 0px, 0px)!important; display: flex; align-items: center; justify-content: center; } .mrk_content_div { padding: 27px 44px 35px; border-radius: 22px; max-width: 760px; margin-left: auto; margin-right: auto; width: 100%; } .mrk_content_div p { margin-bottom: 0!important; color: white; line-height: 27px; } .mrk_button_div.slick-current p { font-size: 65px; } .mrk_button_div p { font-size: 55px; margin-bottom: 0!important; line-height: 1.2; position: relative; padding-bottom: 25px; margin-right: 15px; transition: all .3s ease-in-out; } .mrk_button_div p:before { content: ""; width: 0; height: 0; border-bottom: 19px solid; border-left: 12px solid #ffffff00; border-right: 12px solid #ffffff00; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; } .mrk_button_div p:after { content: ""; width: 15px; height: 8px; background-color: #D2D2D2; position: absolute; top: 35px; left: calc(100%); } .mrk_button_div:last-child p:after { display: none; } .mrk_button_div:last-child p { margin-right: 0; } .mrk_button_div.slick-current p:before { opacity: 1; } .mrk_button_div:hover p span, .mrk_button_div.slick-current p span { filter: brightness(1) invert(0) opacity(1); } .mrk_button_div p span { filter: brightness(0) invert(0) opacity(0.3); transition: all .3s ease-in-out; } .mrk_button_div { cursor: pointer; } .mrk_content_sec { padding-bottom: 77px; } .mrk_content_sec.slick-slider .slick-arrow { top: auto; transform: translate(0px, 0px); bottom: 0; left: 0; right: 0; margin: auto; } .mrk_content_sec.slick-slider .slick-arrow.slick-prev { transform: translate(-29px, 0px); } .mrk_content_sec.slick-slider .slick-arrow.slick-next { transform: translate(29px, 0px); } .mrk_content_div.mrk_half { display: flex; flex-wrap: wrap; justify-content: space-between; } .mrk_content_div.mrk_half > p { width: calc(50% - 10px); } /************ Nam-myoho-renge-kyo end ************/ /************ Personal Experience ************/ .pei_sec:before { content: ""; background-color: #0000004d; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .jt_pei_sec.pei_sec:before { background-color: #0000001a; } .pei_sec:after { content: ""; background-image: linear-gradient(0deg, #00000000, #ffffff00); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pei_sec { min-height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; } .pei_sec > * { position: relative; z-index: 1; } .pei_div_wrapper { text-align: center; } .pei_div_wrapper * { color: white; } .pei_div_wrapper .pei_subtitle { margin-bottom: 0; line-height: 2.3; } .pei_div_wrapper .pei_title { line-height: 60px; } .pei_div, .pei_title { transform: translate(0px, 30px); transition: all .3s ease-in-out; opacity: 0; } .pei_div.fpb_animation, .pei_title.fpb_animation { opacity: 1; transform: translate(0px, 0px); } body #page .float_left_60_text { float: left; width: 66%; } body #page .float_left_34_div { float: left; width: 34%; z-index: 2; } body #page .float_left_38_div { float: left; width: 38%; z-index: 2; } body #page .float_right_34_div { float: right; width: 34%; z-index: 2; } body #page .float_right_38_div { float: right; width: 38%; z-index: 2; } body #page .float_left_46_div { float: left; width: 46%; z-index: 2; } body #page .float_right_46_div { float: right; width: 46%; z-index: 2; } body #page .float_left_49_div { float: left; width: 49%; z-index: 2; } body #page .float_right_49_div { float: right; width: 49%; z-index: 2; } body #page .float_left_50_div { float: left; width: 51%; z-index: 2; } body #page .float_right_50_div { float: right; width: 51%; z-index: 2; } .dms_post_list_div .dms_post_list_content p { margin-bottom: 10px; } .dms_post_list_div .dms_post_list_content p:last-child { margin-bottom: 0px; } .dms_post_list_content .dms_plc_title { font-weight: 700; } .dms_post_list_content { text-align: center; padding: 15px 25px 20px; background-color: #0751A2; height: calc(100% - 215px); } .dms_plc_link:hover .dms_post_list_thumbnail div { transform: scale(1.1); } .dms_post_list_thumbnail { overflow: hidden; } .dms_post_list_thumbnail div { height: 215px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .3s ease-in-out; } .dms_post_list_sec { display: flex; align-items: stretch; flex-wrap: wrap; } .dms_post_list_div { width: calc(33.33% - 10.66px); margin-right: 16px; border-radius: 15px; overflow: hidden; } .dms_post_list_div:nth-child(3n + 3) { margin-right: 0; } .dms_post_list_sec.pe_saf_sec .dms_post_list_div { margin-bottom: 18px; } .dms_plc_link { display: block; height: 100%; } .dms_sec .dms_sec_title { margin-bottom: 25px; text-align: center; } .dms_sec { padding-top: 36px; } .dms_sec.dms_nis_sec { padding-top: 36px; } .pep_sec { display: flex; justify-content: space-between; flex-wrap: wrap; } .pep_sec_wrapper { width: calc(50% - 9px); } .pep_prev_sec.pep_sec_wrapper { margin-right: auto; } .pep_next_sec.pep_sec_wrapper { margin-left: auto; } .pep_next_sec .pep_sw_top { text-align: right; } .pep_prev_sec .pep_sw_top { text-align: left; } body .next_post_button .next_post_circle:before, body .previous_post_button .previous_post_circle:before { content: ""; background-color: #15B1D7; width: 12px; height: 8px; background-color: white; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } body .next_post_button .next_post_circle:before { mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } body .previous_post_button .previous_post_circle:before { mask: url(../images/big_left_arrow.svg); -webkit-mask: url(../images/big_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } body .next_post_button .next_post_circle, body .previous_post_button .previous_post_circle { display: inline-flex; background-color: #15B1D7; width: 45px; height: 45px; border-radius: 50%; transition: all .3s ease-in-out; position: relative; } body .next_post_button .next_post_circle { margin-left: 12px; } body .previous_post_button .previous_post_circle { margin-right: 12px; } body .next_post_button, body .previous_post_button { transition: all .3s ease-in-out; color: #313131; font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; } body .next_post_button:hover .next_post_circle, body .previous_post_button:hover .previous_post_circle { background-color: #F97304; } .pep_sw_bottom_left { overflow: hidden; } .pep_sec { margin-top: 30px; } .pep_sw_bottom_left div { width: 180px; min-height: 140px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; } .pep_sw_bottom > a { display: flex; align-items: stretch; width: 100%; height: 100%; } .pep_sw_bottom { background-color: #0751A2; border-radius: 15px; overflow: hidden; height: calc(100% - 60px); } .pep_sw_bottom_right { width: calc(100% - 180px); display: flex; flex-direction: column; justify-content: center; padding: 15px 26px; } .pep_sw_bottom_right p { margin-bottom: 10px; } .pep_sw_bottom_right p:last-child { margin-bottom: 0px; } .pep_sw_bottom_right .pep_sw_title { font-weight: 700; line-height: 20.4px; } .pep_sw_bottom_right .pep_sw_subtitle { line-height: 17px; } .pep_sw_top { margin-bottom: 15px; height: 45px; } .pep_sw_bottom > a:hover .pep_sw_bottom_left div { transform: scale(1.1); } #page .aaid_tablet { display: none; } #page .aaid_desktop { display: block; margin-bottom: 10px; } .pes_ls_div { min-height: 390px; display: flex; flex-wrap: wrap; border-radius: 22px; overflow: hidden; } .pes_ls_div > div { width: 50%; } .pes_ls_div_right { background-color: #D44206; padding: 30px; background-image: url(../images/pes_ls_batik.png); background-repeat: no-repeat; background-position: bottom right; background-size: 390px; } .pes_ls_div_left { position: relative; } .pes_ls_img_wrapper:before { content: ""; background-image: linear-gradient(0deg, #00000099, #ffffff00); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .pes_ls_img_wrapper { width: 100%; height: 100%; position: relative; display: block; overflow: hidden; } .pes_ls_img_wrapper div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; } .pes_ls_img_wrapper:hover div { transform: scale(1.1); } .pes_ls_images_content { position: absolute; bottom: 0; left: 0; padding: 20px 28px; width: 100%; z-index: 1; } .pes_ls_images_content > span { line-height: 20px; display: block; } .pes_ls_div_right { display: flex; align-items: center; justify-content: center; } .pes_ls_sec { margin-bottom: 35px; } form#search-filter-form-4967, form#search-filter-form-4988, form#search-filter-form-5141, form#search-filter-form-5162, form#search-filter-form-25066, form#search-filter-form-25130, form#search-filter-form-25126, form#search-filter-form-25067 { max-height: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: 0; padding: 0; } .dms_post_list_sec.pe_saf_sec + .pagination .wp-pagenavi, .rsg_post_sec.rsg_search_result_sec + .pagination .wp-pagenavi, .rsgmv_sf_sec_pagination .wp-pagenavi { margin-top: 30px; } main#main { position: relative; } body #page .elementor-section.pe_video_sec, body #page .elementor-section.pe_stories_sec, body #page .elementor-section.pe_video_sec, body.pe_show_video #page .elementor-section.pe_stories_sec { transition: all .3s ease-in-out; width: 100%; opacity: 0; position: absolute; bottom: 0; left: 0; z-index: -1; } body.pe_show_video #page .elementor-section.pe_video_sec, body.pe_show_story #page .elementor-section.pe_stories_sec { position: relative; z-index: 1; opacity: 1; } .dms_sec.dms_nis_sec.dms_ni_video_overview_sec { padding-top: 46px; max-width: 1116px; margin-left: auto; margin-right: auto; /* width: calc(100% - 20px); */ } .dms_sec.dms_nis_sec.dms_ni_video_overview_sec .nip_thumbnail_div .nip_thumbnail_bg { height: 227px; } .dms_ni_video_overview_sec .nip_overview_sec { margin-bottom: 0; /* padding: 0 5px; */ } .pep_sec.pep_video_sec .pep_sw_bottom { background-color: white; } .pep_sec.pep_video_sec .pep_sec_wrapper { max-width: 390px; } .pep_sec.pep_video_sec .pep_sw_bottom_right { padding: 16px 17px; color: #313131; transition: all .3s ease-in-out; } .pep_sec.pep_video_sec .pep_sw_bottom_right:hover { color: #15b1d7; } .pep_sec.pep_video_sec .nip_tag_list { margin-bottom: 0; } .pep_sec.pep_video_sec .nip_tag_list .nip_tags { line-height: 1.2; padding: 2.5px 6px; pointer-events: none; } .pevi_video_share_sec .peis_label { margin-bottom: 0; color: white; font-size: 14px; margin-right: 7px; } .pevi_video_share_sec { position: absolute; bottom: 20px; right: 15px; align-items: center; } .pevi_video_thumbnail { height: 534px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .pevi_video_div { border-radius: 15px; overflow: hidden; position: relative; } .pevi_video_thumbnail_wrapper { position: relative; } div.pevi_video_thumbnail_wrapper .watch_video_button { font-size: 14px; font-family: 'noto_sanssemibold'; color: white; position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; } div.pevi_video_thumbnail_wrapper .watch_video_button .wvb_icon { margin-right: 14px; width: 50px; height: 50px; background-color: #15B1D7; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: all .3s ease-in-out; } div.pevi_video_thumbnail_wrapper .watch_video_button .wvb_icon:before { content: ""; position: absolute; border-top: 9px solid #ffffff00; border-bottom: 9px solid #ffffff00; border-left: 12px solid white; border-radius: 3px; width: 0; height: 0; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: translate(2px, 0px); } div.pevi_video_thumbnail_wrapper .watch_video_button:hover .wvb_icon { background-color: #F97304; } .pevi_video_thumbnail:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #0000004d; } .pevi_video_thumbnail:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-image: linear-gradient(0deg, #00000000, #ffffff00); } .pevi_video_sec { margin-bottom: 43px; } .pevi_tc_wrapper .pevi_tc_title { line-height: 33px; } .pevi_tc_wrapper { text-align: center; max-width: 940px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 43px; } .pevi_tc_wrapper .pevi_tc_subtitle { /* line-height: 33px; */ line-height: 1.6; padding: 4px 0; margin-bottom: 18px; } .pevi_tc_description p { margin-bottom: 0; } .pei_share_sec { position: absolute; width: 100%; bottom: 18px; left: 0; } .pei_share_div { display: flex; align-items: center; padding: 0 15px; } .pei_share_div .pei_share_sec_left { width: 30%; margin-right: auto; transform: translate(-50px, 0px); opacity: 0; transition: all .3s ease-in-out; } .pei_share_div .pei_share_sec_right { width: 70%; margin-left: auto; justify-content: flex-end; transform: translate(50px, 0px); opacity: 0; transition: all .3s ease-in-out; } .pei_share_div .pei_share_sec_right.peis_right_animation { transform: translate(0, 0px); opacity: 1; } .pei_share_div .pei_share_sec_left.peis_left_animation { transform: translate(0, 0px); opacity: 1; } .peis_print .peis_print_img img { max-width: 27px; max-height: 27px; } .pei_share_div div .peis_label { font-size: 14px; margin-bottom: 0; color: white; margin-right: 9px; line-height: 14px; padding-top: 7px; } .pei_share_div > div { display: flex; align-items: flex-start; } .peis_print .peis_print_img:hover { opacity: 0.8; } .peis_print_img { display: inline-flex; } .pei_bg_sec { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 0; } .fancybox-toolbar, .fancybox-button.fancybox-button--close { opacity: 1!important; visibility: visible; } /************ Personal Experience end ************/ /************ Media Center ************/ .pei_sec.nipp_sec.p_r .pei_div.nipp_div:not(.nipp_register_exist) .pei_title { max-width: 100%; } .elementor-element.mc_post_content_sec { overflow: hidden; } .pep_sec.mc_pep_sec .pep_sec_wrapper .pep_sw_bottom { box-shadow: 0 0 10px #0000001a; background-color: white; } .pep_sec.mc_pep_sec .pep_sw_bottom > a { color: #313131; } .pep_sec.mc_pep_sec .pep_sw_bottom > a:hover { color: #15b1d7; } .news_category_tag_sec { display: flex; flex-wrap: wrap; } .news_category_tag_div { border-radius: 15px; box-shadow: 0 0 5px #0000001a; background-color: white; display: flex; align-items: center; justify-content: center; width: calc(25% - 19.5px); margin-right: 26px; transition: all .3s ease-in-out; cursor: pointer; padding: 0; max-height: 0; overflow: hidden; margin-bottom: 0; opacity: 0; pointer-events: none; } .news_category_tag_div:nth-child(1), .news_category_tag_div:nth-child(2), .news_category_tag_div:nth-child(3), .news_category_tag_div:nth-child(4), .news_category_tag_sec.ecb_active .news_category_tag_div { padding: 15px; opacity: 1; margin-bottom: 15px; max-height: 500px; pointer-events: all; } .nct_logo_div { width: 55px; height: 55px; margin-right: 15px; position: relative; } .nct_logo_div > div { background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; transition: all .3s ease-in-out; position: relative; } .news_category_tag_div:nth-child(4n + 4) { margin-right: 0; } .nct_title { width: calc(100% - 70px); padding-right: 20px; transition: all .3s ease-in-out; font-size: 14px; line-height: 18px; } .news_category_tag_div:hover, .news_category_tag_div.nctd_active { background-color: #15B1D7; } .news_category_tag_div:hover .nct_logo_div > div, .news_category_tag_div.nctd_active .nct_logo_div > div { filter: brightness(0) invert(1); } .news_category_tag_div:hover .nct_title, .news_category_tag_div.nctd_active .nct_title { color: white; } body .expand_collapse_button:after { content: "-"; position: absolute; display: block; align-items: center; justify-content: center; font-size: 40px; line-height: 0; width: 13px; height: 6px; color: white; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; } body .expand_collapse_button:before { content: "+"; position: absolute; display: block; align-items: center; justify-content: center; font-size: 40px; line-height: 16px; width: 21.5px; height: 20px; color: white; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transition: all .3s ease-in-out; } body .expand_collapse_button:hover { background-color: #15B1D7; } body .expand_collapse_button.ecb_active:before { opacity: 0; } body .expand_collapse_button.ecb_active:after { opacity: 1; } body .expand_collapse_button { background-color: #D44206; height: 46px; width: 46px; border-radius: 50%; position: relative; transition: all .3s ease-in-out; cursor: pointer; margin-bottom: 13px; margin-left: auto; margin-right: auto; } .news_category_tag_button_sec .ecb_text { font-size: 14px; color: black; margin-bottom: 0; line-height: 18px; transition: all .3s ease-in-out; cursor: pointer; } .news_category_tag_button_sec { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } body .expand_collapse_button:hover + .ecb_text { color: #15B1D7; } .news_category_tag_button_sec { position: absolute; width: 100%; top: calc(100% - 23px); } .news_category_tag_sec_wrapper { position: relative; padding-bottom: 30px; } .nct_button.ecb_active .expand_collapse_button:before { opacity: 0; } .nct_button.ecb_active .expand_collapse_button:after { opacity: 1; } .nct_button.ecb_active .ecb_text { opacity: 0; pointer-events: none; } .nctb_wrapper.nct_button { z-index: 2; } .nptp_div { padding: 9px 10px; border: 2px solid #15B1D7; margin-right: 7px; margin-bottom: 9px; background-color: #F8F8F8; border-radius: 7px; cursor: pointer; transition: all .3s ease-in-out; font-size: 14px; color: #313131; line-height: 18px; display: inline-flex; align-items: center; justify-content: center; } .nptp_div_circle { background-color: white; height: 20px; width: 20px; margin-left: 9px; border-radius: 50%; position: relative; border: 1px solid #C4C4C4; transition: all .3s ease-in-out; } .nptp_div_circle:before { content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/blue_check.png); position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); transition: all .3s ease-in-out; opacity: 0; top: -1px; left: -1px; } .nptp_div.nctd_active .nptp_div_circle { border-color: #15B1D7; /* background-color: #15B1D7; */ } .nptp_div.nctd_active .nptp_div_circle:before { opacity: 1; } .nptp_div:hover { color: #15B1D7; } .nip_overview_sec + .pagination .wp-pagenavi { margin-top: 30px; } .nip_overview_sec { display: flex; flex-wrap: wrap; } .nip_overview_sec .nip_div { width: calc(33.33% - 14px); margin-bottom: 20px; margin-right: 21px; box-shadow: 0 2px 4px #00000026; border-radius: 12px; background-color: white; overflow: hidden; } .nip_overview_sec .nip_div:nth-child(3n + 3) { margin-right: 0; } .news_category_tag_div[data-slug="all"] .nct_logo_white { opacity: 0; position: absolute; top: 0; left: 0; } .news_category_tag_div[data-slug="all"]:hover .nct_logo_div > div.nct_logo_white, .news_category_tag_div.nctd_active[data-slug="all"] .nct_logo_div > div.nct_logo_white { opacity: 1; filter: none; } .news_category_tag_div[data-slug="all"]:hover .nct_logo_div > div.nct_logo_blue, .news_category_tag_div.nctd_active[data-slug="all"] .nct_logo_div > div.nct_logo_blue { opacity: 0; } .nptp_sec.nctd_active { position: relative; z-index: 1; opacity: 1; pointer-events: all; } .nptp_sec { position: absolute; width: 100%; top: 0; left: 0; transition: all .3s ease-in-out; z-index: -1; opacity: 0; pointer-events: none; } form#search-filter-form-57638 li.sf-field-taxonomy-news_tag, form#search-filter-form-57620 li.sf-field-taxonomy-news_tag, form#search-filter-form-4646 li.sf-field-taxonomy-news_tag, form#search-filter-form-4762 li.sf-field-taxonomy-news_tag, form#search-filter-form-4768 li.sf-field-taxonomy-news_tag, form#search-filter-form-4777 li.sf-field-taxonomy-news_tag { max-height: 0; overflow: hidden; padding: 0; margin: 0; height: 0; opacity: 0; } form#search-filter-form-57638 li.sf-field-post-meta-news_year_for_filter, form#search-filter-form-57620 li.sf-field-post-meta-news_year_for_filter, form#search-filter-form-4646 li.sf-field-post-meta-news_year_for_filter, form#search-filter-form-4762 li.sf-field-post-meta-news_year_for_filter, form#search-filter-form-4768 li.sf-field-post-meta-news_year_for_filter, form#search-filter-form-4777 li.sf-field-post-meta-news_year_for_filter { display: flex; align-items: center; justify-content: flex-end; padding: 0; } form#search-filter-form-57638 li.sf-field-post-meta-news_year_for_filter h4, form#search-filter-form-57620 li.sf-field-post-meta-news_year_for_filter h4, form#search-filter-form-4646 li.sf-field-post-meta-news_year_for_filter h4, form#search-filter-form-4762 li.sf-field-post-meta-news_year_for_filter h4, form#search-filter-form-4768 li.sf-field-post-meta-news_year_for_filter h4, form#search-filter-form-4777 li.sf-field-post-meta-news_year_for_filter h4 { font-size: 14px; font-family: 'Noto Sans', sans-serif; margin-right: 13px; color: #313131; padding: 0; line-height: 28px; } form#search-filter-form-57638 li.sf-field-post-meta-news_year_for_filter .sf-input-select, form#search-filter-form-57620 li.sf-field-post-meta-news_year_for_filter .sf-input-select, form#search-filter-form-4646 li.sf-field-post-meta-news_year_for_filter .sf-input-select, form#search-filter-form-4762 li.sf-field-post-meta-news_year_for_filter .sf-input-select, form#search-filter-form-4768 li.sf-field-post-meta-news_year_for_filter .sf-input-select, form#search-filter-form-4777 li.sf-field-post-meta-news_year_for_filter .sf-input-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #E0E0E0; border-radius: 7px; height: 40px; padding: 5px 15px; background-color: white; font-size: 14px; color: #313131; min-width: 140px; } form#search-filter-form-57638 li.sf-field-post-meta-news_year_for_filter > label:before, form#search-filter-form-57620 li.sf-field-post-meta-news_year_for_filter > label:before, form#search-filter-form-4646 li.sf-field-post-meta-news_year_for_filter > label:before, form#search-filter-form-4762 li.sf-field-post-meta-news_year_for_filter > label:before, form#search-filter-form-4768 li.sf-field-post-meta-news_year_for_filter > label:before, form#search-filter-form-4777 li.sf-field-post-meta-news_year_for_filter > label:before { content: ""; border-left: 4px solid #ffffff00; border-right: 4px solid #ffffff00; border-top: 7px solid #000000; position: absolute; transition: all .3s ease-in-out; bottom: 0; top: 0; margin: auto; width: 0; height: 0; right: 12px; pointer-events: none; } /* form#search-filter-form-4646, form#search-filter-form-4762, form#search-filter-form-4768, form#search-filter-form-4777 { padding-top: 66px; transition: all .3s ease-in-out; } form#search-filter-form-4646.ecb_active, form#search-filter-form-4762.ecb_active, form#search-filter-form-4768.ecb_active, form#search-filter-form-4777.ecb_active { padding-top: 50px; } */ .nptp_sec_wrapper.ecb_active { padding-top: 50px; } .nptp_sec_wrapper { position: relative; padding-top: 66px; transition: all .3s ease-in-out; opacity: 0; } form#search-filter-form-57638 li.sf-field-post-meta-news_year_for_filter label, form#search-filter-form-57620 li.sf-field-post-meta-news_year_for_filter label, form#search-filter-form-4646 li.sf-field-post-meta-news_year_for_filter label, form#search-filter-form-4762 li.sf-field-post-meta-news_year_for_filter label, form#search-filter-form-4768 li.sf-field-post-meta-news_year_for_filter label, form#search-filter-form-4777 li.sf-field-post-meta-news_year_for_filter label { position: relative; } form#search-filter-form-57638 li.sf-field-post-meta-news_year_for_filter > *, form#search-filter-form-57620 li.sf-field-post-meta-news_year_for_filter > *, form#search-filter-form-4646 li.sf-field-post-meta-news_year_for_filter > *, form#search-filter-form-4762 li.sf-field-post-meta-news_year_for_filter > *, form#search-filter-form-4768 li.sf-field-post-meta-news_year_for_filter > *, form#search-filter-form-4777 li.sf-field-post-meta-news_year_for_filter > * { position: relative; z-index: 2; } .nptp_title_wrapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 16px; } .nptp_sec .nptp_sec_title { /* padding-right: 240px; */ margin-bottom: 0; width: calc(100% - 380px); } .oan_sec { margin-right: 10px; margin-left: auto; } .oan_sec .oan_link { display: inline-block; } .niti_theme_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .niti_theme_bg:before { content: ""; background-color: inherit; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: translate(calc(-100% + 1px), 0px); } .pei_sec.nipp_sec { align-items: flex-end; padding: 43px 0; } .nptptp_div_wrapper { display: none; } .pei_sec.nipp_sec > div { width: 100%; } .pei_div.nipp_div .pei_title { line-height: 40px; max-width: 640px; text-align: left; padding-left: 10px; padding-bottom: 10px; } .niti_top_sec { position: relative; } .niti_top_sec .niti_top_div .niti_top_title { line-height: 24px; font-size: 14px; margin-bottom: 0; color: white; } .niti_print img { max-width: 27px; max-height: 27px; } .niti_print:hover { opacity: 0.8; } .niti_top_sec > div { margin-bottom: 32px; } .niti_top_sec .niti_top_div .niti_top_date { color: white; margin-bottom: 0; line-height: 20px; } .niti_top_sec.niti_bottom_sec > div { margin-bottom: 0; } .niti_top_sec.niti_bottom_sec .nip_content_div { padding: 0; } .niti_top_sec.niti_bottom_sec .niti_top_div { margin-bottom: 5px; } .pep_sec.nc_mc_sec .pep_sw_bottom { background-color: white; box-shadow: 0 0 10px #0000001a; } .pep_sec.nc_mc_sec .pep_sw_bottom_right .pep_sw_title { color: #313131; margin-bottom: 15px; } .pep_sec.nc_mc_sec .pep_sw_bottom_right .pep_sw_subtitle { color: #959595; } .dms_ni_inner_wrapper { display: flex; flex-wrap: wrap; } .dms_ni_div { width: calc(33.33% - 14.66px); margin-right: 22px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 4px #00000026; background-color: white; } .dms_ni_div:last-child { margin-right: 0; } .dms_ni_div .nip_category_name > p { margin-bottom: 0; line-height: 19px; color: white; } .dms_ni_div .nip_category_name { padding: 9px 15px 6px; } .dms_ni_div .nip_thumbnail_div .nip_thumbnail_bg { height: 195px; } .dms_ni_div .nip_content_div { padding: 13px 21px; background-color: white; } .dms_ni_div .nip_content_div .nip_description { margin-bottom: 10px; } .dms_sec.dms_ni_sec { padding: 75px 15px 80px; background-color: #F8F8F8; position: relative; } .dms_sec.dms_ni_sec:before { content: ""; background-color: inherit; position: absolute; width: 100%; height: 100%; top: 0; right: calc(100% - 1px); } .dms_sec.dms_ni_sec:after { content: ""; background-color: inherit; position: absolute; width: 100%; height: 100%; top: 0; left: calc(100% - 1px); } .dms_ni_img > div { width: 57px; height: 57px; background-position: center; background-size: contain; background-repeat: no-repeat; /* transition: all .3s ease-in-out; */ filter: brightness(0) invert(1); } .dms_ni_img { margin-right: 23px; } .dms_ni_category_sec { display: flex; flex-wrap: wrap; padding: 57px 15px 0; } .dms_ni_category_div { width: calc(33.33% - 14px); margin-right: 21px; margin-bottom: 15px; border-radius: 15px; background-color: #15B1D7; border: 2px solid #15B1D7; transition: all .3s ease-in-out; } .dms_ni_category_div:nth-child(3n + 3) { margin-right: 0; } .dms_ni_category_div .dms_ni_category_div_wrapper { display: flex; align-items: center; justify-content: center; padding: 12px 23px 11px; } .dms_ni_button { width: 43px; height: 43px; min-width: 43px; min-height: 43px; border-radius: 50%; transition: all .3s ease-in-out; background-color: white; margin-left: 12px; position: relative; } .dms_ni_button:before { content: ""; mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #15B1D7; height: 10px; width: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: all .3s ease-in-out; } .dms_ni_category_div .dms_ni_category_div_wrapper .dms_ni_title { margin-right: auto; color: white; line-height: 18px; transition: all .3s ease-in-out; } .dms_ni_category_div:hover { background-color: white; } .dms_ni_category_div:hover .dms_ni_img > div { filter: brightness(1) invert(0); } .dms_ni_category_div:hover .dms_ni_category_div_wrapper .dms_ni_title { color: #15b1d7; } .dms_ni_category_div:hover .dms_ni_button { background-color: #15B1D7; } .dms_ni_category_div:hover .dms_ni_button:before { background-color: white; } .elementor-element.mc_post_content_sec * { word-break: break-word; } .mc_post_content_sec.elementor-element ul, .mc_post_content_sec.elementor-element ol { margin-left: 20px; } .mc_post_content_sec.elementor-element .elementor-widget-text-editor .elementor-widget-container > * { margin-bottom: 0; } .nipp_div .nipp_register_button { padding: 11px 18px; border-radius: 7px; font-size: 14px; line-height: 1.45; transition: all .3s ease-in-out; } .nipp_rb_div_bottom .gform_wrapper .gform_footer input[type="submit"] { padding: 11px 18px; border-radius: 7px; font-size: 14px; line-height: 1.45; transition: all .3s ease-in-out; min-width: 100px; color: white; font-family: 'noto_sansblack'; } .nipp_div .nipp_register_button:hover, .nipp_rb_div_bottom .gform_wrapper .gform_footer input[type="submit"]:hover, .nipp_div .nipp_register_button:focus, .nipp_rb_div_bottom .gform_wrapper .gform_footer input[type="submit"]:focus { background-color: #F97304; border-color: #F97304; } .pei_div.nipp_div.nipp_register_exist { display: flex; align-items: flex-end; justify-content: space-between; } .pei_div.nipp_div.nipp_register_exist .pei_title { width: calc(100% - 140px); } .nipp_rb_sec { position: fixed; z-index: 99999; width: 100%; height: 100%; top: 0; left: 0; background-color: #00000080; display: none; } .nipp_rb_sec_wrapepr { width: 100%; height: 100%; display: flex; /* align-items: center; justify-content: center; */ padding: 30px 15px; overflow-y: auto; overflow-x: hidden; } .nipp_rb_div { background-color: #15B1D7; border-radius: 20px; overflow: hidden; max-width: 845px; width: calc(100% - 30px); margin: auto; } .nipp_rb_div_top { background-color: #15B1D7; padding: 45px 75px 28px; position: relative; } .nipp_rb_div_top .nipp_rbd_title { line-height: 30px; margin-bottom: 15px; } .nipp_rb_div_top .nipp_rbd_content > *:last-child { margin-bottom: 15px; } .nipp_rb_div_close { position: absolute; color: white; top: 20px; right: 20px; font-size: 34px; line-height: 25px; padding: 10px; transition: all .3s ease-in-out; cursor: pointer; } .nipp_rb_div_close:hover { opacity: 0.6; } .nipp_rbd_listing_label > *:last-child { margin-bottom: 0; line-height: 1.5; } .nipp_rbd_listing_img > div { width: 21px; height: 21px; min-width: 21px; min-height: 21px; background-position: center; background-repeat: no-repeat; background-size: contain; } .nipp_rbd_listing_img { margin-right: 10px; } .nipp_rbd_listing_div { display: flex; align-items: flex-start; padding: 3px 0; } .nipp_rbd_listing_label { width: calc(100% - 31px); } .gform_wrapper ul.gform_fields li.gfield.gf_half_fields { width: calc(50% - 8px); margin-right: 16px; padding-right: 0; } .gform_wrapper ul.gform_fields li.gfield.gf_half_fields:nth-child(2n + 2) { margin-right: 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields { display: flex; flex-wrap: wrap; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield { margin-top: 0; margin-bottom: 13px; } .gform_wrapper ul.gform_fields li.gfield.gf_full_fields { width: 100%; padding-right: 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container select { width: 100%; border: 1px solid #F8F8F8; background-color: #F8F8F8; border-radius: 7px; height: 42px; font-size: 14px; line-height: 30px; padding: 6px 18px; margin-left: 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container_select { position: relative; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container_select:before { content: ""; border-left: 4px solid #ffffff00; border-right: 4px solid #ffffff00; border-top: 7px solid #313131; position: absolute; transition: all .3s ease-in-out; bottom: 0; top: 0; margin: auto; width: 0; height: 0; right: 24px; pointer-events: none; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container textarea { width: 100%!important; /* max-height: 168px; */ min-height: 177px; border: 1px solid #F8F8F8; background-color: #F8F8F8; border-radius: 7px; font-size: 14px; line-height: 30px; padding: 6px 18px; } .nipp_rb_div_bottom { padding: 24px 75px 45px; background-color: white; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield label.gfield_label { padding-left: 8px; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .gfield_label { font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 5px; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .ginput_container { margin-top: 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield .gfield_label .gfield_required { color: #FF0000; } .nipp_rb_div_bottom .gform_wrapper .gform_footer { padding: 0; margin: 3px 0 0 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error { padding: 0; margin-top: 6px; background-color: #ffffff00; border: none; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error .gfield_label { margin-top: 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container { margin-top: 0; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container select, .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container textarea { border-color: #c89797; } .nipp_rb_div_bottom .gform_wrapper ul.gform_fields li.gfield.gfield_error .validation_message { padding: 0; } .nipp_rb_div_bottom .gform_wrapper .gform_heading .gform_title { margin: 0; font-size: 23px; font-family: 'noto_sansextrabold'; } .nipp_rb_div_bottom .gform_wrapper .gform_heading { margin-bottom: 16px; } .pe_video_filter_sec .nip_thumbnail_div .nip_thumbnail_bg { height: 227px; } .rmc_overview_sec .nip_thumbnail_div .nip_thumbnail_bg { height: 196px; } .rmc_overview_sec .nip_content_div { min-height: 150px; } .nptp_mobile_filters { display: none; } .nptp_select_wrapper { display: flex; align-items: center; max-width: 183px; } .nptp_select_wrapper .nptp_select_label { font-size: 14px; font-family: 'Noto Sans', sans-serif; margin-right: 13px; color: #313131; padding: 0; line-height: 28px; margin-bottom: 0; } .nptp_select_wrapper select.nptp_select_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #E0E0E0; border-radius: 7px; height: 40px; padding: 5px 15px; background-color: white; font-size: 14px; color: #313131; min-width: 140px; } .nptp_select_wrapper .nptp_select_div { position: relative; } .nptp_select_wrapper .nptp_select_div:before { content: ""; border-left: 4px solid #ffffff00; border-right: 4px solid #ffffff00; border-top: 7px solid #000000; position: absolute; transition: all .3s ease-in-out; bottom: 0; top: 0; margin: auto; width: 0; height: 0; right: 12px; pointer-events: none; } form#search-filter-form-57638, form#search-filter-form-57620, form#search-filter-form-4646, form#search-filter-form-4762, form#search-filter-form-4768, form#search-filter-form-4777 { padding: 0!important; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; } .nipp_rbd_listing_sec.outside_rbd_listing_sec { padding: 21px 28px 30px 28px; background-color: #f8f8f8; border-radius: 15px; width: calc(100% - 20px); margin: 0 10px; margin-bottom: 22px!important; } .media_center_event_top_sec { margin-bottom: 18px; text-align: right; padding: 0 10px; } .video_description { margin-bottom: 10px; } /************ Media Center end ************/ /************ Daily Encouragement ************/ .deo_top_desc { margin-top: 30px; margin-left: 0px; margin-bottom: 30px !important; } html[lang="zh-hans"] .deo_content_div .deo_content_div_inner:before, html[lang="zh-hans"] .de_sec .de_div > div:after { display: none; } html[lang="zh-hans"] .deo_content_div .deo_content_div_inner { padding: 50px 75px 0px; } .deo_day_div .deo_day_text { font-size: 60px; line-height: 50px; color: transparent; -webkit-text-stroke: 1px #C4C4C4; text-stroke: 1px #C4C4C4; transition: all .3s ease-in-out; cursor: pointer; text-align: center; } .deo_day_slider .deo_day_div { width: 14.28%; display: inline-flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; } .deo_day_slider .deo_day_div.deo_day_div_active .deo_day_text, .deo_day_slider .deo_day_div:hover .deo_day_text { -webkit-text-stroke: 0; text-stroke: 0; color: #313131; } .daily-encouragement-scrollbar { height: 5px; background-color: #E5E5E5; } .daily-encouragement-scrollbar .swiper-scrollbar-drag { background-color: #313131; } .deo_top { margin-left: -9px; } .deo_day_slider_wrapper { padding-bottom: 34px; padding-top: 35px; } .deo_content_div .deo_content_div_inner.deo_content_bg1 { background-color: #F97304; } .deo_content_div .deo_content_div_inner.deo_content_bg2 { background-color: #15B1D7; } .deo_content_div .deo_content_div_inner.deo_content_bg3 { background-color: #F25214; } .deo_content_div .deo_content_div_inner.deo_content_bg4 { background-color: #1A89D2; } .deo_content_div .deo_content_div_inner.deo_content_bg5 { background-color: #D44206; } .deo_content_div .deo_content_div_inner.deo_content_bg6 { background-color: #034EA1; } .deo_content_div .deo_content_div_inner.deo_content_bg7 { background-color: #B53500; } .deo_content_div .deo_content_div_inner.deo_content_bg8 { background-color: #013153; } .deo_content_div .deo_content_div_inner { background-color: #D44206; padding: 50px 76px 0px 119px; border-radius: 22px; max-width: 950px; margin-left: auto; margin-right: auto; background-position: bottom center; background-repeat: no-repeat; background-size: 1000px; background-image: url(../images/de_content_batik.png); position: relative; } .deo_content_div .deo_content_div_inner:before { content: ""; position: absolute; height: 42px; width: 39px; top: 80px; left: 50px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/white_comma.png); } .deo_content_slider .deo_content_div { width: 100%; } .deo_content_slider .deo_content_slider_wrapper { padding-bottom: 95px; padding-top: 50px; } .deo_content_div_inner .deo_content_description { padding-bottom: 53px; line-height: 30px; } .deo_content_div_inner .deo_content_subtitle { padding-bottom: 50px; text-align: right; } .deo_field_wrapper { display: flex; align-items: center; } .deo_field_wrapper .deo_month_label { margin-right: 8px; margin-bottom: 0; } .deo_field_wrapper .deo_month { border: 1px solid #E0E0E0; background-color: white; padding: 5px 8px; font-size: 14px; line-height: 30px; height: 40px; border-radius: 7px; color: #313131; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 140px; } .deo_month_div { position: relative; } .deo_month_div:before { content: ""; width: 0; height: 0; border-left: 5px solid #ffffff00; border-right: 5px solid #ffffff00; border-top: 5px solid black; position: absolute; top: 0; bottom: 0; margin: auto; right: 17px; pointer-events: none; } .deo_sec { padding-top: 15px; } .hsb_button_wrapper > *:not(:last-child) { margin-bottom: 15px; } .swiper-container.deb_banner_slider { width: 100%; height: 100%; position: absolute; } /* .pei_sec.deb_sec.banner_no_overlay:before, .pei_sec.deb_sec.banner_no_overlay:after { opacity: 0!important; } */ .pei_sec.deb_sec { transition: all .3s ease-in-out; opacity: 0; } .pei_sec.deb_sec:before, .pei_sec.deb_sec:after { z-index: 2; } .pei_sec.deb_sec .deb_container_sec { z-index: 3; position: relative; } .pei_sec.deb_sec .pei_share_sec { z-index: 3; } .deb_banner_slider .debs_div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .deo_no_result { padding: 25px 0; text-align: center; font-size: 18px; } .deo_content_div_inner .deo_content_date { line-height: 25px; font-weight: 700; margin-bottom: 23px; } /************ Daily Encouragement end ************/ /************ Buddhism In Society Introduction ************/ .event_discover_button_div { text-align: center; margin-bottom: 38px; } .event_discover_button_sec, .event_discover_button { position: relative; } .event_discover_popup .event_discover_pu_div:last-child { margin-bottom: 0; } .event_discover_popup .event_discover_pu_div { line-height: 1.5; border-radius: 20px; padding: 6px 15px; display: inline-flex; transition: all .3s ease-in-out; margin-bottom: 10px; text-align: left; opacity: 0; } .event_discover_popup .event_discover_pu_div:hover { transform: scale(1.1); box-shadow: 0 0 7px #00000059; } .event_discover_popup_wrapper { display: flex; flex-direction: column; align-items: baseline; } .event_discover_popup { display: flex; flex-direction: column; align-items: baseline; position: absolute; left: 50%; transform: translate(calc(-50% + 162px), calc(-50% - 20px)); top: 50%; z-index: 5; transition: all .3s ease-in-out; opacity: 0; pointer-events: none; } .event_discover_popup.edb_active { opacity: 1; pointer-events: all; } .event_discover_popup .event_discover_pu_div.ed_animation_fadeIn { opacity: 1; } .event_discover_button.edb_active .theme_style_circle { opacity: 0; } .event_discover_button.edb_active .edb_close_circle { opacity: 1; z-index: 1; } .event_discover_button .edb_close_circle { position: absolute; width: 40px; height: 40px; background-color: #EEEEEE; border-radius: 50%; right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s ease-in-out; opacity: 0; overflow: hidden; } .event_discover_button .edb_close_circle:before { content: ""; position: absolute; width: 16px; height: 16px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/black_close.png); transition: all .3s ease-in-out; z-index: 2; } .event_discover_button:hover .edb_close_circle { box-shadow: 0 0 6px #00000059; } .nip_wrapper_bistp .nip_thumbnail_div .nip_thumbnail_bg { height: 193px; } .nip_wrapper_bistp .nip_content_div { min-height: 214px; } .biso_kaa_sec { display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .biso_kaa_arrow.sfp_arrows { width: 50px; height: 50px; } .biso_kaa_sec .biso_kaa_div { margin-right: 17px; margin-bottom: 15px; min-height: 172px; border-radius: 15px; overflow: hidden; width: calc(50% - 8.5px); } .biso_kaa_sec .biso_kaa_div:nth-child(2n + 2) { margin-right: 0; } .biso_kaa_div .biso_kaa_inner_div { display: flex; align-items: center; justify-content: space-between; padding: 30px 35px; width: 100%; height: 100%; position: relative; } .biso_kaa_div .biso_kaa_inner_div:before { content: ""; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(90deg, #00000099, #ffffff00); top: 0; left: 0; } .biso_kaa_div .biso_kaa_inner_div > * { position: relative; z-index: 1; } .biso_kaa_inner_div .biso_kaa_title { width: calc(100% - 100px); line-height: 25px; } .biso_kaa_div .biso_kaa_inner_div .biso_kaa_bg { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s ease-in-out; z-index: -1; } .biso_kaa_div .biso_kaa_inner_div:hover .biso_kaa_bg { transform: scale(1.1); } .nip_wrapper.nip_wrapper_bistp .nip_div { width: calc(33.33% - 14px); box-shadow: 0 2px 4px #00000026; border-radius: 12px; background-color: white; overflow: hidden; margin-right: 21px; } .nip_wrapper.nip_wrapper_bistp .nip_div:last-child { margin-right: 0; } .nip_wrapper.nip_wrapper_bistp { margin-bottom: 40px; } .bistp_child_sec { display: flex; flex-wrap: wrap; } .bistp_child_div { margin-right: 14px; margin-bottom: 15px; width: calc(50% - 7px); border-radius: 12px; overflow: hidden; min-height: 155px; } .bistp_child_div .bistp_child_link { display: flex; align-items: stretch; height: 100%; width: 100%; } .bistp_cd_img { width: 180px; min-width: 180px; overflow: hidden; } .bistp_cd_img div { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .3s ease-in-out; } .bistp_cd_title { width: calc(100% - 180px); display: flex; align-items: center; padding: 20px 30px; justify-content: space-between; } .bistp_cd_title .bistp_title { width: calc(100% - 58px); line-height: 27px; margin-bottom: 0; padding-right: 35px; transition: all .3s ease-in-out; } .bistp_child_link:hover .bistp_cd_img div { transform: scale(1.1); } .bistp_child_link:hover .bistp_cd_title .bistp_arrows { transform: translate(-10px, 0px); } .bistp_child_div:nth-child(2n + 2) { margin-right: 0; } .bistp_nvp_content { margin-bottom: 30px; } .bistp_nvp_content .bistp_nvp_subtitle { margin-bottom: 0; } .bistp_nvp_content .bistp_nvp_title { margin-bottom: 0; } .bistp_nvp_sec { background-color: #f8f8f8; padding: 53px 0px 40px 0px; } .bistp_nvp_bottom { text-align: center; } .bistp_child_div.bistp_cd_one { margin-right: 0; width: 100%; } .bistp_cd_one .bistp_cd_img { width: 364px; min-width: 364px; } .bistp_cd_one .bistp_cd_title { width: calc(100% - 364px); padding: 20px 58px 20px 62px; } /************ Buddhism In Society Introduction end ************/ /************ Related Organisations ************/ .roi_ld_img .ro_thumbnail_image_credit { margin-bottom: 0; margin-top: 4px; line-height: 18px; position: absolute; top: 100%; left: 0; width: 100%; } .roi_ld_img div { min-height: 243px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 15px; overflow: hidden; } .roi_ld_img { width: 100%; height: 100%; position: relative; /* overflow: hidden; */ } .roi_list_div_left { padding-right: 20px; width: 45%; } .roi_list_div_right { padding-left: 20px; width: 55%; display: flex; align-items: center; } .roi_ld_content *:last-child { margin-bottom: 0; } .ro_inner_div .roid_title { margin-bottom: 30px; text-align: center; line-height: 45px; position: relative; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; } .roi_list_sec { display: flex; flex-wrap: wrap; } .roi_list_sec { padding-left: 140px; padding-right: 70px; } .ro_inner_div { /* max-width: 915px; */ /* margin-left: auto; margin-right: auto; */ display: flex; flex-direction: column; align-items: center; transition: all .3s ease-in-out; opacity: 0; } .ro_inner { padding: 68px 0 90px; } .ro_cover { height: 100%; top: 0; left: 0; position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px 0; transition: all .3s ease-in-out; cursor: pointer; width: 100%; } .ro_cover:hover .ro_cover_bg { /* transform: scale(1.1); */ background-size: auto 110%; } .ro_cover_bg { position: absolute; top: -5px; left: -5px; height: calc(100% + 10px); width: calc(100% + 10px); background-position: center; background-repeat: no-repeat; background-size: auto 100%; transition: all .3s ease-in-out; filter: blur(3px); } .ro_cover .roid_title { margin-bottom: 0; position: relative; z-index: 2; transition: all .3s ease-in-out; line-height: 45px; display: flex; align-items: center; } .ro_cover.roc_linear:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0000004d; left: 0; top: 0; z-index: 1; } .ro_cover.roc_linear:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(0deg, #00000000, #ffffff00); left: 0; top: 0; } .ro_sec .roid_arrow_down:after { content: ""; width: 14px; height: 21px; min-width: 14px; min-height: 21px; display: inline-flex; background-image: url(../images/big_bottom_white_arrows.png); background-position: center; background-size: contain; margin-left: 20px; transition: all .3s ease-in-out; } .ro_sec .roid_arrow_up:after { content: ""; width: 14px; height: 21px; min-width: 14px; min-height: 21px; display: inline-flex; background-image: url(../images/big_top_white_arrows.png); background-position: center; background-size: contain; margin-left: 20px; transition: all .3s ease-in-out; } .roid_title { cursor: pointer; } .roid_title:hover:after { transform: scale(1.2); } .roid_title:hover { text-shadow: 0 0 10px #00000059; opacity: 0.6; } .ro_inner { position: relative; width: 100%; left: 0; top: 0; pointer-events: none; z-index: -1; transition: all .8s ease-in-out; opacity: 0; max-height: 0; } .ro_div { position: relative; overflow: hidden; margin-bottom: 4px; min-height: 180px; } .ro_div:last-child { margin-bottom: 0; } .ro_div.ro_div_active .ro_inner { position: relative; opacity: 1; z-index: 1; pointer-events: all; max-height: 2000px; } .ro_div.ro2_div_active .ro_cover { position: absolute; opacity: 0; z-index: -1; pointer-events: none; } .ro_div.ro_div_active .ro_inner_div { transition-delay: 0.15s; opacity: 1; } /************ Related Organisations end ************/ /************ Publications ************/ .publications_pagination .wp-pagenavi { margin-top: 50px; } .elementor-section.comma_sec:before { content: ""; width: 42px; height: 39px; mask: url(../images/comma.svg); -webkit-mask: url(../images/comma.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; background-color: #D44206; position: absolute; top: -39px; left: -47px; } .mptt_icon_img img { max-height: 280px; } .mptt_sec { display: flex; flex-wrap: wrap; max-width: 1022px; margin-left: auto; margin-right: auto; } .mptt_div { width: calc(50% - 7px); border: 1px solid #E0E0E0; border-radius: 22px; margin-right: 14px; margin-bottom: 10px; overflow: hidden; } .mptt_div:nth-child(2n + 2) { margin-right: 0; } .mptt_div .mptt_link { display: block; position: relative; padding: 47px 0 71px; } .mptt_div_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s ease-in-out; opacity: 0; } .mptt_icon_wrapper { width: 375px; height: 375px; margin-left: auto; margin-right: auto; border-radius: 50%; position: relative; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; } .mptt_icon_bg { transition: all .3s ease-in-out; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; } .mptt_icon_img, .mptt_inner_div { position: relative; z-index: 1; } .mptt_content_wrapper { display: flex; flex-direction: column; align-items: center; text-align: center; } .mptt_content_wrapper .mptt_arrows { margin-left: 0; background-color: #F8F8F8; width: 50px; height: 50px; } .mptt_content_wrapper .mptt_arrows:before { width: 13px; height: 9px; } .mptt_content_wrapper .mptt_arrows:hover { opacity: 0.6; } .mptt_content_wrapper .mptt_title { line-height: 45px; margin-bottom: 8px; } .mptt_div .mptt_link:hover .mptt_div_bg { opacity: 1; } .mptt_div .mptt_link:hover .mptt_icon_bg { background-color: white!important; } .nip_publication_post.aei_post .nip_div { min-height: 430px; } .pltc_sec:before { content: ''; position: absolute; width: 1000px; height: 100%; top: 0; right: calc(100% - 1px); background-color: inherit; } .pltc_sec { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .dms_publication_sec .dms_post_list_sec > .nip_div { width: calc(33.33% - 14px); margin-right: 21px; box-shadow: 0 2px 4px #00000026; border-radius: 12px; background-color: white; overflow: hidden; min-height: 430px; } .dms_publication_sec .dms_post_list_sec > .nip_div:nth-child(3n + 3) { margin-right: 0; } .pep_sec.publications_navigate_sec { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .pep_sec.publications_navigate_sec .pep_sw_bottom_right { padding: 15px 20px; } .pep_sec.publications_navigate_sec .pep_sw_bottom { background-color: white; box-shadow: 0 0 10px #0000001a; } .pep_sec.publications_navigate_sec .pep_sw_title { color: #313131; margin-bottom: 6px; } .pep_sec.publications_navigate_sec .pep_sw_subtitle { color: #959595; } .dms_sec.dms_publication_sec { padding: 75px 0 80px; } .dms_sec.dms_publication_sec .dms_sec_title { margin-bottom: 38px; } .dms_sec.dms_publication_sec .nip_thumbnail_div .nip_thumbnail_bg { height: 192px; } .dms_sec.dms_publication_sec .nip_content_div { padding: 30px 22px } .dms_publication_sec .dms_post_list_sec > .nip_div { min-height: 439px; } .publication_pd_date_sec .ppdd_title, .publication_pd_date_sec .ppdd_date { margin-bottom: 0; } .publication_pd_date_sec .ppdd_title { line-height: 25px; } .publication_pd_date_sec .ppdd_date { line-height: 20px; } .publication_pd_date_sec { margin-bottom: 35px; } /************ Publications end ************/ /************ Magazines ************/ .magazines_back_button .elementor-button .elementor-button-text { text-transform: capitalize; } .magazines_popup_content_sec { position: relative; overflow: hidden; } .magazines_popup_content_div { position: absolute; top: 0; left: 0; width: 100%; transition: all .3s ease-in-out; z-index: -1; opacity: 0; pointer-events: none; } .magazines_popup_content_div.mpcd_active { position: relative; z-index: 1; opacity: 1; pointer-events: all; } .swiper-container.swiper-free-mode { cursor: grab; } .smm_help_button .elementor-icon i:before { transform: translate(-50%, 0) !important; } .elementor-element.smm_help_button { margin-right: -30px; } .elementor-element.ysp_listing .elementor-widget-container { padding-left: 25px; position: relative; } .elementor-element.ysp_listing .elementor-widget-container:before { content: ""; background: url(../images/ticker.png) no-repeat; background-size: contain; background-position: center; width: 16px; height: 16px; top: 0; bottom: 0; left: 0; margin: auto; position: absolute; } .magazine_package_sec .pcc_top_div { height: 265px; min-height: 265px; } .magazine_package_sec .pcc_top_div img { max-height: 195px; width: auto; display: block; margin: auto; box-shadow: 0 3px 7px #00000036; transition: all .3s ease-in-out; } .magazine_package_sec .pcc_top_div > a { display: flex; height: 100%; } .magazine_package_sec .pcc_div { border: 1px solid #E0E0E0; width: calc(33.33% - 12.66px); } .magazine_package_sec .pcc_div:hover img { transform: scale(1.05); } .magazine_package_sec .pcc_bottom_inner_div a:hover .pccb_title { opacity: 0.8; } .smb_sticky_wrapper > .elementor-widget-wrap .smb_sticky_sec { width: calc(100% - 31px); transition: all 0s ease-in-out!important; } .smb_sticky_wrapper > .elementor-widget-wrap .smb_sticky_sec.elementor-sticky--active { width: 100%; /* padding-right: 31px; */ } .cosmic_overview_sec { display: flex; flex-wrap: wrap; align-items: stretch; } .cosmic_overview_div:before { content: ""; position: absolute; width: calc(100% - 52px); height: 1px; background-color: #E0E0E0; top: -37px; left: 0; right: 0; margin: auto; pointer-events: none; } .cosmic_overview_div { width: 33.33%; padding: 16px 48px 42px; margin-top: 37px; position: relative; } .cosmic_overview_div:nth-child(1), .cosmic_overview_div:nth-child(2), .cosmic_overview_div:nth-child(3) { margin-top: 0; } .cosmic_overview_div:nth-child(1):before, .cosmic_overview_div:nth-child(2):before, .cosmic_overview_div:nth-child(3):before { opacity: 0; } .cosmic_overview_div .cosmic_overview_div_top img { max-height: 265px; width: auto; box-shadow: 0 3px 7px #00000040; display: block; margin: auto; transition: all .3s ease-in-out; } .cosmic_overview_sec { position: relative; z-index: 1; } .cosmic_overview_sec:after { content: ""; position: absolute; width: 1px; height: 100%; background-color: #E0E0E0; top: 0; left: 66.66%; margin: auto; pointer-events: none; } .cosmic_overview_sec:before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #E0E0E0; top: 0; left: 33.33%; margin: auto; pointer-events: none; } .cosmic_overview_div_bottom { text-align: center; color: #313131; } .cosmic_overview_div_top { height: 265px; margin-bottom: 29px; display: flex; } .cosmic_overview_div_bottom .cosmic_date { line-height: 26px; margin-bottom: 10px; transition: all .3s ease-in-out; } .cosmic_overview_div_bottom .cosmic_title { margin-bottom: 0; line-height: 23px; } .cosmic_overview_div .cosmic_overview_link:hover .cosmic_overview_div_top img { transform: scale(1.03) rotate(-3deg); } .cosmic_overview_div_bottom .cosmic_enable_new.cosmic_date:before { content: "New"; font-size: 10px; background-color: #FFD600; padding: 1px 4px; border-radius: 5px; display: inline-block; margin-right: 7px; height: 18px; line-height: 1.5; font-family: 'noto_sansmedium'; color: #313131; } .cosmic_overview_div_bottom .cosmic_enable_new.cosmic_date { display: flex; align-items: center; justify-content: center; padding-right: 30px; } .cosmic_overview_div .cosmic_overview_link:hover .cosmic_date { color: #15b1d7; } .mdb_sec { background-color: #15b1d7; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .mdpr_listing_content.mdpr_rm_exist > *:nth-last-child(3) { display: inline; } .mdpr_new { font-size: 10px; background-color: #FFD600; padding: 1px 4px; border-radius: 5px; display: inline-block; height: 18px; line-height: 1.5; font-family: 'noto_sansmedium'!important; color: #313131; margin-bottom: 6px; } .magazines_dp_sec { display: flex; flex-wrap: wrap; } .magazines_dp_div_left .mdpl_top img { max-height: 400px; width: auto; /* max-width: 350px; */ box-shadow: 0 3px 7px #00000040; } .magazines_dp_div_left { width: 32.8%; padding-right: 58px; padding-left: 33px; padding-top: 20px; } .magazines_dp_div_right { width: 66.66%; } .magazines_dp_sec { display: flex; flex-wrap: wrap; padding: 21px 0 0; } .mdpr_top_content .mdpr_date { line-height: 30px; margin-bottom: 21px; } .mdpr_top_content .mdpr_title { line-height: 30px; font-weight: 700; margin-bottom: 0; } .mdpr_top { display: flex; flex-wrap: wrap; margin-bottom: 16px; } .mdpr_top_content { width: 66.66%; padding-top: 15px; } .mdpr_navigation { width: 33.33%; } .mdpr_navigation > a { background-color: #15B1D7; width: 50px; height: 50px; display: inline-flex; border-radius: 50%; transition: all .3s ease-in-out; cursor: pointer; margin-right: 10px; position: relative; } .mdpr_navigation > a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #ffffff; transition: all .3s ease-in-out; width: 13px; height: 9px; } .mdpr_navigation > a.mdpr_left_navigate:before { mask: url(../images/big_left_arrow.svg); -webkit-mask: url(../images/big_left_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .mdpr_navigation > a.mdpr_right_navigate:before { mask: url(../images/big_right_arrow.svg); -webkit-mask: url(../images/big_right_arrow.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; } .mdpr_navigation > a:last-child { margin-right: 0; } .mdpr_navigation > a:hover { opacity: 0.6; } .mdpr_navigation { display: flex; justify-content: flex-end; } .mdpr_navigation > a.mdpr_navi_block { pointer-events: none; background-color: #eeeeee80; } .mdpr_navigation > a.mdpr_navi_block:before { background-color: #0000001a; } .mdpr_inform_list_div .mdpr_listing_title { margin-bottom: 9px; line-height: 30px; color: #0751A2; font-weight: 700; } .mdpr_listing_content p { margin-bottom: 15px; } .mdpr_listing_content > *:last-child { margin-bottom: 0; } .mdpr_inform_list_div { padding: 20px 0 30px; width: calc(50% - 15px); border-top: 1px solid #E0E0E0; } .mdpr_inform_list_sec { display: flex; flex-wrap: wrap; } .mdpr_inform_list_div:nth-child(2n + 1) { margin-right: auto; } .mdpr_inform_list_div:nth-child(2n + 2) { margin-left: auto; } section.elementor-section.elementor-top-section.magazines_read_more_popup { position: fixed!important; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999; background-color: white; overflow-x: hidden; overflow-y: auto; display: none; transition: all 0s ease-in-out!important; } div[data-tippy-root] { z-index: 999999!important; } .mdb_inform_sec .mdbi_image img { max-height: 216px; width: auto; max-width: 165px; box-shadow: 0 3px 7px #00000040; } .mdbi_image { padding-right: 30px; } .mdbi_image { padding-right: 30px; } .mdb_inform_sec { display: flex; align-items: center; flex-wrap: wrap; } .mdbi_content { width: calc(100% - 195px); } .mdbi_content .mdbi_subtitle, .mdbi_content .mdbi_title { line-height: 40px; margin-bottom: 0; } .wiki_point_a_tag a.wiki_active { background-color: yellow; } html body #page a.open_magazines_popup { font-style: italic; color: #313131; text-decoration: underline; } html body #page a.open_magazines_popup:hover { color: #15b1d7; } .magazines_discover_more_sec.cosmic_overview_sec .cosmic_overview_div { width: 25%; padding: 20px 18px; margin-top: 0; border-right: 1px solid #E0E0E0; } .magazines_discover_more_sec.cosmic_overview_sec .cosmic_overview_div:last-child { border-right: 0; } .magazines_discover_more_sec.cosmic_overview_sec:before, .magazines_discover_more_sec.cosmic_overview_sec:after, .magazines_discover_more_sec.cosmic_overview_sec .cosmic_overview_div:before { display: none; } .magazines_discover_more_sec .cosmic_overview_div .cosmic_overview_div_top img { max-height: 213px; } .magazines_discover_more_sec .cosmic_overview_div .cosmic_overview_div_top { height: 213px; margin-bottom: 26px; } .magazines_discover_more_sec.cosmic_overview_sec { padding: 30px 0 40px; } .magazines_discover_more_sec_wrapper { padding-top: 49px; position: relative; background-color: #F8F8F8; margin-top: 92px; } .magazines_discover_more_sec_wrapper:after, .magazines_discover_more_sec_wrapper:before { background-color: inherit; position: absolute; content: ""; top: 0; width: 100%; height: 100%; } .magazines_discover_more_sec_wrapper:after { left: calc(100% - 1px); } .magazines_discover_more_sec_wrapper:before { right: calc(100% - 1px); } .mdpl_top { margin-bottom: 32px; } .mdpl_bottom_mobile { margin-top: 25px; } .mdpl_bottom_list_div { margin-bottom: 20px; } p.mdpl_listing_title, p.mdpl_listing_content { margin-bottom: 0; line-height: 20px; color: black; } .mdpl_correction .mdpl_listing_content { line-height: 22px; } .mdpl_correction { max-width: 228px; } .mdpl_bottom_list_sec { margin-bottom: 55px; } .white_smh_icon .elementor-icon i.fa-info-circle { background: url(../images/black-icon-tooltip3.png) top left no-repeat; background-size: contain; } .white_smh_icon .elementor-icon i:after { /* content: ""; background-color: white; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; border-radius: 50%; z-index: -1; */ } .books_category_sec { display: flex; flex-wrap: wrap; } .books_category_div { margin-right: 14px; margin-bottom: 12px; width: calc(33.33% - 9.33px); display: flex; border-radius: 12px; overflow: hidden; } .books_category_div .books_category_link { display: flex; align-items: center; justify-content: space-between; padding: 31px 30px 31px 35px; width: 100%; min-height: 112px; } .books_category_div .books_category_link .books_category_title { margin-bottom: 0; width: calc(100% - 58px); line-height: 25px; } .books_category_div:nth-child(3n + 3) { margin-right: 0; } .books_category_div .books_category_link:hover .books_category_arrows { transform: translate(-10px, 0); } /************ Magazines end ************/ /************ Books ************/ .books_overview_sec .cosmic_overview_div .cosmic_overview_div_top img { box-shadow: none; } .books_overview_sec .cosmic_overview_div_bottom .cosmic_date { font-weight: 700; line-height: 22px; margin-bottom: 20px; } .books_overview_sec .cosmic_overview_div_bottom .cosmic_title { line-height: 19px; } .books_overview_sec_pagination .wp-pagenavi { margin-top: 60px; } .elementor-element.theme_style_inner_link.publications_books_theme_style_shadow .elementor-button:hover .theme_style_circle { box-shadow: 0 0 7px #00000040; } .publications_books_top_sec { padding: 27px 0 36px; position: relative; } .publications_books_top_sec:before, .publications_books_top_sec:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; background-color: inherit; } .publications_books_top_sec:before { right: calc(100% - 1px); } .publications_books_top_sec:after { left: calc(100% - 1px); } .publications_books_inform_sec { display: flex; flex-wrap: wrap; padding-top: 30px; } .publications_books_inform_left { width: 32.8%; padding-right: 70px; padding-top: 20px; } .publications_books_inform_right { width: 67.2%; } .pbi_img_div img { max-height: 420px; width: auto; display: block; margin: auto; } .pbir_top { display: flex; flex-wrap: wrap; } .pbir_top_content { width: 70%; margin-bottom: 20px; } .pbir_top .mdpr_navigation { width: 30%; padding-right: 10px; } .pbir_top_content .bp_title { line-height: 30px; margin-bottom: 16px; } .pbir_top_content .bp_price { font-weight: 700; line-height: 26px; margin-bottom: 0; } .pbir_books_listing_div { display: flex; align-items: center; width: 50%; align-items: flex-start; } .pbir_books_listing_div .books_inform_repeater_title, .pbir_books_listing_div .books_inform_repeater_content { margin-bottom: 0; line-height: 1.6; padding: 6px 0; } .pbir_books_listing_div .books_inform_repeater_title { margin-right: 20px; } .pbir_books_listing_div .books_inform_repeater_content { font-weight: 700; } .pbir_books_listing_sec { display: flex; flex-wrap: wrap; margin-bottom: 22px; position: relative; } .pbir_books_listing_sec:before { content: ""; background-color: #E0E0E0; position: absolute; height: calc(100% - 15px); width: 1px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .pbir_books_listing_div:nth-child(2n + 1) { padding-right: 20px; } .pbir_books_listing_div:nth-child(2n + 1) .books_inform_repeater_title { min-width: 135px; } .pbir_books_listing_div:nth-child(2n + 2) .books_inform_repeater_title { min-width: 76px; } .pbir_books_listing_div:nth-child(2n + 2) { padding-left: 20px; } .pbi_lowest_inform { border-top: 1px solid #E0E0E0; padding-top: 20px; margin-bottom: 4px; } .pbi_lowest_inform .pbi_low_title { margin-bottom: 16px; line-height: 26px; font-weight: 700; } .pbi_lowest_inform .pbi_low_content p { line-height: 27px; } .pbi_lowest_inform .pbi_low_content > *:last-child { margin-bottom: 0; } .pbi_lowest_inform:not(:nth-child(2)) { border-top: 0; } .pbi_lowest_inform:last-child { margin-bottom: 0; } .pbi_low_content p { margin-bottom: 30px; } .pbir_top_content { padding-top: 23px; } /************ Books end ************/ /************ Soko Gakkai Song ************/ .sgs_video_thumbnail { height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; background-color: #C4C4C4; } .soka_gakkai_songs_div { border-radius: 12px; overflow: hidden; min-height: 191px; box-shadow: 0 0 10px #0000001a; margin-bottom: 17px; display: flex; align-items: stretch; } .sgs_div_left { width: 345px; min-width: 345px; } .sgs_div_right { width: calc(100% - 345px); padding: 20px 33px 26px; display: flex; flex-direction: column; } .sgs_div_right .song_content_bottom { margin-top: auto; height: 100%; } .song_content_top { margin-bottom: 13px; border-bottom: 1px solid #E0E0E0; padding-bottom: 16px; } .song_content_top .song_content_title, .song_content_top .song_content_subtitle { margin-bottom: 0; line-height: 23px; } .song_content_top .song_content_title { font-weight: 700; } .song_inform_lsiting_div .song_inform_listing_title, .song_inform_lsiting_div .song_inform_listing_content { margin-bottom: 0; line-height: 22px; } table.song_inform_lsiting_sec, table.song_inform_lsiting_sec tr, table.song_inform_lsiting_sec td { border: 0; padding: 0; } .song_inform_lsiting_div .song_inform_listing_title { padding-right: 30px; white-space: nowrap; } .song_content_bottom { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; } .song_content_bottom > * { width: 50%; } .song_inform_lsiting_sec { margin-right: auto; margin-bottom: auto; } .song_downloadable_list_sec { margin-left: auto; display: flex; justify-content: flex-end; flex-wrap: wrap; } .song_downloadable_list_div { margin-left: 29px; display: flex; margin-bottom: 5px; } .song_downloadable_list_div.sdld_bl { margin-left: 80px; } .song_downloadable_list_div:first-child, .song_downloadable_list_div.sdld_bl:first-child { margin-left: 0; } body .theme_downlaod_button { display: inline-flex; align-items: flex-start; /* line-height: 19px; */ line-height: inherit; font-size: 14px; font-family: 'noto_sanssemibold'!important; color: #15B1D7; text-decoration: underline!important; text-align: left; } body .theme_downlaod_button .theme_download_circle { background-image: url(../images/download_icon.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 27px; height: 27px; min-width: 27px; min-height: 27px; margin-right: 8px; transition: all .3s ease-in-out; display: inline-flex; } body .sgs_video_button { position: absolute; width: 46px; height: 46px; background-color: #15B1D7; border-radius: 50%; display: flex!important; align-items: center; justify-content: center; transition: all .3s ease-in-out; color: white; font-size: 16px; cursor: pointer; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .sgs_video_link:hover .sgs_video_button { transform: scale(1.1); } body .sgs_video_button:before { transform: translate(2px, 0px); } .songs_pagination .wp-pagenavi { margin-top: 73px; } form#search-filter-form-8590 ul , form#search-filter-form-27586 ul { margin-left: 0; } form#search-filter-form-8590 ul li.sf-field-search , form#search-filter-form-27586 ul li.sf-field-search { padding: 0 0 28px 0; text-align: right; } form#search-filter-form-8590 ul li.sf-field-search input.sf-input-text , form#search-filter-form-27586 ul li.sf-field-search input.sf-input-text { background-color: #ffffff; border: 1px solid #E0E0E0; padding: 6px 15px 6px 50px; width: 322px; height: 40px; line-height: 28px; font-size: 14px; position: relative; border-radius: 7px; } form#search-filter-form-8590 ul li.sf-field-search label , form#search-filter-form-27586 ul li.sf-field-search label { position: relative; } form#search-filter-form-8590 ul li.sf-field-search label:before , form#search-filter-form-27586 ul li.sf-field-search label:before { content: ""; position: absolute; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/search_icon_black.png); top: 0; bottom: 0; left: 15px; margin: auto; pointer-events: none; z-index: 1; } .faqs_posts_sec { display: flex; flex-wrap: wrap; margin-bottom: 80px; } .faqs_posts_sec:last-child { margin-bottom: 0; } .faqs_sec_top_border { width: 100%; margin-bottom: 17px; } .faqs_posts_div_wrapper > *:first-child { padding-top: 7px; } .faqs_posts_div { padding: 26px 0 21px; border-bottom: 1px solid #E0E0E0; } .faqs_category_inform { width: 32%; padding-top: 2px; padding-left: 4px; } .faqs_posts_div_wrapper { width: 68%; } .faqs_posts_div_content { padding-right: 45px; padding-top: 16px; display: none; line-height: 27px; } .faqs_posts_div_content > *:last-child { margin-bottom: 0; } .faqs_post_note > *:last-child { margin-bottom: 0; } .faqs_post_note { margin-bottom: 10px; } .faqs_category_inform .faqs_category_title { margin-bottom: 0; max-width: 300px; line-height: 38px; } .faqs_posts_div .faqs_posts_div_title .faqs_posts_div_title_wrapper { width: 100%; display: block; } .faqs_posts_div .faqs_posts_div_title { font-weight: 700; line-height: 25px; width: 100%; display: flex; align-items: stretch; justify-content: space-between; transition: all .3s ease-in-out; filter: brightness(0); cursor: pointer; } .faqs_posts_div .faqs_posts_div_title:hover { filter: brightness(1); } .faqs_posts_div_title .faqs_posts_div_title_icon { width: 62px; min-width: 62px; display: inline-flex; position: relative; } .faqs_posts_div_title .faqs_posts_div_title_icon:before { content: "-"; font-size: 30px; font-weight: 700; line-height: 30px; height: 30px; position: absolute; top: 0; bottom: 0; right: 7px; margin: auto; transition: all .3s ease-in-out; opacity: 0; width: 18px; text-align: center; } .faqs_posts_div_title .faqs_posts_div_title_icon:after { content: "+"; font-size: 30px; font-weight: 700; line-height: 30px; height: 30px; position: absolute; top: 0; bottom: 0; right: 7px; margin: auto; transition: all .3s ease-in-out; width: 18px; text-align: center; } .faqs_posts_div.faqs_post_active .faqs_posts_div_title .faqs_posts_div_title_icon:before { opacity: 1; } .faqs_posts_div.faqs_post_active .faqs_posts_div_title .faqs_posts_div_title_icon:after { opacity: 0; } .faqs_posts_div_wrapper .faqs_post_note a { text-decoration: underline!important; font-family: 'noto_sanssemibold'; } .faqs_posts_div .faqs_posts_div_content a { text-decoration: underline!important; } .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div { width: calc(33.33% - 13.33px); margin-right: 20px; margin-bottom: 20px; } .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div:nth-child(3n + 3) { margin-right: 0; } .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div .contact_us_td_button { margin-top: auto; } .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div > .elementor-container > .elementor-column > .elementor-widget-wrap { align-content: normal; } .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div > .elementor-container, .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div > .elementor-container > .elementor-column, .elementor-element.contact_us_td_sec > .elementor-widget-wrap .contact_us_td_div > .elementor-container > .elementor-column > .elementor-widget-wrap { height: 100%; } /************ Soko Gakkai Song end ************/ /************ Contact Us ************/ .contact_us_form_sec.nipp_rb_div_bottom .gform_wrapper .gform_heading { display: none; } .nipp_rb_div_bottom.contact_us_form_sec { padding: 0; background-color: #ffffff00; } .gform_wrapper .gform_footer .gform_footer_label { margin-top: -8px; margin-bottom: 14px; font-size: 11px; line-height: 19px; font-style: italic; } .gform_wrapper .gform_footer .gform_footer_label .gform_important_label { color: #FF0D00; } /************ Contact Us end ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ ************/ /************ Others ************/ .db-pro-mds-wrap.dashboard_organisation_detail_sec { flex-wrap: wrap; } .dashboard_organisation_detail_sec .dashboard_organisation_detail_div { width: 33.33%; margin-bottom: 23px; padding-right: 10px; } body .my-account-mobile-menu .current::before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid white; width: 0; height: 0; background: none; } #mobile-filter-box .modal-content .modal-header, #mobile-filter-box .modal-content .modal-body, #mobile-filter-box .modal-content .modal-footer { background: white; background-color: white; } body .general-drop-sd { box-shadow: 0px 0px 10px #0000001a; } .page-template-template-my-account-page .new_floating_share, .page-template-template-login .new_floating_share, .page-template-template-register .new_floating_share { display: none; } .elementor-element.site_map .page-item-30314, .elementor-element.site_map .page-item-29879, .elementor-element.site_map .page-item-30314, .elementor-element.site_map .page-item-51301, .elementor-element.site_map .page-item-30085, .elementor-element.site_map .page-item-30254, .elementor-element.site_map .page-item-29692, .elementor-element.site_map .page-item-30090, .elementor-element.site_map .page-item-29695, .elementor-element.site_map .page-item-29696, .elementor-element.site_map .page-item-30321, .elementor-element.site_map .page-item-29884, .elementor-element.site_map .page-item-30301, .elementor-element.site_map .page-item-30267 { display: none!important; } /************ Others end ************/ /************ Allan ************/ /* .mag-padding > div.mag-product-item .mag-collapse-head .mag-head-link { transition: all .3s ease-in-out; } .mag-padding > div.mag-product-item .mag-collapse-head .mag-head-link[aria-expanded="true"] { border: 3px solid #15b1d7; border-radius: 10px 10px 0 0; border-bottom: 0; } .mag-padding > div.mag-product-item .mag-collapse-head .mag-head-link[aria-expanded="true"] .mag-col-head-issue { border-radius: 10px 0 0 0; } */ .mg-db-list-inner.mg-db-expiring { background: #D4E9FF; } body a.mobile_account_btn { background-color: #ffffff00!important; } body a.mobile_account_btn:hover svg rect, body a.mobile_account_btn:hover svg path { fill: #15b1d7!important; } .sgm-top-lang.language_swither_sec .wpml-ls-legacy-dropdown .wpml-ls-item-toggle { padding-right: 10px; } .sgm-top-lang.language_swither_sec .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu { pointer-events: none; max-height: 0; opacity: 0; box-shadow: 0 0px 4px #00000040; padding: 10px; border-radius: 5px; overflow: hidden; z-index: 2; background-color: white; margin-top: 5px; min-width: 50px; width: fit-content; } .sgm-top-lang.language_swither_sec.lss_active .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu { max-height: 200px; pointer-events: all; opacity: 1; visibility: visible; } .sgm-top-lang.language_swither_sec .wpml-ls-legacy-dropdown.wpml-ls-legacy-dropdown a span { white-space: nowrap; } .woocommerce-checkout #content #order_review.dor_sticky { transform: translate(0, 75px); margin-bottom: 100px; } .woocommerce-checkout #content #order_review { transition: all .3s ease-in-out; } .woocommerce-checkout #page div#content { overflow: visible; } body.woocommerce-checkout #page { overflow: hidden!important; } .product-line .youth-product img { width: 100%; } /************ Allan end ************/ /************ Alex ************/ body .kofu-select-wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } body .kofu-select-wrap { position: relative; } body .kofu-select-wrap:before { content: ""; width: 0; height: 0; border-left: 5px solid #ffffff00; border-right: 5px solid #ffffff00; border-top: 5px solid black; position: absolute; top: 0; bottom: 0; margin: auto; right: 14px; pointer-events: none; } a.cta-kofu-payment { white-space: nowrap; } .membership-items .jt-member-btm .membership-balance a.cta-membership-payment { height: auto; margin-top: auto; margin-bottom: 10px; } .membership-items .jt-member-btm .membership-balance > div { padding-right: 10px; padding-bottom: 10px; } .kofu-items.membership-items .content .member-btm i.mobile-receipt-outdate { color: #FF0000; } .kofu-items.membership-items.unpaid .content .member-btm i.mobile-receipt-outdate { color: white; } .membership-items .jt-member-btm .membership-balance { flex-wrap: wrap; } html[lang="zh-hans"] .payment-acknowledge a { font-weight: 700; } .account-kofu-thankyou.jt-thankyou .kofu-payment-table .content.content-mobile .heading > img { margin-left: auto; } .woocommerce-billing-fields .wcmca_address_select_menu2.sgm-selector .list li[data-value="none"] { text-transform: capitalize; pointer-events: none; } body .payment-receipt-items .payment-amount, body .payment-receipt-items .payment-receipt-no, body .payment-receipt-items .payment-title { line-height: 20px; } body .jt-account-contri .empty-results { line-height: 1.3; } body .payment-method-details div.reg-radio .checkmark:after { background: url(../images/checkmark-checked-white.svg) top left no-repeat #15B1D7; background-size: 100%; } body .payment-receipt-items .payment-status.payment-phase-1:before { height: 8px; background: #f8f8f8; } form#form-filters .kofu-select-wrap select { padding: 8px 25px 8px 18px; } /************ Alex end ************/ /************ Chris ************/ .sgm-memos-wrap .sgm_memos_ec_button + * { transition: all .5s ease-in-out; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; } .sgm-memos-wrap .sgm_memos_ec_button:not(.sgm_memos_ec_active) + * { padding: 0; margin: 0; } .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active + * { pointer-events: all; visibility: visible; opacity: 1; max-height: 990000px; } .sgm-memos-wrap .sgm_memos_ec_button { display: flex; align-items: center; justify-content: flex-start; cursor: pointer; } .sgm-memos-wrap .sgm_memos_ec_button .sgm_memos_ecb_icon { transition: all .3s ease-in-out; width: 23px; height: 23px; min-width: 23px; min-height: 23px; display: inline-flex; position: relative; margin-left: 8px; } .sgm-memos-wrap .sgm_memos_ec_button .sgm_memos_ecb_icon:after, .sgm-memos-wrap .sgm_memos_ec_button .sgm_memos_ecb_icon:before { content: ""; transition: all .3s ease-in-out; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-position: 50% -10px; background-repeat: no-repeat; background-size: 21px; } .sgm-memos-wrap .sgm_memos_ec_button .sgm_memos_ecb_icon:after { background-image: url(../images/plus_button.svg); } .sgm-memos-wrap .sgm_memos_ec_button .sgm_memos_ecb_icon:before { background-image: url(../images/negative_button.svg); } .sgm-memos-wrap .sgm_memos_ec_button:not(.sgm_memos_ec_active) .sgm_memos_ecb_icon:after, .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active .sgm_memos_ecb_icon:before { opacity: 1; } .sgm-memos-wrap .sgm_memos_ec_button:hover .sgm_memos_ecb_icon { opacity: 0.6; } /************ Chris end ************/ /************ Micky ************/ html[lang="zh-hans"] .sgm-top-logged .wpml-ls-legacy-dropdown, html[lang="zh-hans"] .wpml-ls-legacy-dropdown .wpml-ls-item { width: auto; } html[lang="zh-hans"] .sgm-top-lang.language_swither_sec .wpml-ls-legacy-dropdown .wpml-ls-item-toggle { padding-right: 13px; } html[lang="zh-hans"] .mobile-sgi-sort { display: none!important; } .sgi_organizations_div:after { position: absolute; background-color: #f8f8f8; content: ""; width: 100%; height: 40px; top: calc(100% - 10px); left: 0; right: 0; margin: auto; z-index: -1; } .sgi_organizations_div:before { position: absolute; background-color: #f8f8f8; content: ""; width: 100%; height: 40px; bottom: calc(100% - 10px); left: 0; right: 0; margin: auto; z-index: -1; } .sgi_organizations_div { z-index: 2; } .country_div .country_box.show + .content { height: auto; } body .country_div .content { height: 0; display: block; overflow: hidden; } body .mobile_sgm_history_sticky_bar::after, body .sgm_history_popup_div_left .news_insifhts_category_div a.lsb_active::after { transform: translate(0px, 2px); } .sgi_organizations_sec.custom_sgi_organizations_sec { margin-bottom: 30px; } @keyframes rotate_circle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #commemorativeModal .modal-body a.commemorative_active:after, .nptp_div.commemorative_active .nptp_div_circle { border-color: #15b1d7 #15b1d7 #15b1d7 rgb(196 196 196)!important; border-width: 2px!important; animation-name: rotate_circle; animation-duration: 0.5s; animation-iteration-count: infinite; } .nptp_div.commemorative_active .nptp_div_circle:before { background-image: none; } /************ Micky end ************/ /************ CSS for Elementor Editor ************/ body.elementor-editor-active .de_sec > div:not(:last-child), body.elementor-editor-active .pe_sec > div:not(:first-child), body.elementor-editor-active .pe_asNav_sec > div:not(:first-child), body.elementor-editor-active .wwa_bg_sec, body.elementor-editor-active .wwa_sec > div:not(:first-child), body.elementor-editor-preview .awards_year_div:not(:first-child), body.elementor-editor-preview .awards_year_last_div:not(:first-child), body.elementor-editor-preview .awards_accolades_repeater_div:not(:first-child), body.elementor-editor-active .pwim_sec_wrapper > div:not(:first-child), body.elementor-editor-active .awards_accolades_mobile-slider > div:not(:first-child), body.elementor-editor-active .awards_accolades_repeater_sec > div:not(:first-child) { display: none; } body.elementor-editor-active .tnhr_readmore_section { opacity: 1; } body.elementor-editor-active .hide_video_backend { width: 300px; } body:not(.elementor-editor-active) .hide_video_backend { max-height: 0; overflow: hidden; visibility: hidden; opacity: 0; } body.elementor-editor-active .elementor-element.banner_credit_sec_wrapper { position: relative!important; margin-top: 25px; } #page [class*=" eicon-"], #page [class^=eicon] { font-family: 'eicons'; } body.elementor-editor-active #content .elementor-element.awards_popup_content_sec { opacity: 1; transform: translate(0, 0); position: relative; } body.elementor-editor-active .search_form_sec:before { display: none; } body.elementor-editor-active .search_form_sec { max-height: 200px; visibility: visible; opacity: 1; margin-bottom: 15px; position: relative; } body.elementor-editor-active #page .elementor-section.pe_video_sec, body.elementor-editor-active #page .elementor-section.pe_stories_sec { position: relative; opacity: 1; z-index: 1; pointer-events: all; } body.elementor-editor-active section.elementor-section.elementor-top-section.magazines_read_more_popup { position: relative!important; z-index: 1; display: block; } /************ CSS for Elementor Editor end ************/ /*********** SITE MAP *******************************/ /** ENG **/ .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-105, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-1200, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-1692, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-1693, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-1694, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-1695, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-3298, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-3300, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-4681, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-4941, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-7895, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-9412, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-25618, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-10522 { display: none; } /** CN **/ .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-8194, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-16434, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-8195, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-8197, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-8196, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-23287, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-27828, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-23285, .site_map .simple-sitemap-wrap .sitemap-item.page_item.page-item-29203 { display: none; } .site_map .simple-sitemap-wrap h3 { display: none; } /*********** SITE MAP end *******************************/ /*********** Safari *******************************/ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { body #mobile-filter-box .modal-header h5 { font-weight: 400; } html body #content .mag-change-address #wcmca_form_popup_container_billing .change_billing_header { font-weight: 400; } html body #content .mag-cf-label { font-family: 'Noto Sans', sans-serif!important; } html body #content .mag-change-address .change_billing_header .update_order_id_pop, .woocommerce-checkout #content .place-order .woocommerce-terms-and-conditions-wrapper a { font-weight: 700; } }} /*********** Safari end *******************************/ /*********** Firefox *******************************/ @-moz-document url-prefix() { body h6, body .entry-content h6, body h5, body .entry-content h5, html body #content .noto_medium, html body #content .noto_medium * { font-family: 'Noto Sans', sans-serif!important; font-weight: 700!important; } body h1, body .entry-content h1, body h2, body .entry-content h2, body h4, body .entry-content h4, html body #content .noto_black, html body #content .noto_extra_bold, html body #content .noto_black *, html body #content .noto_extra_bold * { font-family: 'noto_sansextrabold'!important; font-weight: 400!important; } html body #content .noto_semi_bold *, html body #content .noto_semi_bold, .tbs_content_wrap .tbs_link a, html body #page .inner_site_link a, html body #page .outer_site_link a, body .theme_downlaod_button { font-family: 'noto_sanssemibold'!important; font-weight: 400!important; } body #mobile-filter-box .modal-header h5 { font-weight: 400; } html body #content .mag-change-address #wcmca_form_popup_container_billing .change_billing_header { font-weight: 400; } html body #content .mag-cf-label, body #wcmca_address_form_fieldset_billing .wcmca_form_label, body #content .woocommerce form .sgm-checkout-detail .form-row label, body .checkout-add-lable { font-family: 'Noto Sans', sans-serif!important; } html body #content .mag-change-address .change_billing_header .update_order_id_pop, .woocommerce-checkout #content .place-order .woocommerce-terms-and-conditions-wrapper a { font-weight: 700; } .kofu-items .dty { letter-spacing: 5px; } } /*********** Firefox end *******************************/ /*********** Resources *******************************/ .single-activity_announce .new_floating_share, .single-sgm-resources .new_floating_share { display: none; } div[data-tr="tsps"] { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1150px; width: 100%; margin-left: auto!important; margin-right: auto!important; } div[data-tr="tsps"] .tsp_right_sec { width: 76%; padding-left: 15px; } div[data-tr="tsps"] .tsp_left_sec { width: 24%; border-right: 1px solid #E0E0E0; /* padding: 10px 15px; */ padding: 10px 10px 10px 15px; } .my-account-menu-wrapper.tr_ma_menu_wrapper { margin-bottom: 39px; } .my-account-wrapper.tr_ma_wrapper { padding-bottom: 90px; } .tspl_menu div[class*="menu-"] ul.menu li { list-style: none; } .tspl_menu div[class*="menu-"] ul.menu { margin-left: 0; margin-bottom: 0; } .single.single-activity_announce .my-account-menu-wrapper li[data-id="1787"] a, .single.single-activity_announce .my-account-menu-wrapper li[data-id="38638"] a, .single.single-sgm-resources .my-account-menu-wrapper li[data-id="1787"] a, .single.single-sgm-resources .my-account-menu-wrapper li[data-id="38638"] a, .single-activity_announce .tspl_menu div[class*="menu-"] ul.menu .menu-item#menu-item-48775 .menu-link, .single-activity_announce .tspl_menu div[class*="menu-"] ul.menu .menu-item#menu-item-48709 .menu-link, .tspl_menu div[class*="menu-"] ul.menu .menu-item.current-menu-item .menu-link, .tspl_menu div[class*="menu-"] ul.menu .menu-item .sub-menu .menu-item.current-menu-item .menu-link { color: #15b1d7; font-weight: 700; } .tspl_menu div[class*="menu-"] ul.menu .menu-item > .menu-link { /* font-family: 'noto_sanssemibold'; */ font-size: 15px; color: #313131; } .tspl_menu div[class*="menu-"] ul.menu > .menu-item > .menu-link { line-height: 21px; padding: 12px 0; display: flex; } .tspl_menu div[class*="menu-"] ul.menu .menu-item .sub-menu .menu-link { line-height: 20px; padding-top: 5px; padding-bottom: 5px; color: #9B9B9B; font-size: 14px; display: flex; width: 100%; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children > ul.sub-menu { transition: all .5s ease-in-out; margin-left: 25px; max-height: 0; overflow: hidden; visibility: hidden; opacity: 0; } .tspl_menu div[class*="menu-"] ul.menu .menu-item:not(.menu-item-has-children) > .menu-link { padding-right: 20px; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children { transition: all .5s ease-in-out; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children > .menu-link { position: relative; padding: 12px 37px 12px 0; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children > .menu-link:before, .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children > .menu-link:after { content: ""; position: absolute; width: 21px; height: 21px; top: 0; bottom: 0; right: 0; margin: auto; background-position: 50% -11px; background-size: 21px; background-repeat: no-repeat; transition: all .3s ease-in-out; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children > .menu-link:before { background-image: url(../images/plus_button.svg); opacity: 1; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children > .menu-link:after { background-image: url(../images/negative_button.svg); opacity: 0; } #content .tspl_menu div[class*="menu-"] ul.menu .menu-item .menu-link:hover, .tspl_menu div[class*="menu-"] ul.menu .menu-item.current_page_item > .menu-link { color: #15B1D7; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children.tspl_menu_active > .menu-link:after { opacity: 1; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children.tspl_menu_active > .menu-link:before { opacity: 0; } /* .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children.current-menu-ancestor > ul.sub-menu, */ .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children.tspl_menu_active > ul.sub-menu { visibility: visible; max-height: 900px; opacity: 1; transform: translate(0px, -5px); z-index: 1; } .tspl_menu div[class*="menu-"] ul.menu .menu-item.menu-item-has-children.tspl_menu_active > .menu-link, .tspl_menu div[class*="menu-"] ul.menu .menu-item.current_page_item > .menu-link, .tspl_menu div[class*="menu-"] ul.menu .menu-item.current-menu-ancestor > .menu-link { font-weight: 700; } .rsg_highlighted_sec { padding: 26px 30px 38px; background-color: #F8F8F8; border-radius: 12px; margin-bottom: 20px; } .rsg_highlighted_inner_div { display: flex; align-items: stretch; flex-wrap: wrap; box-shadow: 0 2px 8px #0000001a; border-radius: 12px; overflow: hidden; background-color: white; min-height: 236px; } .rsg_highlighted_id_left { width: 50%; } .rsg_highlighted_id_right { width: 50%; padding: 28px 24px 26px; } .rsg_highlighted_link, .activities_announcements_link { height: 100%; width: 100%; display: block; overflow: hidden; position: relative; } .activities_announcements_link, .activities_announcements_bg { min-height: inherit; } .rsg_highlighted_link:hover .rsg_highlighted_bg, .activities_announcements_link:hover .activities_announcements_bg { transform: scale(1.1); } .rsg_highlighted_bg, .activities_announcements_bg { position: relative; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .3s ease-in-out; } .rsg_highlighted_id_right .rsg_highlighted_post_title { margin-bottom: 15px; font-weight: 700; } .rsg_highlighted_post_description { line-height: 1.8; } .rsg_highlighted_div .rsg_div_title { margin-bottom: 18px; line-height: 1.35; } .rsg_highlighted_div:not(:first-child) { margin-top: 15px; } .rsg_post_id_top { height: 230px; } .rsg_post_inner_div, .activities_announcements_div { border-radius: 12px; overflow: hidden; box-shadow: 0 2px 4px #00000026; background-color: white; } .activities_announcements_bottom { padding: 25px 18px 40px; } .activities_announcements_top { min-height: 257px; } .rsg_post_sec_wrapper { padding: 26px 30px 30px; background-color: #F8F8F8; border-radius: 12px; } .rsg_post_sec_wrapper .rsg_post_sec_title { margin-bottom: 37px; line-height: 1.35; } .rsg_post_div .rsg_post_title_label { margin-bottom: 15px; line-height: 20px; font-weight: 700; } .rsg_post_id_bottom .rsg_post_title, .activities_announcements_bottom .activities_announcements_title { margin-bottom: 0; line-height: 21px; font-weight: 700; } body .activities_announcements_bottom .activities_announcements_title { margin-bottom: 15px; } .activities_announcements_bottom .nip_date { display: flex; align-items: center; margin-bottom: 0; color: #959595; } .rsg_post_id_bottom { padding: 16px 20px 27px; } .rsg_post_sec, .activities_announcements_sec { display: flex; flex-wrap: wrap; justify-content: space-between; } .rsg_post_div, .activities_announcements_div { width: calc(50% - 9px); } .rsg_post_sec.rsg_search_result_sec .rsg_post_sec_title { width: 100%; margin-bottom: 0; line-height: 1.4; } .rsg_post_sec.rsg_search_result_sec .rsg_post_div, .activities_announcements_div { margin-bottom: 20px; } .rsg_post_sec .rsg_post_div { margin-bottom: 14px; } .rsg_aa_form { overflow: hidden; height: 0; visibility: hidden; padding: 0; opacity: 0; max-height: 0; } .rsg_aa_sec { padding: 26px 30px 20px; background-color: #F8F8F8; border-radius: 12px; } .rsg_post_sec.rsg_search_result_sec { align-items: stretch; } .rsg_post_sec.rsg_search_result_sec .rsg_post_inner_div { height: 100%; } .rsgs_wrapper > div { transition: all .3s ease-in-out; } .rsgs_wrapper { position: relative; overflow: hidden; padding-top: 6px; width: calc(100% + 7px); } .rsgs_wrapper .rsgs2, .rsgs_wrapper.rsgs_wrapper_active .rsgs1 { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; opacity: 0; pointer-events: none; } .rsgs_wrapper .rsgs1, .rsgs_wrapper.rsgs_wrapper_active .rsgs2 { z-index: 2; opacity: 1; pointer-events: all; position: relative; } .rsg_post_sec_footer .rsg_post_sec_footer_link, .rsg_post_top_sec .rsg_post_sec_footer_link, .saa_gb_button { font-family: 'noto_sanssemibold'!important; text-decoration: underline!important; line-height: 30px; display: block; } .rsg_post_sec_footer { text-align: right; } .saa_sec .saa_title_sec { margin-bottom: 10px; } .rsg_post_top_sec, .saa_title_sec { width: 100%; margin-bottom: 16px; display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; } body .saa_title_sec { margin-bottom: 12px; } .rsg_post_top_sec .rsg_post_sec_title, .saa_title_sec .saa_title { max-width: calc(100% - 65px); padding-right: 10px; } .single-sgm-resources div#content > .ast-container, .single-activity_announce div#content > .ast-container { padding-left: 0; padding-right: 0; } .elementor-element.bpfb_video_button { position: absolute; bottom: 20px; right: 20px; width: 40px!important; height: 40px!important; } .elementor-column.bpfb_video_sec .elementor-widget-wrap { /* background-size: 110%!important; */ transition: all .3s ease-in-out!important; } .elementor-column.bpfb_video_sec:hover .elementor-widget-wrap { /* background-size: 120%!important; */ opacity: 0.8; } .elementor-element.bpfb_video { margin-bottom: 0!important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } body:not(.elementor-editor-active) .elementor-element.bpfb_video { opacity: 0; } body.elementor-editor-active .elementor-element.bpfb_video { opacity: 0.8; position: relative; height: auto; width: auto; z-index: auto; } .rsgmv_sec { padding: 26px 30px 30px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; } .rsgmv_sec:last-child { margin-bottom: 0; } .rsgmv_sec .rsgmv_sec_title { margin-bottom: 0; line-height: 24px; font-weight: 700; width: 100%; width: calc(100% - 75px); padding-right: 10px; } .rsgmv_sec_title_wrapper { margin-bottom: 23px; display: flex; align-items: center; justify-content: space-between; } .rsgmv_div { width: calc(33.33% - 11.33px); margin-right: 17px; background-color: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 4px #00000026; } .rsgmv_div_wrapper { display: flex; flex-wrap: wrap; } .rsgmv_div:nth-child(3n + 3) { margin-right: 0; } .rsgmv_div_top { min-height: 150px; position: relative; overflow: hidden; } .rsgmv_link { width: 100%; height: 100%; display: block; position: relative; min-height: inherit; } .rsgmv_bg { width: 100%; height: 100%; min-height: inherit; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .3s ease-in-out; } .rsgmv_link:hover .rsgmv_bg { transform: scale(1.1); } .rsgmv_div_bottom .rsgmv_title { margin-bottom: 0; font-weight: 700; line-height: 21px; } .rsgmv_div_bottom { padding: 15px; min-height: 60px; } .rsgmv_sec_title_wrapper .rsgmv_sec_vm_button { text-decoration: underline!important; } .rsgmv_sec_title_wrapper .rsgmv_sec_vm_button:hover { opacity: 0.6; } .rsgmv_sec_wrapper_top.rsgmv_video_swt { padding: 0; } .rsgmv_sec_wrapper_top { display: flex; align-items: flex-end; margin-bottom: 18px; justify-content: space-between; padding: 10px 15px 0px 15px; } .rsgmv_sec_wrapper_top .rsgmv_swt_title { margin-bottom: 0; line-height: 1.35; } .rsgmv_sec_wrapper_top .rsgmv_swt_gb, .rd_gb { text-decoration: underline!important; opacity: 0; pointer-events: none; } .rsgmv_sec_parent_wrapper { position: relative; overflow: hidden; } .rsgmv_sec_parent_wrapper > * { transition: all .3s ease-in-out; top: 0; left: 0; width: 100%; } .rsgmv_filter_sec, .rsgmv_sec_active .rsgmv_sec_wrapper { position: absolute; opacity: 0; z-index: -1; pointer-events: none; } .rsgmv_sec_active .rsgmv_filter_sec, .rsgmv_sec_wrapper { position: relative; opacity: 1; z-index: 1; pointer-events: all; } .rsgmv_sec_active.rsgmv_sec_wrapper_top .rsgmv_swt_gb, .rsgmv_sec_active .rd_gb { opacity: 1; pointer-events: all; } .rsgmv_sf_sec .rsgmv_div { margin-bottom: 20px; } .rsgmv_sf_sec.rsgmv_sec { padding-bottom: 16px; background-color: #15b1d7; } .rsgmv_sf_sec.rsgmv_sec .rsgmv_sec_title { width: 100%; padding-right: 0; } .rsgmv_sec_parent_wrapper, .rsgmv_sec_parent_wrapper > * { transition: all .3s ease-in-out; } .rsgmv_sec_parent_wrapper:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #ffffffb3; z-index: -1; opacity: 0; pointer-events: none; transition: all .15s ease-in-out; top: 0; left: 0; } .rsgmv_sec_parent_wrapper:after { content: ""; position: absolute; width: 50px; height: 50px; z-index: -1; opacity: 0; pointer-events: none; transition: all .15s ease-in-out; top: 150px; left: 0; right: 0; margin: auto; /* transform: translate(0, -50%); */ background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../images/loading_icon.png); } .rsgmv_sec_parent_wrapper.rsgmv_sec_loading:before { z-index: 9; opacity: 1; pointer-events: all; } .rsgmv_sec_parent_wrapper.rsgmv_sec_loading:after { animation-name: rotate_circle; animation-duration: 1s; animation-iteration-count: infinite; z-index: 10; opacity: 1; pointer-events: all; } .saa_thumbnail { /* width: auto; */ /* max-height: 216px; */ border-radius: 10px; background-position: center; background-size: cover; background-repeat: no-repeat; /* margin-right: 14px; */ max-height: 250px; width: 100%; object-fit: cover; } .saa_thumbnail_sec { display: flex; align-items: flex-end; flex-wrap: wrap; margin-bottom: 20px; } .saa_thumbnail_sec a { margin-top: 15px; display: block; } .saa_description_sec { line-height: 27px; margin-bottom: 24px; } .saa_the_content_sec { line-height: 27px; margin-bottom: 15px; } .saa_the_content_sec p, .saa_description_sec p { margin-bottom: 27px; } .saa_the_content_sec > *:last-child, .saa_note_description_sec > *:last-child, body .saa_sec > *:last-child, .saa_description_sec > *:last-child { margin-bottom: 0; } .saa_external_url_list_sec { background-color: #F8F8F8; padding: 31px 30px 21px; border-radius: 12px; overflow: hidden; margin-bottom: 17px; } .saa_note_description_sec { padding: 22px 23px 22px; background-color: #FFECEC; border-radius: 12px; line-height: 27px; } .rdp_sec { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 15px; } .rdp_div { width: calc(50% - 8.5px); min-height: 104px; margin-bottom: 17px; border-radius: 12px; overflow: hidden; } .rdp_div .rdp_link { display: flex; align-items: center; justify-content: space-between; height: 100%; width: 100%; padding: 15px 27px 15px 45px; } .rdp_link .rdp_text { width: calc(100% - 58px); font-weight: 700; line-height: 25px; } .rdp_div .rdp_link:hover .sfp_arrows { margin-left: 0; margin-right: 15px; } .rddp_tb_dw { background-color: white; box-shadow: 0 0 10px #0000001a; border-radius: 15px; min-width: 217px; transition: all .3s ease-in-out; padding: 12px 18px 17px; max-height: 250px; overflow-y: auto; } .rddp_tb_link { line-height: 20px; padding: 5px 0; color: #313131; display: inline-block; font-weight: 700; } .rddp_tb_wrapper { position: absolute; z-index: 9; width: calc(100% - 30px); top: calc(100% - 14px); transition: all .3s ease-in-out; max-height: 0; overflow: hidden; padding: 0; opacity: 0; } .rddp_active .rddp_tb_wrapper { max-height: 500px; padding: 12px 10px 10px; opacity: 1; } .rddp_tb_head { min-height: 53px; padding: 12px 30px 12px 21px; border-radius: 12px; display: flex; align-items: center; position: relative; cursor: pointer; } .rddp_active .rddp_tb_head:before { transform: rotate(180deg); } .rddp_tb_head:before { content: ""; border-left: 6px solid #ffffff00; border-right: 6px solid #ffffff00; border-top: 8px solid #ffffff; position: absolute; transition: all .3s ease-in-out; bottom: 0; top: 0; margin: auto; width: 0; height: 0; right: 21px; z-index: 1; pointer-events: none; } .rddp_tb_head.rddp_tbh_black:before { border-top: 8px solid #000000; } .rddp_tb_div .rddp_tb_link:hover { color: #15B1D7; } .rddp_top_bar_sec { position: relative; padding: 0 15px 14px 15px; } .resource_sdga_div:not(:last-child) { margin-bottom: 20px; } .resource_sdga_div { display: flex; flex-wrap: wrap; box-shadow: 0 2px 8px #0000001a; border-radius: 12px; overflow: hidden; padding: 20px 40px 30px; } .resource_sdga_inner_right { width: 69%; display: flex; flex-direction: column; justify-content: center; } .resource_sdga_inner_left.rsdga_thumbnail_with_shadow .resource_sdga_img { box-shadow: 0 4px 4px #00000026; } .resource_sdga_inner_left { display: flex; align-items: center; justify-content: center; width: 31%; padding-right: 30px; } .rsdga_ir_div .rsdga_ir_div_title { margin-bottom: 0; line-height: 25px; } .rsdga_ir_div_content > *:last-child, .rsdga_ir_div:last-child .rsdga_ir_div_content { margin-bottom: 0; } .rsdga_ir_div_content { margin-bottom: 26px; } .soka_spirit_bs_div .ssbs_title { color: #D44206; margin-bottom: 15px; } .resource_sdga_inner_left .resource_sdga_img { max-height: 240px; /* max-width: 250px; */ width: auto; height: auto; } .resource_gs_sdga_div .resource_sdga_inner_left .resource_sdga_no_img { height: 144px; width: 100px; } .soka_spirit_bs_div .ssbs_subtitle { margin-bottom: 0; } .soka_spirit_bs_div .ssbs_content_div { line-height: 27px; } .resource_gs_sdga_div.resource_sdga_div { padding: 17px 40px 25px; } .resource_gs_sdga_div .resource_sdga_inner_left .resource_sdga_img { max-height: 144px; /* max-width: 150px; */ } .resource_gs_sdga_div .resource_sdga_inner_right { width: 71.5%; padding-right: 15px; } .resource_gs_sdga_div .resource_sdga_inner_left { width: 28.5%; padding-right: 30px; } .resource_gs_sdga_div .rsdga_ir_listing_div_content > *:last-child { margin-bottom: 0; } .resource_gs_sdga_div .rsdga_ir_div .rsdga_ir_div_title { margin-bottom: 15px; } .resource_sdga_inner_left .resource_sdga_no_img { background-color: #F8F8F8; height: 230px; width: 150px; background-image: url(../images/book_icon.png)!important; background-position: center; background-repeat: no-repeat; background-size: 50px; } .soka_spirit_bs_div .ssbs_content_div > *:last-child { margin-bottom: 0; } .soka_spirit_ts_div { min-width: 130px; height: 54px; background-color: #F8F8F8; border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 24px; transition: all .3s ease-in-out; margin-right: 9px; margin-bottom: 10px; cursor: pointer; padding: 10px; } .soka_spirit_ts_sec { display: flex; flex-wrap: wrap; width: calc(100% + 9px); margin-right: -9px; margin-bottom: 27px; } .soka_spirit_ts_div:hover, .soka_spirit_ts_div.ssbs_active { background-color: #D44206; color: white; } .soka_spirit_bs_sec { position: relative; overflow: hidden; } .soka_spirit_bs_div { position: absolute; transition: all .3s ease-in-out; top: 0; left: 0; width: 100%; z-index: -1; pointer-events: none; opacity: 0; } .soka_spirit_bs_div.ssbs_active { position: relative; z-index: 1; pointer-events: all; opacity: 1; } .tnhr_readmore_section .elementor-widget-container > * { display: contents; } body .tnhr_readmore_section .elementor-widget-container .tnhr_more_text > *:last-child { display: contents; } body .tnhr_readmore_section .elementor-widget-container .tnhr_more_text { display: none; } .tnhr_readmore_section { opacity: 0; transition: all .3s ease-in-out; } .tnhr_readmore_section .tnhr_read_more:after, .tnhr_readmore_section .tnhr_read_less:after { content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/orange_plus_rm.png); width: 18px; height: 18px; min-width: 18px; min-height: 18px; display: inline-flex; margin-left: 3px; transition: all .3s ease-in-out; } body .tnhr_readmore_section .tnhr_read_less:after { background-image: url(../images/orange_negative1.png); } .tnhr_readmore_section .tnhr_read_more, .tnhr_readmore_section .tnhr_read_less { display: inline-flex; align-items: center; color: #313131; } body .tnhr_readmore_section .tnhr_read_less { color: #ffffff00; } .tnhr_readmore_section .tnhr_read_more:hover:after, .tnhr_readmore_section .tnhr_read_less:hover:after { transform: rotate(15deg); opacity: 0.6; } .nhr_slider_sec.swiper-container .nhr_slider_div_wrapper { height: 192px; padding-bottom: 18px; } .nhr_slider_div_wrapper .nhr_slider_div { min-width: 130px; width: auto; display: inline-flex; align-items: center; justify-content: center; text-align: center; margin-right: 9px; margin-bottom: 10px; min-height: 54px; height: auto; padding: 12px; background-color: #F8F8F8; border-radius: 10px; cursor: pointer; transition: all .3s ease-in-out; } .nhr_slider_div_wrapper .nhr_slider_div .nhr_sd_text { transition: all .3s ease-in-out; } .nhr_slider_div_wrapper .nhr_slider_div:hover, .nhr_slider_div_wrapper .nhr_slider_div.nhr_sd_active { background-color: #F97304; } .nhr_slider_div_wrapper .nhr_slider_div:hover .nhr_sd_text, .nhr_slider_div_wrapper .nhr_slider_div.nhr_sd_active .nhr_sd_text { color: white; } .nhr_bc_div { position: absolute; width: 100%; top: 0; left: 0; transition: all .3s ease-in-out; z-index: -1; pointer-events: none; opacity: 0; border-radius: 12px; background-color: #FFF2E8; padding: 27px 32px 26px; overflow: hidden; } .nhr_bc_div.nhr_sd_active { position: relative; opacity: 1; pointer-events: all; z-index: 1; } .nhr_bc_div .forms_posts_div_content { background-color: transparent; margin-top: 2px; padding: 0; transition: transform .3s ease-in-out; } .nhr_bc_div .nhr_bc_div_title { margin-bottom: 0; color: #F97304; font-weight: 700; } .nhr_bc_div .forms_posts_div_wrapper .faqs_posts_div.forms_posts_div:first-child { padding-top: 14px; } body .nhr_slider_sec { margin-bottom: 19px; } .faqs_posts_footer_sec { margin-top: 22px; line-height: 27px; } .nhr_slider_sec .swiper-scrollbar-drag { background-color: #E0E0E0; } .nhr_slider_sec .swiper-scrollbar { background-color: #F6F5F5; height: 6px; } .nhr_bc_sec { position: relative; overflow: hidden; } .rsgmv_video_parent_swt.rsgmv_sec_parent_wrapper { width: calc(100% + 6px); } .rsgmv_video_parent_swt .rsgmv_sec_title_wrapper { margin-bottom: 19px; } .saa_sec { padding: 8px 14px 10px; } .nhr_bc_div .forms_posts_div_wrapper .faqs_posts_div.forms_posts_div { padding-bottom: 25px; padding-top: 21px; } .nhr_bc_div .forms_posts_div_wrapper .faqs_posts_div.forms_posts_div.faqs_post_active .forms_posts_div_content { transform: translate(0px, 7px); } .rsg_sec .rdp_div { width: calc(33.33% - 11.33px); background-color: #F8F8F8; box-shadow: 0 2px 8px #0000001a; } .rsg_sec .rdp_div .rdp_link { position: relative; padding: 15px; min-height: 194px; } .rsg_sec .rsg_rm_div { background-color: #034ea1e6; box-shadow: 0 0 8px #00000099; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; transition: all .3s ease-in-out; opacity: 0; } .rsg_content_sec .rsg_thumbnail { max-height: 150px; /* max-width: 200px; */ width: auto; display: block; margin: auto; } .rsg_content_sec { width: 100%; height: 100%; display: flex; } .rsg_content_sec .rsg_content_div { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #313131; text-align: center; } .rsg_content_sec .rsg_content_div .rsgc_title, .rsg_content_sec .rsg_content_div .rsgc_subtitle { margin-bottom: 0; line-height: 25px; } .rsg_content_sec .rsg_content_div .rsgc_title { font-weight: 700; } .rsg_sec .rdp_div .rdp_link:hover .rsg_rm_div { opacity: 1; } .rsg_sec .rsg_rm_div:before { content: "\002B"; font-size: 80px; line-height: 60px; font-weight: 100!important; font-family: Courier New; } .rsg_tb_head.rddp_tb_head { background-color: #F8F8F8; } .rc_sec .rdp_div { min-height: 214px; width: calc(33.33% - 11.33px); margin-right: 17px; margin-bottom: 18px; } .rc_sec .rdp_div:nth-child(3n + 3) { margin-right: 0; } .rdp_sec.rc_sec { justify-content: normal; } .rc_sec .rdp_link { padding: 15px 25px; justify-content: center; } .rc_content_div .rcc_img { max-width: 91px; max-height: 82px; display: block; margin: auto; transition: all .3s ease-in-out; } .rc_content_div .rcc_title { margin-bottom: 0; font-weight: 700; line-height: 25px; text-align: center; } .rcc_img_sec { height: 82px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } .rc_sec .rdp_link:hover .rcc_img { transform: scale(1.1); } .resource_sgs_sec .song_inform_lsiting_sec { margin-bottom: 16px; } .resource_sgs_sec .song_content_bottom > * { width: 100%; } .resource_sgs_sec .song_downloadable_list_sec { justify-content: normal; } .resource_sgs_sec .sgs_div_right { padding: 23px 33px 18px 27px; } .resource_sgs_sec .rs_music_sec .rs_ml_title { margin-bottom: 0; font-weight: 700; line-height: 20px; } .resource_sgs_sec .rs_music_sec { margin-bottom: 13px; } .resource_sgs_sec .rs_music_sec .rs_ml_title { margin-bottom: 0; font-weight: 700; line-height: 20px; } .resource_sgs_sec .rs_music_sec .rs_ml_content > *:last-child { margin-bottom: 0; } .resource_sgs_sec .rs_music_sec .rs_ml_content { line-height: 20px; } .resource_sgs_sec .song_content_top > * { display: inline-block; } .resource_sgs_sec .song_downloadable_list_div:not(:first-child) { margin-left: 22px; } .divisional_is_div > *:last-child { margin-bottom: 0; } .divisional_is_sec .divisional_is_div { padding: 38px 125px 38px 30px; line-height: 27px; font-size: 20px; } body .divisional_is_sec { border-radius: 12px; } .divisional_is_sec .swiper-button-next, .divisional_is_sec .swiper-button-prev { width: 48px; height: 32px; padding: 10px; border-radius: 0; background-color: #ffffff00; top: 0; bottom: 0; margin: auto; z-index: 5; } .divisional_is_sec .swiper-button-next:after, .divisional_is_sec .swiper-button-prev:after { width: 28px; height: 12px; background-color: black; } .divisional_is_sec .swiper-button-next:after { mask: url(../images/black_next_arrow.svg); -webkit-mask: url(../images/black_next_arrow.svg); } .divisional_is_sec .swiper-button-prev:after { mask: url(../images/black_prev_arrow.svg); -webkit-mask: url(../images/black_prev_arrow.svg); } .divisional_is_sec .swiper-button-next { right: 30px; } .divisional_is_sec .swiper-button-prev { right: 78px; left: auto; } body .divisional_is_sec:before { content: ""; height: 100%; background-color: inherit; width: 125px; position: absolute; top: 0; right: 0; z-index: 3; } .resource_sgs_sec .soka_gakkai_songs_div { margin-bottom: 0; } .rc_sec .rddp_tb_head img { max-width: 52px; max-height: 42px; width: auto; height: auto; /* margin-right: 20px; */ margin-right: 23px; } .rc_sec .rddp_tb_head .rc_tb_head_title { display: flex; align-items: center; } .rsgmv_div.rsgmv_last_div { display: none; } .resource_song_ml_sec{ margin-bottom: 8px; } .rc_sec .rddp_tb_head{ padding: 6px 30px 6px 21px; } .single-sgm-resources .mobile_breadcrumbs, .single-activity_announce .mobile_breadcrumbs { display: none!important; } body .my-account-mobile-menu { height: auto; min-height: 44px; } .rddp_tb_mobile_div .rddp_tb_link { white-space: nowrap; padding: 15px 10px; color: #ABABAB; font-weight: 400; display: inline-block; } .rddp_top_bar_mobile_sec .rddp_tb_mobile_div { width: auto; } .rddp_top_bar_mobile_sec .swiper-scrollbar { position: relative; left: 0; width: calc(100% - 30px); margin: 0 15px; overflow: hidden; height: 3px; background-color: #E5E5E5; } .rddp_top_bar_mobile_sec .swiper-scrollbar .swiper-scrollbar-drag { background-color: #313131; } .rddp_top_bar_mobile_sec { margin-bottom: 10px; } .rddp_tb_mobile_div.rddp_tb_mobile_active .rddp_tb_link { font-weight: 700; color: #15b1d7; } .rddp_tb_mobile_div .rddp_tb_link:hover { color: #15b1d7; } .rddp_tb_mobile_div:first-child .rddp_tb_link { padding-left: 20px; } .rddp_tb_mobile_div:last-child .rddp_tb_link { padding-right: 20px; } .nhr_bc_div_title_sec > * { display: inline-block; } .nhr_bc_div_title_span > *:last-child { margin-bottom: 0; } .sgm_memos_sf_sec { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; } .sgm_memos_field_sec { position: relative; } .sgm_memos_field { font-size: 14px; color: #313131; padding: 8px 25px 8px 18px; min-width: 100px; height: 43px; line-height: 1.3; border: 1px solid #313131; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: white; } .sgm-memos-title { background-color: #15b1d7; } body .sgm-memos-content-4rd-wrap, body .sgm-memos-content-5rd-wrap { margin-bottom: 5px; padding-bottom: 5px; } .sgm-memos-content-4nd, .sgm-memos-content-5nd { margin-bottom: 8px; } .tsp_left_sec h5.tspl_title .tspl_title_icon:before, .tsp_left_sec h5.tspl_title .tspl_title_icon:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: contain; background-repeat: no-repeat; transition: all .3s ease-in-out; } .tsp_left_sec h5.tspl_title .tspl_title_icon { position: relative; width: 18px; height: 31px; margin-left: 8px; transition: all .3s ease-in-out; } .tsp_left_sec h5.tspl_title { line-height: 31px; margin-bottom: 18px; display: flex; align-items: center; flex-wrap: wrap; cursor: pointer; } .tsp_left_sec h5.tspl_title .tspl_title_icon:before { background-image: url(../images/eyes_view.jpg); opacity: 0; } .tsp_left_sec h5.tspl_title .tspl_title_icon:after { background-image: url(../images/eyes_hide.jpg); } .tsp_left_sec h5.tspl_title:hover .tspl_title_icon { opacity: 0.6; } .tsp_left_sec.tsp_left_sec_active h5.tspl_title .tspl_title_icon:after { opacity: 0; } .tsp_left_sec.tsp_left_sec_active h5.tspl_title .tspl_title_icon:before { opacity: 1; } .tsp_left_sec h5.tspl_title + .tspl_mobile_bar_sec_wrapper { transition: all .3s ease-in-out; } .tsp_left_sec.tsp_left_sec_active .tspl_mobile_bar_sec_wrapper { opacity: 0; pointer-events: none; } html[lang="zh-hans"] .faqs_posts_footer_sec { color: #ffffff00; height: 0; overflow: hidden; opacity: 0; } body .sgm-memos-wrap .sgm_memos_wrap_title { margin-bottom: 12px; line-height: 27px; } .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active + *:not(.sgm_memos_ec_button) { margin-bottom: 20px; padding: 16px 22px 15px 22px; background: #F8F8F8; border-radius: 12px; } .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active + div:not(.sgm_memos_ec_button) .sgm_memos_ec_button, .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active + div:not(.sgm_memos_ec_button) .sgm_memos_ec_button + *:not(.sgm_memos_ec_button) { margin-bottom: -0; } .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active + div:not(.sgm_memos_ec_button) .sgm_memos_ec_button { font-size: 15px; } .sgm-memos-wrap .sgm_memos_ec_button.sgm_memos_ec_active + div:not(.sgm_memos_ec_button) .sgm_memos_ec_button:before { content: "\2022"; margin-right: 7px; } .elementor-element.photos_radius .fb-gallery-grid:nth-child(1) img { height: 370px; } .elementor-element.photos_radius .fb-gallery-grid:nth-child(2) img, .elementor-element.photos_radius .fb-gallery-grid:nth-child(3) img { height: 182px; } .elementor-element.photos_radius { max-height: 370px; height: 370px; } .elementor-element.photos_radius .elementor-widget-container { margin: 0!important; } .elementor-element.photos_radius .fb-gallery-grid:nth-child(1) img, .elementor-element.photos_radius .fb-gallery-grid:nth-child(2) img, .elementor-element.photos_radius .fb-gallery-grid:nth-child(3) img { object-fit: cover; } .rsdga_ir_div_content > p:not(:last-child) { margin-bottom: 0; } form#search-filter-form-32706, form#search-filter-form-37645, form#search-filter-form-32914, form#search-filter-form-33061, form#search-filter-form-33453, form#search-filter-form-33768, form#search-filter-form-45035, form#search-filter-form-33776, form#search-filter-form-45063, form#search-filter-form-37749, form#search-filter-form-34522, form#search-filter-form-44871, form#search-filter-form-35908, form#search-filter-form-36045, form#search-filter-form-37598, form#search-filter-form-37746, form#search-filter-form-37780, form#search-filter-form-37781, form#search-filter-form-37827, form#search-filter-form-37842, form#search-filter-form-37856, form#search-filter-form-43506, form#search-filter-form-45259, form#search-filter-form-45535, form#search-filter-form-45628, form#search-filter-form-42865, form#search-filter-form-45771, form#search-filter-form-43583, form#search-filter-form-43584, form#search-filter-form-43547, form#search-filter-form-43548, form#search-filter-form-43507, form#search-filter-form-42864, form#search-filter-form-47837, form#search-filter-form-48610, form#search-filter-form-42951 { max-height: 0; height: 0; opacity: 0; visibility: hidden; overflow: hidden; } /*********** Resources end *******************************/ /*********** New Homepage Slider Banner *******************************/ .hsb_wrapper .hsb_div { position: relative; padding-top: 120px; /* padding-bottom: 80px; */ min-height: 620px; align-items: stretch; display: flex; height: auto; } .hsb_desktop_bg, .hsb_tablet_bg, .hsb_mobile_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .hsb_div .hsb_container { z-index: 3; position: relative; width: 100%; } .hsb_brightness { background-color: black; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .hsb_inner_div .hsb_content * { color: white; } .hsb_inner_div .hsb_content h1 { font-family: 'noto_sansblack'; margin-bottom: 6px; } .hsb_inner_left_div { display: flex; flex-direction: column; height: 100%; } .hsb_button_wrapper.hsd_rm_bottom { margin-top: auto; } .hsb_inner_div { display: flex; flex-wrap: wrap; height: 100%; } .hsb_inner_div > div { width: 50%; } .hsb_inner_div .hsb_content p { font-size: 17px; line-height: 28px; margin-bottom: 10px; } .hsb_content { margin-bottom: 31px; } .hsb_mobile_bg, .hsb_tablet_bg { display: none; } .hsb_bottom_sec { /* position: absolute; bottom: 15px; left: 0; */ margin-bottom: 15px; z-index: 3; width: 100%; text-align: right; margin-top: auto; position: relative; } .hsb_sec .swiper-pagination { z-index: 3; bottom: 30px; } .hsb_sec .swiper-pagination .swiper-pagination-bullet { border: 1px solid white; width: 10px; height: 10px; opacity: 1; transition: all .3s ease-in-out; background-color: #ffffff00; } .hsb_sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: white; } .hsb_div .hsb_container .hsb_row, .hsb_div .hsb_container .hsb_column { height: 100%; } .hsb_div .hsb_container .hsb_column { display: flex; flex-direction: column; } /*********** New Homepage Slider Banner end *******************************/ /*********** Design Phase Overlap *******************************/ /* body.postid-32409 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07143719/Resources-Videoswhat-is-soka-gakkai.jpg'); height: 100%; } body.postid-32414 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07143800/Resources-VideosBuddhist-Practice-for-Beginners.jpg'); height: 100%; } body.postid-32533 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07143831/Resources-VideosSGM-Videos.jpg'); height: 100%; } body.postid-32789 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07143911/Resources-VideosSGIs-Videos.jpg'); height: 100%; } body.postid-32813 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150653/Resources-Upcoming-Activities-and-Announcements.jpg'); height: 100%; } body.postid-32852 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150700/Resources-Upcoming-Activities-and-Announcements-d1.jpg'); height: 100%; } body.postid-32882 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150703/Resources-Upcoming-Activities-and-Announcements-d2.jpg'); height: 100%; } body.postid-33447 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150921/Resources-Study-ReferenceStudy-Materials.jpg'); height: 100%; } body.postid-34881 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150905/Resources-Study-ReferenceThe-New-Human-Revolution.jpg'); height: 100%; } body.postid-34770 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150845/Resources-Study-ReferenceCosmic-Flow-Index.jpg'); height: 100%; } body.postid-34751 div#ics_bg_img_id { background-image: url('https://bucket-w98jmt.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2021/11/07150810/Resources-Study-ReferenceCosmic-Flow-Indexs.jpg'); height: 100%; } body.page-id-42399 div#ics_bg_img_id { background-image: url('https://sgm.iconceptdigital.com/wp-content/uploads/2021/12/001-E-Contribution-Dashboard-2Expand-scaled.jpg'); height: 100%; } */ /*********** Design Phase Overlap end *******************************/ /*********** Phase 3 *******************************/ .lee-reg-radio a { display: block; width: 100%; height: 100%; } .account-ce-contribution .account-topbar { margin-top: 18px; } .account-topbar.lee_at h5 { margin-bottom: 0; } .mg-create-new.lee_mgc .general-drop-sd { padding-top: 10px; padding-bottom: 15px; min-height: 88px; display: flex; align-items: center; } .mz-top-filtr.ace-top-filtr { padding-bottom: 21px; } .ce_db_list_div_row { padding: 16px 18px 20px; min-height: 142px; } .ce_db_list_div .content_collap { margin: 0 15px 10px; background-color: #F8F8F8; border-radius: 7px; transition: all .3s ease-in-out; } .ce_db_list_div .content_collap[style^=max-height] { margin: 0 15px 12px; } .ce_content_collap_div { padding: 16px 24px; } .ce_cc_bottom { display: flex; flex-wrap: wrap; } .ce_ccb_div.ce_ccb_name { width: 37%; } .ce_ccb_div.ce_ccb_member_code { width: 20%; } .ce_ccb_div.ce_ccb_amount { width: calc(16% - 35px); } .ce_ccb_div.ce_ccb_receipt, .ce_ccb_div.ce_ccb_remark { width: calc(27% + 35px); padding-left: 35px; position: relative; } /* .ce_ccb_div { width: 22.22%; } */ .ce_ccb_div:not(:last-child) { padding-right: 15px; } .cd_top_row .cdt_title { color: #074C99; /* line-height: 28px; */ line-height: 18px; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; } .cd_top_row { padding-bottom: 11px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E0E0E0; margin-bottom: 8px; } .cdt_tag { line-height: 20px; height: 20px; white-space: nowrap; padding: 0 7px; border-radius: 3px; background-color: #15b1d7; } .cdt_tag.cdt_paid { background-color: #1EC659; } .cdt_tag.cdt_awaiting { background-color: #FF8A00; } .cdt_tag.cdt_rejected, .cdt_tag.cdt_expired { background-color: #FF0000; } .cdt_tag.cdr_draft { background-color: #043E68; } .cdb_inform_sec { display: flex; flex-wrap: wrap; margin-right: auto; width: 75%; padding-top: 5px; } .cdb_inform_div { width: 25%; padding-right: 10px; } .cdb_setting_sec { display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; margin-bottom: -7px; } .cd_bottom_row { display: flex; align-items: flex-start; } .cdb_inform_div .cdbi_title { line-height: 19px; margin-bottom: 0; } .cdb_inform_div .cdbi_subtitle { line-height: 19px; margin-bottom: 0; } .ce_cc_top .cecc_top_title { margin-bottom: 13px; line-height: 19px; } .ce_cc_top .cecc_top_subtitle { margin-bottom: 10px; } .ce_ccb_div .ceccb_title { line-height: 18px; margin-bottom: 0; padding: 5px 0; } .ce_ccb_div .ceccb_subtitle { line-height: 20px; padding: 4px 0; margin-bottom: 0; } body .ce_receipt_inner { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0; } .ce_receipt_inner p { margin-bottom: 0; line-height: 20px; padding: 4px 0; margin-right: 18px; } .cer_note_text { line-height: 15px; padding: 5px 0; margin-top: 6px; font-style: italic; } .ce_db_list_div.ce_db_expired { background-color: #D4E9FF; } .ce_db_expired .cd_top_row { border-color: white; } .ce_ccb_remark .ceccb_remark_title { line-height: 25px; margin-bottom: 12px; } .ce_remark_inner { display: flex; flex-wrap: wrap; } .ce_remark_inner > *:first-child { width: 105px; min-width: 105px; padding-right: 10px; } .ce_remark_inner > *:nth-child(2) { width: calc(100% - 105px); } .ce_remark_content .cer_content_title { margin-bottom: 6px; line-height: 18px; } .ce_remark_inner .ce_remark_inner_title { line-height: 18px; padding-bottom: 12px; } .ce_remark_content .cer_content_description { line-height: 20px; margin-bottom: 0; } .ce_ccb_div.ce_ccb_remark { margin-top: -27px; padding-bottom: 27px; } .ce_ccb_div.ce_ccb_remark:before { content: ""; background-color: #E0E0E0; width: 1px; height: calc(100% - 10px); position: absolute; bottom: 0; left: 0; } .ce_cc_top.ce_cc_top_remark { padding-right: calc(27% + 35px); } .ce_db_expired .cd_top_row .cdt_title { color: #313131; } .ecpu_submit_button .mg-create-new-btn { background-color: #074C99; padding: 12px; border-radius: 7px; display: inline-block; line-height: 18px; } .ecpu_drf_checkbox:not(:first-child) { margin-top: 4px; } .ecpu_drf_checkbox { display: flex; /* align-items: center; */ margin-bottom: 14px; width: calc(100% + 15px); margin-left: -15px; } .ecpu_drf_checkbox input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 19px; height: 19px; border-radius: 3px; border: 1px solid #C4C4C4; background: #fff; display: inline; margin: 2px 8px 0 0; text-align: center; vertical-align: middle; } .ecpu_drf_checkbox label { font-size: 13px; width: calc(100% - 31px); /* line-height: 20px; */ } html body #page .ecpu_drf_checkbox label, html body #page .ecpu_drf_checkbox label * { line-height: 20px; } .ecpu_drf_checkbox label a:not(:hover) { color: #15B1D7; } .new_ecpu_sec { position: fixed; z-index: 999; top: 0; left: 0; background-color: #00000080; width: 100%; height: 100%; display: none; } .new_ecpu_inner_div { display: flex; flex-wrap: wrap; max-width: 750px; width: calc(100% - 30px); margin: auto; background-color: white; position: relative; border-radius: 20px; } .new_ecpu_inner_div .new_ecpu_dl { width: 45.5%; } .new_ecpu_inner_div .new_ecpu_dr { width: 54.5%; padding: 38px 25px 32px 13px; z-index: 1; } .new_ecpu_dl .dl_img_div img { max-width: 340px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; } .dl_img_div { height: 100%; position: relative; } .new_ecpu_div { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; overflow-y: auto; padding: 20px 0; } .ecpu_contact_list { border-radius: 10px; background-color: #D4E9FF; padding: 8px 18px 9px; margin-bottom: 13px; } .ecpu_contact_list .ecpu_contact_list_title { margin-bottom: 6px; line-height: 22px; } .ecpu_cl_div a:before { content: ""; border-radius: 50%; height: 20px; width: 20px; background-color: #074C99; display: inline-flex; margin-right: 8px; background-position: center; background-repeat: no-repeat; } .ecpu_cl_div a { display: flex; align-items: center; line-height: 20px; color: #074C99; } .ecpu_cl_div a:hover { color: #15B1D7; } .ecpu_cl_div:not(:last-child) { margin-bottom: 6px; } .ecpu_cl_div.ecpu_cl_phone a:before { background-image: url(../images/lee-phase3/phone_icon.png); background-size: 10px; } .ecpu_cl_div.ecpu_cl_email a:before { background-image: url(../images/lee-phase3/email-icon.png); background-size: 12px; } .new_ecpu_close:hover { opacity: 0.6; } .new_ecpu_close { position: absolute; width: 36px; height: 36px; padding: 5px; background-position: center; background-size: 26px; background-repeat: no-repeat; background-image: url(../images/lee-phase3/ecpu-close.png); top: 10px; right: 16px; z-index: 2; cursor: pointer; transition: all .3s ease-in-out; } .ecpu_submit_button .mg-create-new-btn:hover { background-color: #F97304; } .ecc-top-step .mag-step.mag-step1.step-active:after { content: "33.33%"; } .ecc-top-step .mag-step.mag-step2.step-active:after { content: "66.66%"; } .ecc-top-step .mag-step.mag-step3.step-active:after { content: "100%"; } #content .ec_s1_title_div .ec_s1_title { margin-bottom: 15px; } .ec_s1_title_inner_div { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; margin-bottom: 6px; } .ec_save_as_draft, .ec_s1_bd_tooltip, .se_contribution_price_sec .secp_tooltip { display: flex; align-items: center; } .mag-step-cwrap.ecc_step_cwrap { max-width: 780px; margin-left: auto; margin-right: auto; } .ec_s1_title_inner_div .ec_title_note { padding-right: 15px; padding: 6px 0; } .ec_s1_title_inner_div .ec_title_note, .ec_s1_title_inner_div .ec_title_note * { line-height: 18px!important; } .ec_save_as_draft .icon-tooltip, .ec_s1_bd_tooltip .icon-tooltip, .se_contribution_price_sec .secp_tooltip .icon-tooltip { margin-left: 6px; } .ec_s1_bottom_div { position: relative; margin-bottom: 13px; } .ecs_blue_note { min-height: 60px; background-color: #D4E9FF; border-radius: 7px; text-align: left; padding: 10px 20px; display: flex; align-items: center; } .ec_s1_bottom_div .ec_s1_bd_tooltip { position: absolute; top: 18px; /* bottom: 0; */ right: calc(100% + 8.5px); white-space: nowrap; } .ec_s1_title_inner_div .ec_title_note a:not(:hover) { color: #FF0000; } .ec_save_as_draft a:not(:hover), .seclo_edit:not(:hover), .ecc_vsc_left .ecc_vsc_edit:not(:hover), .ecc_vsc_option_sec .ecc_vsc_option_save:not(:hover), .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a:not(:hover), .aec_checkout_save:not(:hover) { color: #15B1D7; } .sectl_button { background-color: #074C99; padding: 12px 25px; border-radius: 7px; display: flex; align-items: center; line-height: 18px; min-height: 60px; width: 100%; transition: all .3s ease-in-out; margin-bottom: 10px; } .sectl_button:hover { background-color: #F97304; } .sectl_button .mg-plus { font-size: 20px; margin-right: 22px; display: inline-block; line-height: 19px; } .sec_tlb_sec { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } body #content .sec_tlb_button_div .sec_tlb_button { font-family: 'Noto Sans', sans-serif; font-weight: 400; } .se_contribution_list_div { position: relative; display: flex; align-items: center; background-color: #F8F8F8; border-radius: 7px; transition: all .3s ease-in-out; padding: 9px 20px; min-height: 60px; position: relative; } .se_contribution_list_div .secl_checkbox:before { content: ""; background-position: center; background-repeat: no-repeat; background-size: cover; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; opacity: 0; transition: all .3s ease-in-out; background-image: url(../images/lee-phase3/blue_tick.svg); position: absolute; } .se_contribution_list_div .secl_checkbox { transition: all .3s ease-in-out; height: 20px; width: 20px; min-height: 20px; min-width: 20px; border-radius: 50%; border: 1px solid #C4C4C4; margin-right: 17px; background-color: white; position: relative; } .se_contribution_list_div input[type="checkbox"] { position: absolute; height: 100%; width: calc(100% - 95px); top: 0; left: 0; cursor: pointer; opacity: 0; z-index: 1; } .se_contribution_list_div .secl_amount_div { display: flex; align-items: center; max-width: 270px; min-width: 270px; width: 100%; position: relative; z-index: 2; transition: all .3s ease-in-out; } .secl_amount_sec { transition: all .3s ease-in-out; max-width: 0; overflow: hidden; opacity: 0; margin: 0; } .se_contribution_list_div input[type="checkbox"]:checked ~ .secl_amount_sec { max-width: 270px; min-width: 270px; margin-left: 15px; margin-right: 40px; opacity: 1; } .secl_option_div { display: flex; align-items: center; } .secl_option_div .seclo_price { margin-right: 18px; white-space: nowrap; } .se_contribution_selected_div .secl_amount_sec { margin-left: 15px; margin-right: 40px; } .secl_option_sec { margin-right: 80px; margin-left: 15px; min-width: 95px; transition: all .3s ease-in-out; } .se_contribution_list_div .secl_title { margin-right: auto; text-align: left; } .se_contribution_list_div .secl_amount_div input[type="text"] { max-width: 100px; width: 100%; margin-right: 10px; height: 42px; border: 1px solid #C2C1C1; background-color: #F8F8F8; border-radius: 7px; } .se_contribution_list_div .secl_amount_div input[type="submit"] { max-width: 88px; width: 100%; } .se_contribution_list_div .secl_amount_div > *:not(:last-child) { margin-right: 10px; } .se_contribution_list_div .secl_close { width: 36px; height: 34px; min-width: 36px; min-height: 34px; padding: 10px; background-position: center; background-repeat: no-repeat; background-image: url(../images/lee-phase3/secl-close.png); background-size: 16px; cursor: pointer; transition: all .3s ease-in-out; } .se_contribution_list_div .secl_close:hover { opacity: 0.6; } .se_contribution_list_div input[type="checkbox"]:checked + .secl_checkbox:before { opacity: 1; } .se_contribution_list_div .secl_box_shadow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0 0 10px #00000026; border-radius: 7px; overflow: hidden; z-index: -1; transition: all .3s ease-in-out; opacity: 0; } .se_contribution_list_div input[type="checkbox"]:checked ~ .secl_box_shadow { opacity: 1; } .se_contribution_top_list_sec { margin-bottom: 10px; } .se_contribution_list_sec { margin-bottom: 85px; } .se_contribution_list_div { margin-bottom: 9px; } .se_contribution_price_sec { display: flex; align-items: center; transition: all .3s ease-in-out; margin-bottom: 27px; max-height: 0; opacity: 0; } .se_contribution_price_sec.se_contribution_price_active { max-height: 500px; opacity: 1; } .se_contribution_price_sec .secp_title { margin-right: auto; margin-left: 23px; } .se_contribution_price_sec .secp_tooltip { margin-left: 15px; margin-right: 58px; } .se_contribution_list_div.se_contribution_selected_div { background-color: #D4E9FF; } .ecs_added_list_div:not(:last-child) { margin-bottom: 9px; } .se_contribution_selected_div.secs_active .secl_box_shadow { opacity: 1; } .se_contribution_selected_div.secs_active .secl_option_sec { max-width: 0; margin: 0; opacity: 0; pointer-events: none; overflow: hidden; } .se_contribution_selected_div.secs_active .secl_amount_sec { max-width: 270px; opacity: 1; } .kofu-content.ecc_vs_content .kofu-confirmation-content { max-width: 640px; width: 100%; padding: 18px 31px 22px; display: flex; flex-wrap: wrap; } .kofu-content.ecc_vs_content .kofu-confirmation-content > * { padding: 0; border: 0; } .mag-top-step.ecc-top-step .ast-container { max-width: 780px; } .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_right, .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_bottom .ecc_vscb_right { width: 30%; flex: 0 0 30%; max-width: 30%; text-align: right; position: relative; } .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_right:before { content: ""; background-color: #D8D8D8; width: 1px; height: calc(100% - 12px); position: absolute; top: 0; left: 0; } .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_left, .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_bottom .ecc_vscb_left { width: 70%; flex: 0 0 70%; max-width: 70%; text-align: left; } .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_bottom { width: 100%; max-width: 100%; flex: 0 0 100%; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; padding-top: 20px; margin-top: 10px; border-top: 1px solid #D8D8D8; } .kofu-content.ecc_vs_content .kofu-confirmation-content .value { line-height: 25px; } .ecc_vsc_option_sec { margin-bottom: 105px; position: relative; max-width: 650px; margin-left: auto; margin-right: auto; margin-top: 33px; } body #content .ecc_vsc_option_bmp .blue_button { height: 42px; display: inline-block; } .ecc_vsc_option_sec .ecc_vsc_option_sb_div { position: absolute; top: 50%; right: 0; margin: auto; transform: translate(0px, -50%); } .ecc_vsc_option_sec .ecc_vsc_option_bmp { padding: 0 50px; } .secl_mobile_amount_sec { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background-color: white; display: none; } .secl_mobile_amount_div { height: 100%; width: 100%; } .seclm_top { background-color: #074C99; padding: 12px 23px; min-height: 56px; display: flex; align-items: center; position: relative; } .seclm_top .seclm_top_title { text-align: left; padding-right: 40px; } .seclm_top .secl_mobile_amount_close:hover { opacity: 0.6; } .seclm_top .secl_mobile_amount_close { background-image: url(../images/lee-phase3/secl_white_close.png); background-position: center; background-repeat: no-repeat; background-size: 18px; position: absolute; width: 38px; height: 38px; z-index: 1; cursor: pointer; transition: all .3s ease-in-out; padding: 10px; top: 0; bottom: 0; right: 13px; margin: auto; } .seclm_content { padding: 32px 23px 20px; } .seclm_content .seclm_content_title { text-align: left; margin-bottom: 18px; } .seclm_content .seclm_amount_title { line-height: 30px; text-align: left; } #content .seclm_content input[type="submit"] { height: 43px; width: 100%; } .seclm_content input[type="text"] { height: 40px; padding: 6px 12px; background-color: #F8F8F8; border-radius: 7px; border: 1px solid #F8F8F8; width: 100%; margin-bottom: 18px; } .ec_ps .ec-top-section-title { display: none!important; } .account_ec_thankyou .kofu-action { margin-top: 0; } .account_ec_thankyou .kofu-confirmation-content { padding-left: 28px; padding-right: 32px; min-width: 730px; /* margin: 0 15px; */ justify-content: center; } .account_ec_thankyou .kofu-confirmation-content > *:first-child { padding-left: 0; } .account_ec_thankyou .kofu-confirmation-content > *:last-child { padding-right: 0; } .account_ec_thankyou .kofu-confirmation { flex-wrap: wrap; } .account_ec_thankyou .kofu-action a.btn-payment { min-width: 180px; } .account_ec_thankyou { padding: 0 15px; max-width: 1150px; margin-left: auto; margin-right: auto; } .mag-top-step.ecc_last_progress .ast-container:before { width: 400%; } .ecc-top-step.ecc_last_progress .mag-step.mag-step3:after { right: -60%; left: auto; } .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper { padding-left: 14px; padding-right: 17px; background: #EFFCFF; padding-top: 15px; } .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper.woo-additional-terms { -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 12px; padding-bottom: 23px; } .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper.woo-default-terms1 { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { display: inline; margin: -2px 12px 0 0; text-align: center; vertical-align: middle; } .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text { font-weight: normal; font-size: 13px; width: calc(100% - 31px); text-align: left; line-height: 20px; display: inline-block; } #content .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox { display: flex; } .aec_checkout_tc_sec .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a { /* font-family: 'noto_sanssemibold'!important; */ text-decoration: underline!important; line-height: 20px; } .aec_checkout_sec { max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 95px; } .aec_checkout_radio_sec .reg-radio > label span { display: block; position: relative; transform: translate(0px, 0px); left: 0; top: 0; text-align: left; line-height: 20px; } .aec_checkout_radio_sec .reg-radio label { padding: 15px 25px; } .aec_checkout_radio_sec { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 8px; margin-bottom: 15px; } .aec_checkout_radio_sec .reg-radio { width: calc(50% - 9px); } .aec_checkout_button_sec { display: flex; justify-content: center; flex-wrap: wrap; position: relative; } .aec_checkout_tc_sec { margin-bottom: 30px; } .aec_checkout_button_sec .sgm-light-blue-btn { max-width: 100%; width: auto; min-width: 92px; padding: 0 12px; } .aec_checkout_button_sec > div:first-child { margin-right: 17px; } .aec_checkout_radio_sec .reg-radio > label .radio_text2 { font-size: 12px; } .aec_transaction_slip { min-height: 86px; display: flex; align-items: center; justify-content: center; padding: 15px; border: 1px dashed #15B1D7; border-radius: 7px; position: relative; color: #15B1D7; text-align: left; } .aec_transaction_slip_sec { padding: 0 8px; margin-bottom: 22px; } .aec_transaction_slip span { line-height: 20px; display: flex; align-items: center; } .aec_transaction_slip input[type="file"] { position: absolute; opacity: 0; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; cursor: pointer; } .aec_transaction_slip span:before { content: ""; background-image: url(../images/lee-phase3/upload-icon.svg); background-position: center; background-size: contain; width: 22px; height: 18px; display: inline-block; margin-right: 12px; } .aec_transaction_slip .aec_transaction_slip_background { background-color: #effcff; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transition: all .3s ease-in-out; opacity: 0; } .aec_transaction_slip input[type="file"]:hover ~ .aec_transaction_slip_background, .aec_transaction_slip.aec_ts_active .aec_transaction_slip_background { opacity: 1; } .aec_ts_name { transition: all .3s ease-in-out; text-align: left; font-size: 13px; max-height: 0; overflow: hidden; opacity: 0; } .aec_ts_name.aec_ts_active { max-height: 250px; opacity: 1; margin-top: 6px; } .aec_transaction_slip_sec > p, .state_account_sec > p { text-align: left; line-height: 20px; padding: 5px 0; } .state_account_sec { text-align: left; padding: 0 8px; margin-bottom: 35px; } .state_account_div { position: relative; } .state_account_div select.state_account_select { width: 100%; border-radius: 7px; border: 1px solid #F8F8F8; background-color: #F8F8F8; height: 42px; padding: 8px 40px 8px 18px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .aec_payer_div .switch { display: block; } .aec_payer_div { margin-left: 16px; } .aec_payer_sec { text-align: left; display: flex; align-items: center; margin-bottom: 32px; padding: 0 8px; } .aec_payer_detail_sec { text-align: left; transition: all .3s ease-in-out; padding: 0 8px; } .aec_payer_detail_sec:not(.aec_payer_detail_active) { max-height: 0; overflow: hidden; pointer-events: none; opacity: 0; } .aec_payer_detail_sec.aec_payer_detail_active { margin-bottom: 30px; opacity: 1; pointer-events: all; max-height: 3000px; } .aec_pd_field_sec { display: flex; flex-wrap: wrap; margin-bottom: -4px; } .aec_pd_field_sec .aec_pd_field_div.form-group { width: calc(50% - 7.5px); margin-top: 0; margin-bottom: 14px; } .aec_pd_field_sec .aec_pd_field_div:nth-child(2n + 1) { margin-right: 15px; } .aec_payer_detail_sec .aec_pd_note { line-height: 19px; } .aec_pd_field_div .aec_pd_field_title { line-height: 20px; padding: 5px 0; } .aec_payer_detail_sec .aec_payer_detail_title { margin-bottom: 14px; } .aec_checkout_save_sec { position: absolute; z-index: 1; top: 0; bottom: 0; height: 30px; margin: auto; right: -130px; } .aec_offline_checkout_sec { transition: all .3s ease-in-out; max-height: 3000px; opacity: 1; pointer-events: all; } .aec_checkout_sec:not(.aec_checkout_offline) .aec_offline_checkout_sec { max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; } .aec_checkout_sec:not(.aec_checkout_offline) .aec_checkout_online, .aec_checkout_sec.aec_checkout_offline .aec_checkout_offline { display: block; } .aec_checkout_sec:not(.aec_checkout_offline) .aec_checkout_offline, .aec_checkout_sec.aec_checkout_offline .aec_checkout_online { display: none; } /* .sgm-memos-content-3rd-wrap:not(.sgm_memos_tp_active) { padding-top: 0; } */ /* .lee_at .tippy-box { max-width: 465px!important; } */ /*********** Phase 3 end *******************************/