.qode-type1-gradient-left-to-right { background: linear-gradient(to right,#003055, #000000);} .qode-type1-gradient-bottom-to-top, .qode-type1-gradient-bottom-to-top-after:after { background: linear-gradient(to top,#003055, #000000);} .qode-type1-gradient-left-bottom-to-right-top { background: linear-gradient(to right top,#003055, #000000);} .qode-type1-gradient-left-to-right-2x { background: linear-gradient(to right,#003055 0%, #000000 50%,#003055 100%);background-size: 200% 200%;} .qode-type1-gradient-left-to-right-text i, .qode-type1-gradient-left-to-right-text i:before, .qode-type1-gradient-left-to-right-text span { background: -webkit-linear-gradient(right top,#000000, #003055);color: #003055;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .qode-type1-gradient-bottom-to-top-text i, .qode-type1-gradient-bottom-to-top-text i:before, .qode-type1-gradient-bottom-to-top-text span, .qode-type1-gradient-bottom-to-top-text span span { background: -webkit-linear-gradient(bottom,#000000, #003055);color: #003055;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .qode-type1-gradient-bottom-to-top-text-hover:hover i, .qode-type1-gradient-bottom-to-top-text-hover:hover i:before, .qode-type1-gradient-bottom-to-top-text-hover:hover span, .qode-type1-gradient-bottom-to-top-text-hover:hover span span { background: -webkit-linear-gradient(bottom,#000000, #003055);color: #003055;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} @font-face { font-family: 'mercurydisplayroman'; src: url(https://kiatarch.id/wp-content/uploads/2022/05/MercuryDisplay-Roman.otf) format('truetype') ;} @font-face { font-family: 'universe'; src: url(https://kiatarch.id/wp-content/uploads/2022/07/UniversLTStd-Black.otf) format('truetype') ;} @font-face { font-family: 'universeobl'; src: url(https://kiatarch.id/wp-content/uploads/2022/07/UniversLTStd-BlackObl.otf) format('truetype') ;} @font-face { font-family: 'universecn'; src: url(https://kiatarch.id/wp-content/uploads/2022/07/UniversLTStd-Cn.otf) format('truetype') ;} /* Webkit */ ::selection { background: #dd3333; } /* Gecko/Mozilla */ ::-moz-selection { background: #dd3333; } h1 a:hover, .box_image_holder .box_icon .fa-stack i.fa-stack-base, .q_percentage_with_icon, .filter_holder ul li.active span, .filter_holder ul li:hover span, .q_tabs .tabs-nav li.active a:hover, .q_tabs .tabs-nav li a:hover, .q_accordion_holder.accordion .ui-accordion-header:hover, .q_accordion_holder.accordion.with_icon .ui-accordion-header i, .testimonials .testimonial_text_inner p.testimonial_author span.author_company, .testimonial_content_inner .testimonial_author .company_position, .q_icon_with_title.center .icon_holder .font_awsome_icon i:hover, .q_box_holder.with_icon .box_holder_icon_inner .fa-stack i.fa-stack-base, .q_icon_with_title.boxed .icon_holder .fa-stack, .q_progress_bars_icons_inner .bar.active i.fa-circle, .q_list.number ul>li:before, .q_social_icon_holder:hover .simple_social, .social_share_dropdown ul li :hover i, .social_share_list_holder ul li i:hover, .blog_holder.blog_masonry_date_in_image .social_share_list_holder ul li i:hover, .latest_post_inner .post_infos a:hover, .q_masonry_blog article .q_masonry_blog_post_info a:hover, .blog_holder article:not(.format-quote):not(.format-link) .post_info a:hover, .latest_post_inner .post_comments:hover i, .blog_holder article .post_description a:hover, .blog_holder article .post_description .post_comments:hover, .blog_like a:hover i, .blog_like a.liked i, .latest_post .blog_like a:hover span, article:not(.format-quote):not(.format-link) .blog_like a:hover span, .comment_holder .comment .text .replay, .comment_holder .comment .text .comment-reply-link, .header-widget.widget_nav_menu ul.menu li a:hover, aside .widget a:hover, aside .widget.posts_holder li:hover, .wpb_widgetised_column .widget a:hover, .wpb_widgetised_column .widget.posts_holder li:hover, .elementor-widget.elementor-widget-sidebar .widget a:hover, .elementor-widget.elementor-widget-sidebar .widget.posts_holder li:hover, .q_steps_holder .circle_small:hover span, .q_steps_holder .circle_small:hover .step_title, .header_top #lang_sel > ul > li > a:hover, .header_top #lang_sel_click > ul > li> a:hover, .header_top #lang_sel_list ul li a.lang_sel_sel, .header_top #lang_sel_list ul li a:hover, aside .widget #lang_sel a.lang_sel_sel:hover, aside .widget #lang_sel_click a.lang_sel_sel:hover, aside .widget #lang_sel ul ul a:hover, aside .widget #lang_sel_click ul ul a:hover, aside .widget #lang_sel_list li a.lang_sel_sel, aside .widget #lang_sel_list li a:hover, .wpb_widgetised_column .widget #lang_sel a.lang_sel_sel:hover, .wpb_widgetised_column .widget #lang_sel_click a.lang_sel_sel:hover, .wpb_widgetised_column .widget #lang_sel ul ul a:hover, .wpb_widgetised_column .widget #lang_sel_click ul ul a:hover, .wpb_widgetised_column .widget #lang_sel_list li a.lang_sel_sel, .wpb_widgetised_column .widget #lang_sel_list li a:hover, .elementor-widget.elementor-widget-sidebar .widget #lang_sel a.lang_sel_sel:hover, .elementor-widget.elementor-widget-sidebar .widget #lang_sel_click a.lang_sel_sel:hover, .elementor-widget.elementor-widget-sidebar .widget #lang_sel ul ul a:hover, .elementor-widget.elementor-widget-sidebar .widget #lang_sel_click ul ul a:hover, .elementor-widget.elementor-widget-sidebar .widget #lang_sel_list li a.lang_sel_sel, .elementor-widget.elementor-widget-sidebar .widget #lang_sel_list li a:hover, .service_table_inner li.service_table_title_holder i, .latest_post_two_holder .latest_post_two_text a:hover, .q_team .q_team_social_holder .q_social_icon_holder:hover .simple_social, .portfolio_template_8 .portfolio_detail .info .category, .portfolio_navigation.navigation_title .post_info span.categories, .qode_portfolio_related .projects_holder article .portfolio_description .project_category, .blog_compound article .post_content .blog_like a:hover, .blog_compound article .post_content .blog_like a:hover span, .blog_compound article .post_content .blog_share a:hover, .blog_compound article .post_content .blog_share a:hover span, .blog_compound article .post_content .post_comments:hover, .blog_compound article .post_content .post_comments:hover span, .blog_holder.blog_pinterest article.format-link .post_info a:hover, .blog_holder.blog_pinterest article.format-quote .post_info a:hover, .blog_compound .post_title .category a, .blog_compound .post_title .category span.date, .q_price_table.qode_pricing_table_advanced .qode_pt_subtitle, .q_price_table.qode_pricing_table_advanced .qode_pt_additional_info .qode_pt_icon, .q_price_table.qode_pricing_table_advanced .price_table_inner .value, table.tt_timetable .event .event_header, table.tt_timetable .event a, .tt_tabs .tt_tabs_navigation .ui-tabs-active a, .tt_tabs .tt_tabs_navigation li a:hover, .qode-owl-slider .owl-nav .owl-next:hover .qode-next-icon, .qode-owl-slider .owl-nav .owl-next:hover .qode-prev-icon, .qode-owl-slider .owl-nav .owl-prev:hover .qode-next-icon, .qode-owl-slider .owl-nav .owl-prev:hover .qode-prev-icon, .qode-owl-slider-style .owl-nav .owl-next:hover .qode-next-icon, .qode-owl-slider-style .owl-nav .owl-next:hover .qode-prev-icon, .qode-owl-slider-style .owl-nav .owl-prev:hover .qode-next-icon, .qode-owl-slider-style .owl-nav .owl-prev:hover .qode-prev-icon { color: #ffffff !important; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover, p a:hover, .portfolio_share .social_share_holder a:hover, .breadcrumb .current, .breadcrumb a:hover, .q_icon_with_title .icon_with_title_link, .q_counter_holder span.counter, .q_font_awsome_icon i, .q_font_awsome_icon span, .q_dropcap, .q_counter_holder span.counter, nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a, .q_progress_bars_icons_inner.square .bar.active i, .q_progress_bars_icons_inner.circle .bar.active i, .q_progress_bars_icons_inner.normal .bar.active i, .q_font_awsome_icon_stack .fa-circle, .footer_top .q_social_icon_holder:hover .simple_social, .more_facts_button:hover, .box_holder_icon .fa-stack i, .blog_large_image_simple .minimalist_date, nav.content_menu ul li.active:hover i, nav.content_menu ul li:hover i, nav.content_menu ul li.active:hover a, nav.content_menu ul li:hover a, .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover span, .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active span, .q_font_awsome_icon i:hover, .q_font_awsome_icon span:hover, .fullscreen_search_holder .search_submit:hover, .title .text_above_title, .qode-comparative-features-table .qode-cft-link:hover, .qode-comparative-features-table .qode-cft-mark.qode-cft-active, .qode-blog-carousel-titled .qode-bct-post .qode-bct-post-date, .qode-showcase-icon .qode-icon-holder.qode-icon-circle .qode-icon-element, .qode-horizontal-timeline .qode-timeline-navigation a.qode-prev, .qode-horizontal-timeline .qode-timeline-navigation a.qode-next { color: #ffffff; } .box_image_with_border:hover, .qbutton:hover, .vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover, .vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .qbutton.white:hover, .qbutton.green, .portfolio_slides .hover_feature_holder_inner .qbutton:hover, .testimonials_holder.light .flex-direction-nav a:hover, .q_progress_bars_icons_inner.square .bar.active .bar_noactive, .q_progress_bars_icons_inner.square .bar.active .bar_active, .q_progress_bars_icons_inner.circle .bar.active .bar_noactive, .q_progress_bars_icons_inner.circle .bar.active .bar_active, .widget.widget_search form.form_focus, .q_steps_holder .circle_small_wrapper, .animated_icon_inner span.animated_icon_back i, body:not(.search-results) .blog_holder article.format-link .post_text:hover .post_text_inner, body:not(.search-results) .blog_holder article.format-quote .post_text:hover .post_text_inner, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover, .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected{ border-color: #ffffff } .tt_tabs .tt_tabs_navigation .ui-tabs-active a, .tt_tabs .tt_tabs_navigation li a:hover, .tt_tabs .tt_tabs_navigation li a{ border-color: #ffffff !important; } .q_icon_list i, .q_progress_bar .progress_content, .q_progress_bars_vertical .progress_content_outer .progress_content, .qbutton:hover, .vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover, .vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover, .post-password-form input[type='submit']:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .qbutton.white:hover, .qbutton.green, .call_to_action, .highlight, .testimonials_holder.light .flex-direction-nav a:hover, .q_dropcap.circle, .q_dropcap.square, .q_message, .q_price_table.active .active_text, .q_icon_with_title.boxed .icon_holder .fa-stack, .q_font_awsome_icon_square, .q_icon_with_title.square .icon_holder .fa-stack:hover, .box_holder_icon_inner.square .fa-stack:hover, .box_holder_icon_inner.circle .fa-stack:hover, .circle .icon_holder .fa-stack:hover, .q_list.number.circle_number ul>li:before, .q_social_icon_holder.circle_social .fa-stack:hover, .social_share_dropdown ul li.share_title, .latest_post_holder .latest_post_date .post_publish_day, .q_masonry_blog article.format-link:hover, .q_masonry_blog article.format-quote:hover, #wp-calendar td#today, .vc_text_separator.full div, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-current, .wp-audio-shortcode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .q_pie_graf_legend ul li .color_holder, .q_line_graf_legend ul li .color_holder, .q_team .q_team_text_inner .separator, .circle_item .circle:hover, .qode_call_to_action.container, .qode_carousels .flex-control-paging li a.flex-active, .animated_icon_inner span.animated_icon_back i, .q_circles_holder .q_circle_inner2:hover, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a, .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover, .portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a, .portfolio_main_holder .item_holder.slow_zoom .icons_holder a, .qode_video_box .qode_video_image:hover .qode_video_box_button, .blog_holder.masonry_gallery article.format-link:hover, .blog_holder.masonry_gallery article.format-quote:hover, .blog_holder.blog_chequered article.format-link:hover, .blog_holder.blog_chequered article.format-quote:hover, .qode-pricing-calculator .qode-pricing-calculator-switch input:checked+.qode-pricing-calculator-slider, .qode-icon-holder.qode-icon-circle, .qode-icon-holder.qode-icon-square, .qode-qbutton-main-color, .qode-advanced-tabs .qode-advanced-tabs-nav li, .qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover, header.menu_bottom .header_bottom_right_widget_holder .header_bottom_widget.widget_search form>div input[type=text], .qode-advanced-call-to-action.qode-advanced-cta-gradient-animation .qode-advanced-cta-background-3, .tt_tabs .tt_tabs_navigation li a, .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected, .tabs_box_navigation.sf-timetable-menu li ul li a:hover, .tabs_box_navigation.sf-timetable-menu li ul li.selected a:hover, #qode-multi-device-showcase.qode-mds-appear-effect #qode-mds-spinner .qode-mds-pulse, .qode-horizontal-timeline .qode-events-wrapper .qode-events .qode-filling-line, .qode-horizontal-timeline .qode-events-wrapper .qode-events a .circle-outer, .no-touch .qode-horizontal-timeline .qode-events-wrapper .qode-events a:hover .circle-outer, .qode-horizontal-timeline .qode-events-wrapper .qode-events a.selected .circle-outer { background-color: #ffffff; } .qode-showcase-item-holder.qode-showcase-active .qode-icon-holder.qode-icon-circle{ background-color: #ffffff !important; } .q_circles_holder .q_circle_inner2:hover, body:not(.search-results) .blog_holder article.format-link .post_text:hover .post_text_inner, body:not(.search-results) .blog_holder article.format-quote .post_text:hover .post_text_inner { background-color: #ffffff !important; border-color: #ffffff !important; } .qode-lazy-preloader svg circle, #qode-multi-device-showcase.qode-mds-appear-effect #qode-mds-spinner svg circle { stroke: #ffffff } body{ font-family: 'Gabriela', sans-serif; color: #777777; font-size: 14px; font-weight: 300; } body, .wrapper, .content, .full_width, .overlapping_content .content > .container, .more_facts_holder, .comment_holder .comment #respond textarea, .comment_holder .comment #respond input[type='text'], .comment_holder .comment #respond input[type='email'], .content .container { background-color:#ffffff; } .angled-section polygon{ fill: #ffffff; } .header_bottom, .header_top, .fixed_top_header .bottom_header{ background-color: rgba(0,48,85,1); } .header_top, .header_bottom, .title, .drop_down .second .inner ul li, .header-widget.widget_nav_menu ul.menu li ul li a, .header_top #lang_sel ul li ul li a, .header_top #lang_sel ul li ul li a:visited, .header_top #lang_sel_click ul li ul li a, .header_top #lang_sel_click ul li ul li a:visited, .drop_down .second .inner > ul, .drop_down .second .inner>ul, li.narrow .second .inner ul, .drop_down .wide .second ul li, .drop_down .second ul li { border-color:#c98485; } header.fixed.scrolled .header_bottom, header.fixed.scrolled .header_top, header.fixed_hiding.scrolled .header_bottom, header.fixed_hiding.scrolled .header_top { background-color: rgba(0,48,85,1) !important; } header:not(.sticky):not(.scrolled) .header_bottom, header.fixed_top_header .bottom_header{ border-bottom: 1px solid rgba(0,48,85,100); } .content{ margin-top: 0; } .logo_wrapper, .side_menu_button, .shopping_cart_inner { height: 90px; } .content.content_top_margin{ margin-top: 90px !important; } header:not(.centered_logo) .header_fixed_right_area { line-height: 90px; } header.sticky .header_bottom, header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom{ box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } header.fixed_hiding .q_logo a, header.fixed_hiding .q_logo{ max-height: 13px; } @media only screen and (max-width: 1000px){ .q_logo a,.q_logo img{ height: auto !important; max-height: 28px !important; max-width: 260px !important; width: auto !important; object-fit: contain; } header .logo_wrapper { height: 75px !important; } } @media only screen and (max-width: 480px){ .q_logo a,.q_logo img{ height: auto !important; max-height: 25px !important; max-width: 220px !important; width: auto !important; object-fit: contain; } header .logo_wrapper { height: 70px !important; } } .touchevents section.parallax_section_holder{ height: auto !important; min-height: 300px; background-position: center top !important; background-attachment: scroll; background-size: cover; } nav.main_menu > ul > li > a{ line-height: 90px; } .drop_down .second .inner ul, .drop_down .second .inner ul li ul, .shopping_cart_dropdown, li.narrow .second .inner ul, .header_top .right #lang_sel ul ul, .drop_down .wide .second ul li.show_widget_area_in_popup .widget, .drop_down .wide.wide_background .second{ background-color: #c98485; background-color: rgba(201,132,133,1); } nav.main_menu > ul > li > a{ color: #c98485; font-family: 'mercurydisplayroman', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } nav.main_menu > ul > li > a{ padding: 0 24px; } header.transparent .drop_down .second:not(.right){ left: 23px; } nav.main_menu ul li:hover a { color: #c98485; } nav.main_menu ul li.active a { color: #c98485 } nav.main_menu > ul > li:hover > a, header.sticky nav.main_menu > ul > li:hover > a { background-color: #003055; } nav.main_menu > ul > li:hover > a, header.sticky nav.main_menu > ul > li:hover > a, .dark nav.main_menu > ul > li:hover > a, .light header.sticky nav.main_menu > ul > li:hover > a { color: #c98485 !important; } .drop_down .second .inner > ul > li > a, .drop_down .second .inner > ul > li > h3, .drop_down .wide .second .inner > ul > li > h3, .drop_down .wide .second .inner > ul > li > a, .drop_down .wide .second ul li ul li.menu-item-has-children > a, .drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a, .drop_down .wide .second .inner > ul li.sub .flexslider ul li h5 a, .drop_down .wide .second .inner > ul li .flexslider ul li h5 a, .drop_down .wide .second .inner > ul li.sub .flexslider ul li h5, .drop_down .wide .second .inner > ul li .flexslider ul li h5, .header_top #lang_sel ul li ul li a { color: #c98485; font-family: 'mercurydisplayroman', sans-serif !important; } .drop_down .second .inner > ul > li > a:hover, .drop_down .wide .second ul li ul li.menu-item-has-children > a:hover, .drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a:hover{ color: #dd3333 !important; } .drop_down .wide .second .inner>ul>li>a { font-family: 'mercurydisplayroman', sans-serif !important; } .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .wide .second .inner ul li.sub .flexslider ul li .menu_recent_post, .drop_down .wide .second .inner ul li .flexslider ul li .menu_recent_post a, .drop_down .wide .second .inner ul li .flexslider ul li .menu_recent_post, .drop_down .wide .second .inner ul li .flexslider ul li .menu_recent_post a{ font-family: 'mercurydisplayroman', sans-serif; } .drop_down .wide.icons .second i{ } .drop_down .second .inner ul li.sub ul li a:hover, .drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper > a, .drop_down .second .inner ul li ul li a:hover, .drop_down .wide.icons .second a:hover i { color: #dd3333 !important; } header.scrolled nav.main_menu > ul > li > a, header.light.scrolled nav.main_menu > ul > li > a, header.dark.scrolled nav.main_menu > ul > li > a{ font-family: 'mercurydisplayroman', sans-serif !important; } header.scrolled nav.main_menu > ul > li > a:hover > span, header.scrolled nav.main_menu > ul > li:hover > a > span, header.scrolled nav.main_menu > ul > li.active > a > span, header.scrolled nav.main_menu > ul > li > a:hover > i, header.scrolled nav.main_menu > ul > li:hover > a > i, header.scrolled nav.main_menu > ul > li.active > a > i, header.scrolled .side_menu_button a:hover, .light.scrolled nav.main_menu > ul > li > a:hover, .light.scrolled nav.main_menu > ul > li.active > a, .light.scrolled .side_menu_button a:hover, .dark.scrolled nav.main_menu > ul > li > a:hover, .dark.scrolled nav.main_menu > ul > li.active > a, .dark.scrolled .side_menu_button a:hover { color: #8224e3 !important; } header.sticky nav.main_menu > ul > li > a, header.light.sticky nav.main_menu > ul > li > a, header.dark.sticky nav.main_menu > ul > li > a{ font-family: 'mercurydisplayroman', sans-serif !important; } header.sticky nav.main_menu > ul > li > a:hover span, header.sticky nav.main_menu > ul > li.active > a span, header.sticky nav.main_menu > ul > li:hover > a > span, header.sticky nav.main_menu > ul > li > a:hover > i, header.sticky nav.main_menu > ul > li:hover > a > i, header.sticky nav.main_menu > ul > li.active > a > i, .light.sticky nav.main_menu > ul > li > a:hover, .light.sticky nav.main_menu > ul > li.active > a, .dark.sticky nav.main_menu > ul > li > a:hover, .dark.sticky nav.main_menu > ul > li.active > a{ color: #8224e3 !important; } nav.mobile_menu ul li a, nav.mobile_menu ul li h3{ color: #303030; font-family: 'mercurydisplayroman', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i { color: #303030; } nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a, nav.mobile_menu ul li.current-menu-item > a{ color: #dd3333; } h1, .h1, .title h1, body.qode-overridden-elementors-fonts .elementor-widget-heading h1.elementor-heading-title{ color: #c98485; font-family: 'mercurydisplayroman', sans-serif; font-size: 185px; line-height: 185px; font-style: normal; font-weight: 400; letter-spacing: 0px; text-transform: none; } .title h1{ color: #303030; font-family: 'mercurydisplayroman', sans-serif; } .title.title_size_medium h1{ font-size: 50px; line-height: 50px; font-weight: 400; letter-spacing: 0px; } h2, .h2, h2 a, body.qode-overridden-elementors-fonts .elementor-widget-heading h2.elementor-heading-title { color: #303030; font-family: 'mercurydisplayroman', sans-serif; font-size: 50px; line-height: 50px; font-style: normal; font-weight: 400; letter-spacing: 0px; text-transform: none; } h3, .h3, h3 a, body.qode-overridden-elementors-fonts .elementor-widget-heading h3.elementor-heading-title { color: #303030; font-family: 'mercurydisplayroman', sans-serif; font-size: 21px; line-height: 25px; font-style: normal; font-weight: 400; letter-spacing: 0px; text-transform: none; } h4, .h4, h4 a, body.qode-overridden-elementors-fonts .elementor-widget-heading h4.elementor-heading-title { color: #303030; font-family: 'mercurydisplayroman', sans-serif; font-size: 21px; font-style: normal; font-weight: 700; letter-spacing: -0.4px; } h5, .h5, h5 a, body.qode-overridden-elementors-fonts .elementor-widget-heading h5.elementor-heading-title, .q_icon_with_title .icon_text_holder h5.icon_title{ color: #303030; font-family: 'mercurydisplayroman', sans-serif; font-size: 15px; line-height: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; text-transform: none; } h6, .h6, h6 a, body.qode-overridden-elementors-fonts .elementor-widget-heading h6.elementor-heading-title { font-family: 'mercurydisplayroman', sans-serif; } p, body.qode-overridden-elementors-fonts .elementor-widget-heading p.elementor-heading-title { color: #777777; font-family: 'mercurydisplayroman', sans-serif; font-size: 14px; line-height: 26px; font-style: normal; font-weight: 300; } .filter_holder ul li span, blockquote h5, .q_social_icon_holder .simple_social, .header-widget.widget_nav_menu ul.menu li a, .side_menu a, .side_menu li, .side_menu span, .side_menu p, .side_menu .widget.widget_rss li a.rsswidget, .side_menu #wp-calendar caption, .side_menu #wp-calendar th, .side_menu #wp-calendar td, aside .widget #lang_sel_list li a, aside .widget #lang_sel li a, aside .widget #lang_sel_click li a, .wpb_widgetised_column .widget #lang_sel_list li a, .wpb_widgetised_column .widget #lang_sel li a, .wpb_widgetised_column .widget #lang_sel_click li a, .elementor-widget.elementor-widget-sidebar .widget #lang_sel_list li a, .elementor-widget.elementor-widget-sidebar .widget #lang_sel li a, .elementor-widget.elementor-widget-sidebar .widget #lang_sel_click li a, section.side_menu #lang_sel_list li a, section.side_menu #lang_sel li a, section.side_menu #lang_sel_click li a, footer #lang_sel_list li a, footer #lang_sel li a, footer #lang_sel_click li a, footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_vertical a, .side_menu #lang_sel_list.lang_sel_list_horizontal a, .side_menu #lang_sel_list.lang_sel_list_vertical a, #lang_sel_footer a{ color: #777777; } .header_top #lang_sel > ul > li > a, .header_top #lang_sel_click > ul > li> a, footer #lang_sel ul li a, footer #lang_sel ul ul a, footer #lang_sel_click ul li a, footer #lang_sel_click ul ul a, footer #lang_sel_click ul ul a span, section.side_menu #lang_sel ul li a, section.side_menu #lang_sel ul ul a, section.side_menu #lang_sel ul ul a:visited, section.side_menu #lang_sel_click > ul > li > a, section.side_menu #lang_sel_click ul ul a, section.side_menu #lang_sel_click ul ul a:visited{ color: #777777 !important; } a, p a{ color: #c98485; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover, .q_icon_with_title .icon_with_title_link, .blog_holder article .post_description a:hover, .blog_holder.masonry article .post_info a:hover, .breadcrumb .current, .breadcrumb a:hover, .portfolio_social_holder a:hover, .latest_post_inner .post_infos a:hover{ color: #c98485; } a:hover,p a:hover, h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover, .q_tabs .tabs-nav li a:hover, .q_icon_with_title .icon_with_title_link:hover, .blog_holder article .post_description a:hover, .blog_holder.masonry article .post_info a:hover, .portfolio_social_holder a:hover, .latest_post_inner .post_infos a:hover{ color: #c98485; } .google_map{ height: 750px; } .footer_inner{ background-image:url(https://kiatarch.id/wp-content/uploads/2022/03/emboslogo3.png); background-position: 0 0; } .footer_top_holder,.footer_bottom_holder, .content footer .container { background-color:transparent; } .footer_top_holder, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a{ background-color: #003055; } footer #lang_sel ul ul a,footer #lang_sel_click ul ul a,footer #lang_sel ul ul a:visited,footer #lang_sel_click ul ul a:visited{ background-color: #003055 !important; } .footer_top, .footer_top.footer_top_full{ padding-top: 58px;padding-right: 45px;padding-bottom: 49px;padding-left: 45px } .footer_top .column_inner > div h2, .footer_top .column_inner > div h3, .footer_top .column_inner > div h4, .footer_top .column_inner > div h5, .footer_top .column_inner > div h6 { color:#ffffff; } .footer_top, .footer_top p, .footer_top span, .footer_top li, .footer_top .textwidget, .footer_top .widget_recent_entries>ul>li>span { color: #ffffff; } .footer_top a:not(.qbutton) { color: #ffffff !important; } .footer_top .q_social_icon_holder .simple_social { color: #ffffff; } .footer_top a:not(.qbutton):hover { color: #777777 !important; } .footer_top .q_social_icon_holder:hover .simple_social { color: #777777; } .footer_top h5 { font-family: "universecn", sans-serif;font-size: 16px;color: #ffffff;font-style: normal } .footer_top, .footer_top p, .footer_top span:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_shortcode):not(.qode_icon_font_elegant):not(.qode-icon-kiko), .footer_top li, .footer_top .textwidget, .footer_top .widget_recent_entries>ul>li>span{ font-family: "universecn", sans-serif;font-size: 16px;letter-spacing: 0px;font-weight: 300;text-transform: none;font-style: normal } .footer_top a:not(.qbutton) { font-family: "universecn", sans-serif;font-size: 16px;font-style: normal } .footer_top, .footer_top .footer_col1, .footer_top .container_inner > .widget, .footer_top.footer_top_full > .widget{ text-align: left; } .footer_top .footer_col2{ text-align: center; } .footer_top .footer_col3{ text-align: right; } .footer_bottom_holder, .footer_bottom, .footer_bottom p, .footer_bottom_holder p, .footer_bottom span:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_font_elegant){ font-family: "universecn", sans-serif;font-size: 16px;font-style: normal } .footer_bottom_holder a, .footer_bottom_holder ul li a{ font-family: "universecn", sans-serif;font-size: 16px;font-style: normal } .footer_bottom, .footer_bottom span, .footer_bottom p, .footer_bottom p a, .footer_bottom a, #lang_sel_footer ul li a, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a, footer #lang_sel a.lang_sel_sel, footer #lang_sel_click a.lang_sel_sel, footer #lang_sel ul ul a, footer #lang_sel_click ul ul a, footer #lang_sel ul ul a:visited, footer #lang_sel_click ul ul a:visited, footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_vertical a, #lang_sel_footer a, .footer_bottom ul li a { color:#ffffff; } .footer_bottom p a:hover, .footer_bottom a:hover, #lang_sel_footer ul li a:hover, footer #lang_sel > ul > li > a:hover, footer #lang_sel_click > ul > li > a:hover, footer #lang_sel a.lang_sel_sel:hover, footer #lang_sel_click a.lang_sel_sel:hover, footer #lang_sel ul ul a:hover, footer #lang_sel_click ul ul a:hover, footer #lang_sel ul ul a:hover, footer #lang_sel_click ul ul a:hover, footer #lang_sel_list.lang_sel_list_horizontal a:hover, footer #lang_sel_list.lang_sel_list_vertical a:hover, #lang_sel_footer a:hover, .footer_bottom ul li a:hover { color: #ffffff; } /*Blog Masonry Gallery - end */ .side_menu_button > a, .mobile_menu_button span, .fixed_top_header .side_menu_button > a, .fixed_top_header .popup_menu .line, .fixed_top_header .mobile_menu_button span{ color: #c98485;font-size: 25px; } .popup_menu .line, .popup_menu .line:after, .popup_menu .line:before{ background-color: #c98485; } .side_menu_button > a:hover, .mobile_menu_button span:hover, .popup_menu:hover .line, .popup_menu:hover .line:after, .popup_menu:hover .line:before{ color: #c98485; } .popup_menu:hover .line, .popup_menu:hover .line:after, .popup_menu:hover .line:before{ background-color: #c98485; } .vertical_menu_float .menu-item .second{ left: calc(100% + 30px); /*because of the padding*/ } .vertical_menu_hidden aside.vertical_menu_area .vertical_menu_float .menu-item .second { left: calc(100% + 40px); } .vertical_menu_area{ text-align:left; } .header_top .q_social_icon_holder .simple_social:not(.qode_icon_font_elegant):not(.qode_icon_font_awesome), .header_top .header-widget, .header_top .header-widget.widget_nav_menu ul.menu>li>a, .header_top .header-widget p, .header_top .header-widget a, .header_top .header-widget span:not(.qode_icon_font_elegant):not(.qode_icon_font_awesome) { font-family: "mercurydisplayroman"; } .filter_holder ul li span { color: #303030;font-size: 10px;font-style: normal;font-weight: 600;letter-spacing: 2px;text-transform: uppercase; } .filter_holder ul li.active span, .filter_holder ul li:hover span{ color: #8224e3!important; } .filter_outer{ height: 126px;margin-bottom: 0px; } .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title, .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a, .projects_masonry_holder .portfolio_title, .projects_masonry_holder .portfolio_title a, .portfolio_main_holder .item_holder .portfolio_title a, .masonry_with_space_only_image .hover_feature_holder_title_inner .portfolio_title a, .projects_holder.justified-gallery article .hover_feature_holder_title .portfolio_title a { font-size: 17px;line-height: 17px; } .projects_holder.hover_text article .project_category, .projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category, .projects_masonry_holder .project_category, .portfolio_main_holder .item_holder .project_category, .masonry_with_space_only_image .projects_holder article span.text_holder span span.text_inner .project_category, .projects_holder.justified-gallery article .project_category, .projects_holder.justified-gallery article span.text_holder span.text_inner .hover_feature_holder_title .project_category { font-size: 12px;line-height: 12px; } .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea{ height: 107px; } .qode_search_form_2 .form_holder_outer, .qode_search_form_2.animated .form_holder_outer, .qode_search_form_2{ height: 300px; } .qode_search_form_2 input[type="text"], .qode_search_form_2 input[type="text"]:focus, .qode_search_form_3 input[type="text"], .qode_search_form_3 input[type="text"]:focus, .fullscreen_search_holder .search_field, .fullscreen_search_holder .search_field:focus, .qode_search_form input, .qode_search_form input:focus{ font-family: mercurydisplayroman, sans-serif } .fullscreen_search_holder .search_label{ font-family: mercurydisplayroman, sans-serif } #back_to_top span i, #back_to_top span span{ color: #303030; } #back_to_top:hover span i, #back_to_top:hover span span{ color: #ffffff; } #back_to_top{ bottom: 95px; } #back_to_top span i, #back_to_top span span{ line-height: 45px; } #back_to_top > span{ background-color: rgba(255,255,255,0);border-color: rgba(48,48,48,1);border-width: 1px;border-style: solid;height:45px;line-height:45px;width:45px } #back_to_top:hover > span{ background-color: rgba(48,48,48,1);border-color: rgba(48,48,48,1) } .flex-direction-nav a, .flexslider .flex-prev, .portfolio_slider .flex-prev, .flexslider .flex-next, .portfolio_slider .flex-next, body div.pp_default a.pp_next:after, body div.pp_default a.pp_previous:after, body a.pp_next:after, body a.pp_previous:after, .wpb_gallery .wpb_wrapper .wpb_flexslider .flex-direction-nav a, .qode_content_slider .flex-direction-nav .flex-prev, .qode_content_slider .flex-direction-nav .flex-next{ background-color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); border-width: 1px; border-style: solid; transition: all 0.15s ease-in-out; } .flex-direction-nav a:hover, .flexslider .flex-prev:hover, .portfolio_slider .flex-prev:hover, .flexslider .flex-next:hover, .portfolio_slider .flex-next:hover, body div.pp_default a.pp_next:hover:after, body div.pp_default a.pp_previous:hover:after, body a.pp_next:hover:after, body a.pp_previous:hover:after, .flexslider:hover .flex-direction-nav a.flex-prev:hover, .flexslider:hover .flex-direction-nav a.flex-next:hover, .portfolio_slider:hover .flex-direction-nav a.flex-prev:hover, .portfolio_slider:hover .flex-direction-nav a.flex-next:hover, .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover, .qode_content_slider .flex-direction-nav .flex-prev:hover, .qode_content_slider .flex-direction-nav .flex-next:hover{ background-color: rgba(48,48,48,1); border-color: rgba(48,48,48,1) } .flex-direction-nav a i, body a.pp_next:after, body a.pp_previous:after, body div.pp_default a.pp_next:after, body div.pp_default a.pp_previous:after{ color: rgba(48,48,48,1); transition: all 0.15s ease-in-out; } .flex-direction-nav a:hover i, body div.pp_default a.pp_next:hover:after, body div.pp_default a.pp_previous:hover:after, body a.pp_next:hover:after, body a.pp_previous:hover:after, .flexslider:hover .flex-direction-nav a.flex-prev:hover i, .flexslider:hover .flex-direction-nav a.flex-next:hover i, .qode_content_slider .flex-direction-nav a.flex-prev:hover i, .qode_content_slider .flex-direction-nav a.flex-next:hover i, .portfolio_slider:hover .flex-direction-nav a.flex-prev:hover i, .portfolio_slider:hover .flex-direction-nav a.flex-next:hover i{ color: rgba(255,255,255,1) } aside .widget h5:not(.latest_post_title), .wpb_widgetised_column .widget h5:not(.latest_post_title), .elementor-widget.elementor-widget-sidebar .widget h5:not(.latest_post_title), .elementor-widget.elementor-widget-sidebar .widget h5:not(.qode-post-title) { font-family: mercurydisplayroman; } aside.sidebar .widget.widget_text, aside.sidebar .widget p, aside.sidebar .widget div:not(.star-rating) span:not(.qode_icon_element), aside.sidebar .widget li, .wpb_widgetised_column .widget.widget_text, .wpb_widgetised_column .widget p, .wpb_widgetised_column .widget div:not(.star-rating) span:not(.qode_icon_element), .wpb_widgetised_column .widget li, .elementor-widget.elementor-widget-sidebar .widget.widget_text, .elementor-widget.elementor-widget-sidebar .widget p, .elementor-widget.elementor-widget-sidebar .widget div:not(.star-rating) span:not(.qode_icon_element), .elementor-widget.elementor-widget-sidebar .widget li{ font-family: mercurydisplayroman; } .qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a, .post-password-form input[type='submit'], input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:not([disabled]), .woocommerce table.cart td.actions input[type="submit"], .woocommerce input#place_order, .woocommerce-page input[type="submit"], .woocommerce .button { color: #303030; font-size: 10px; line-height: 50px; height: 50px; font-style: normal; font-weight: 600; background-color: #fff87f; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; letter-spacing: 2px; text-transform: uppercase; border-width: 0px; padding-left: 32px; padding-right: 32px; } .qode-qbutton-main-color { font-size: 10px; line-height: 50px; height: 50px; font-style: normal; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .qbutton:hover, .qbutton.medium:hover, #submit_comment:hover, .load_more a:hover, .blog_load_more_button a:hover, .post-password-form input[type='submit']:hover, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .woocommerce table.cart td.actions input[type="submit"]:hover, .woocommerce input#place_order:hover, .woocommerce-page input[type="submit"]:hover, .woocommerce .button:hover { color: #ffffff; } .qbutton:hover, #submit_comment:hover, .load_more a:hover, .blog_load_more_button a:hover, .post-password-form input[type='submit']:hover, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .woocommerce table.cart td.actions input[type="submit"]:hover, .woocommerce input#place_order:hover, .woocommerce-page input[type="submit"]:hover, .woocommerce .button:hover { background-color: #303030; } .qbutton.small{ font-size: 10px; } .qbutton.white{ color: #303030; } .qbutton.white:hover, .portfolio_slides .hover_feature_holder_inner .qbutton:hover { color: #303030; background-color: #ffffff; } .masonry_gallery_item .masonry_gallery_item_outer, .masonry_gallery_holder .masonry_gallery_item{ padding: 5px; } .masonry_gallery_holder{ margin: 0 -5px; } .masonry_gallery_item.square_big h3 { padding-bottom: 4px; } .masonry_gallery_item.square_big .masonry_gallery_item_inner .masonry_gallery_item_content{ text-align: center; } .masonry_gallery_item.square_small h3 { padding-bottom: 2px; } .masonry_gallery_item.square_small .masonry_gallery_item_text { line-height: 3px; } .masonry_gallery_item.square_small .masonry_gallery_item_button { padding-left: 4px;padding-right: 4px;margin-top: 4px; } .masonry_gallery_item.square_small .masonry_gallery_item_icon { margin-bottom: 3px; } .masonry_gallery_item.square_small .masonry_gallery_item_inner .masonry_gallery_item_content{ text-align: center; } .masonry_gallery_item.rectangle_portrait .masonry_gallery_item_inner .masonry_gallery_item_content{ text-align: center; } .masonry_gallery_item.rectangle_landscape .masonry_gallery_item_inner .masonry_gallery_item_content{ text-align: center; } .qode-accordion-holder .qode-title-holder { text-transform: none;font-style: normal;} .qode-btn { text-transform: none;font-style: normal;} .qode-interactive-project-list .qode-ipl-inner .qode-ipl-left article .qode-ipl-item-inner .qode-ipl-item-text .qode-ipl-title, .qode-interactive-project-list .qode-ipl-inner .qode-ipl-left article .qode-ipl-item-inner .qode-ipl-item-text .qode-ipl-title-aux { color: #ffffff;-webkit-text-stroke-color: #ffffff;} .qode-interactive-project-list .qode-ipl-inner .qode-ipl-left article .qode-ipl-item-inner .qode-ipl-item-text .qode-ipl-category-holder a { color: #ffffff;} .qode-interactive-project-list .qode-ipl-inner .qode-ipl-left article .qode-ipl-item-inner .qode-ipl-item-text .qode-ipl-item-number-holder span { color: #ffffff;border-color: rgba(255, 255, 255, .2);} .latest_post_holder.image_on_the_left_boxed .date_hour_holder, .latest_post_holder.image_on_the_left_boxed .featured .read_more:before { background-color: #ffffff;} .qode-portfolio-carousel .qode-pc-custom-cursor { color: #ffffff;border-color: #ffffff;} #qode-portfolio-list-stacked .qode-pls-end-of-scroll .qode-eos-title * { color: #ffffff;-webkit-text-stroke-color: #ffffff;} #qode-pls-info .qode-pls-title-holder .qode-pls-title a { color: #ffffff;} #qode-portfolio-list-stacked .qode-pls-scroll-note .qode-pls-down svg path { fill: #ffffff;} /* ========================================================================== KIAT ARCHITECT - CONTACT US RESPONSIVE ENHANCEMENTS ========================================================================== */ .kiat_contact_info { padding: 10px 0; } .kiat_contact_badge { display: inline-block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #888888; margin-bottom: 8px; } .kiat_contact_title { font-family: 'mercurydisplayroman', 'universe', serif, sans-serif; font-size: 28px; line-height: 1.3; color: #1a1a1a; margin-bottom: 12px; font-weight: 700; letter-spacing: 0.5px; } .kiat_contact_divider { width: 40px; height: 2px; background-color: #003055; margin-bottom: 24px; } .kiat_contact_item { display: flex; align-items: flex-start; margin-bottom: 22px; gap: 16px; } .kiat_contact_icon { flex-shrink: 0; width: 38px; height: 38px; background-color: #f4f6f8; border: 1px solid #e5e9ec; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #003055; font-size: 16px; margin-top: 2px; transition: all 0.3s ease; } .kiat_contact_item:hover .kiat_contact_icon { background-color: #003055; color: #ffffff; border-color: #003055; } .kiat_contact_text strong { display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #222222; margin-bottom: 4px; } .kiat_contact_text p { font-size: 14px; line-height: 1.6; color: #555555; margin: 0; } .kiat_contact_text a { color: #003055; text-decoration: none; transition: color 0.2s ease; } .kiat_contact_text a:hover { color: #c98485; } /* Map Container */ .kiat_map_container { width: 100%; border-radius: 6px; overflow: hidden; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07); border: 1px solid #e8e8e8; background-color: #f9f9f9; } .kiat_map_container iframe { display: block; width: 100% !important; min-height: 350px; border: none; } /* Form Section */ .kiat_form_header { margin-bottom: 25px; } .kiat_form_title { font-family: 'mercurydisplayroman', 'universe', serif, sans-serif; font-size: 24px; line-height: 1.3; color: #1a1a1a; margin-bottom: 10px; font-weight: 700; } .kiat_form_wrapper { background: #ffffff; border: 1px solid #eaeaea; border-radius: 8px; padding: 35px; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04); } /* Fluent Form Styling Overrides */ .kiat_form_wrapper .fluentform { max-width: 100%; } .kiat_form_wrapper .ff-el-group { margin-bottom: 20px; } .kiat_form_wrapper .ff-el-input--label label { font-size: 13px; font-weight: 600; color: #333333; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; display: inline-block; } .kiat_form_wrapper .ff-el-form-control { border: 1px solid #d8dde2 !important; border-radius: 4px !important; padding: 12px 16px !important; font-size: 14px !important; color: #333333 !important; background-color: #fafbfc !important; transition: all 0.2s ease !important; width: 100% !important; box-sizing: border-box !important; } .kiat_form_wrapper .ff-el-form-control:focus { border-color: #003055 !important; background-color: #ffffff !important; box-shadow: 0 0 0 3px rgba(0, 48, 85, 0.1) !important; outline: none !important; } .kiat_form_wrapper textarea.ff-el-form-control { min-height: 130px; resize: vertical; } .kiat_form_wrapper .ff_submit_btn_wrapper { margin-top: 10px; } .kiat_form_wrapper .ff-btn-submit { background: #003055 !important; color: #ffffff !important; border: none !important; padding: 14px 36px !important; font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; border-radius: 4px !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 15px rgba(0, 48, 85, 0.2) !important; } .kiat_form_wrapper .ff-btn-submit:hover { background: #001f38 !important; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0, 48, 85, 0.3) !important; } /* ========================================================================== GLOBAL MOBILE RESPONSIVE ENHANCEMENTS (ALL PAGES) ========================================================================== */ @media only screen and (max-width: 1000px) { /* 1. Viewport & General Reset */ html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; } .wrapper, .wrapper_inner, .content, .content_inner { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } /* 2. Header, Logo & Menu Bar Layout (One Single Row) */ header .header_bottom { padding: 0 15px !important; height: auto !important; box-sizing: border-box !important; } header .header_bottom .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; } header .header_bottom .container_inner { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 75px !important; padding: 0 !important; position: relative !important; box-sizing: border-box !important; } header .header_inner_left { display: flex !important; align-items: center !important; float: none !important; margin: 0 !important; position: static !important; flex: 1 1 auto !important; gap: 15px !important; } header .mobile_menu_button { display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; margin: 0 !important; padding: 0 !important; height: 44px !important; width: 44px !important; cursor: pointer; z-index: 10; } header .mobile_menu_button span { font-size: 24px !important; line-height: 1 !important; display: flex !important; align-items: center !important; } header .logo_wrapper { display: flex !important; align-items: center !important; float: none !important; height: auto !important; position: static !important; margin: 0 !important; max-width: calc(100% - 90px) !important; } header .q_logo { display: flex !important; align-items: center !important; height: auto !important; position: static !important; top: auto !important; left: auto !important; } header .q_logo a { display: flex !important; align-items: center !important; position: static !important; top: auto !important; left: auto !important; height: auto !important; max-width: 100% !important; } header .q_logo img, header .q_logo img.mobile, header .q_logo img.normal, header .q_logo img.light, header .q_logo img.dark { display: block !important; opacity: 1 !important; height: auto !important; max-height: 38px !important; max-width: 280px !important; width: auto !important; object-fit: contain !important; margin: 0 !important; } header .header_inner_right { display: flex !important; align-items: center !important; justify-content: flex-end !important; float: none !important; margin: 0 !important; position: static !important; } header .side_menu_button_wrapper { display: flex !important; align-items: center !important; float: none !important; margin: 0 !important; } header .side_menu_button { display: flex !important; align-items: center !important; height: 44px !important; margin: 0 !important; } header .side_menu_button a.search_button { display: flex !important; align-items: center !important; line-height: 1 !important; font-size: 22px !important; padding: 0 4px !important; } /* 3. Global Containers across all pages */ .container_inner, .full_width, .full_width_inner, div.grid_section .section_inner, .section_inner, .default_template_holder { width: 100% !important; max-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; margin-left: auto !important; margin-right: auto !important; } .section_inner_margin, .parallax_section_inner_margin, .full_section_inner, .vc_row-fluid { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } .wpb_column, .vc_column_container, .vc_column-inner { width: 100% !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* 4. Contact Us Page Mobile Formatting */ .vc_custom_contact_sec1 { padding-top: 35px !important; padding-bottom: 20px !important; } .vc_custom_contact_sec2 { padding-top: 15px !important; padding-bottom: 50px !important; } .vc_custom_col_info, .vc_custom_col_map { padding-left: 0 !important; padding-right: 0 !important; } .kiat_contact_info { padding: 0 !important; margin-bottom: 25px !important; } .kiat_contact_title { font-size: 24px !important; } .kiat_contact_item { margin-left: 0 !important; padding-left: 0 !important; gap: 14px !important; } .kiat_contact_icon { margin-left: 0 !important; flex-shrink: 0 !important; } .kiat_form_title { font-size: 20px !important; } .kiat_map_container { margin-bottom: 30px !important; } .kiat_map_container iframe { min-height: 280px !important; height: 280px !important; } .kiat_form_wrapper { padding: 22px 16px !important; } .kiat_form_wrapper .ff-t-container { display: block !important; } .kiat_form_wrapper .ff-t-cell { display: block !important; width: 100% !important; padding: 0 !important; margin-bottom: 15px !important; } .kiat_form_wrapper .ff-btn-submit { width: 100% !important; text-align: center !important; padding: 14px 20px !important; } /* 5. Compact Mobile Project Sidebar & Filter Buttons */ .vc_col-sm-3 .vc_empty_space, .vc_col-sm-3 .vc_row.vc_inner:empty, .vc_col-sm-4 .vc_empty_space, .vc_col-sm-4 .vc_row.vc_inner:empty, .wpb_column .vc_empty_space[style*="height: 10px"], .wpb_column .vc_empty_space[style*="height: 15px"] { display: none !important; } .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper, .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; margin-bottom: 20px !important; padding-bottom: 15px !important; border-bottom: 1px solid rgba(0, 48, 85, 0.12) !important; } .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper > .wpb_text_column, .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper > .wpb_text_column, .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper > .vc_row, .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper > .vc_row { width: 100% !important; margin-bottom: 6px !important; } .vc_col-sm-3 h3, .vc_col-sm-3 h4, .vc_col-sm-4 h3, .vc_col-sm-4 h4 { margin: 0 0 8px 0 !important; font-size: 19px !important; line-height: 1.3 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #003055 !important; font-weight: 700 !important; } .vc_col-sm-3 .qode-btn, .vc_col-sm-4 .qode-btn, .vc_col-sm-3 .qode_button_v2, .vc_col-sm-4 .qode_button_v2, .vc_col-sm-3 a.qbutton, .vc_col-sm-4 a.qbutton { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; padding: 6px 12px !important; line-height: 1.2 !important; height: auto !important; min-height: 0 !important; background: #f1f4f8 !important; color: #003055 !important; border: 1px solid #ccd6e0 !important; border-radius: 4px !important; box-shadow: none !important; margin: 0 !important; transition: all 0.2s ease !important; } .vc_col-sm-3 .qode-btn:hover, .vc_col-sm-4 .qode-btn:hover, .vc_col-sm-3 .qode_button_v2:hover, .vc_col-sm-4 .qode_button_v2:hover, .vc_col-sm-3 a.qbutton:hover, .vc_col-sm-4 a.qbutton:hover { background: #003055 !important; color: #ffffff !important; border-color: #003055 !important; } .vc_col-sm-3 .qode-btn .qode-btn-text, .vc_col-sm-4 .qode-btn .qode-btn-text, .vc_col-sm-3 .qode_button_v2 span, .vc_col-sm-4 .qode_button_v2 span { font-size: 11px !important; line-height: 1.2 !important; color: inherit !important; } /* Home Page Hero Slider Mobile Optimization */ .home .content, .home .content_inner, .home .container, .home .container_inner, .home .full_width, .home .full_width_inner, .home .elementor, .home .elementor-section, .home .elementor-container, .home .elementor-column, .home .elementor-column-wrap, .home .elementor-widget-wrap, .home .elementor-widget, .home .elementor-widget-container, .home .wp-block-themepunch-revslider, .home .elementor-element-472532c { padding: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .home footer { margin-top: 0 !important; } .elementor-section { padding-left: 0 !important; padding-right: 0 !important; } .elementor-container { padding-left: 10px !important; padding-right: 10px !important; max-width: 100% !important; } /* 6. Media Grid Mobile Responsiveness (Clean Compact Spacing) */ .mg_grid_wrap { margin-bottom: 20px !important; overflow: visible !important; } .mg_items_container { display: flex !important; flex-direction: column !important; width: 100% !important; height: auto !important; min-height: 0 !important; position: relative !important; margin: 0 auto !important; } .mg_box, .mg_items_container .mg_box, .mg_mobile_mode .mg_box, [class*="mgis_w_"], [class*="mgis_m_w_"] { position: relative !important; top: auto !important; left: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 16px 0 !important; padding: 0 !important; padding-bottom: 0 !important; display: block !important; box-sizing: border-box !important; float: none !important; clear: both !important; z-index: 1 !important; } .mg_box[class*="mgis_h_"], .mg_box[class*="mgis_m_h_"], .mg_items_container [class*="mgis_h_"], .mg_items_container [class*="mgis_m_h_"] { padding-bottom: 0 !important; height: auto !important; } .mgi_elems_wrap { position: relative !important; width: 100% !important; height: auto !important; display: block !important; margin: 0 !important; padding: 0 !important; } .mg_box_inner { position: relative !important; display: block !important; width: 100% !important; height: auto !important; border-radius: 4px !important; overflow: hidden !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; opacity: 1 !important; transform: none !important; border: 1px solid #e2e8f0 !important; } .mg_media_wrap { position: relative !important; display: block !important; width: 100% !important; height: auto !important; } .mgi_thumb_wrap { position: relative !important; display: block !important; width: 100% !important; height: 220px !important; padding-bottom: 0 !important; overflow: hidden !important; } .mgi_thumb, .mg_thumb { width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; background-size: cover !important; background-position: center !important; } .mgi_txt_under { position: relative !important; display: block !important; width: 100% !important; padding: 10px 14px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #edf2f7 !important; opacity: 1 !important; transform: none !important; } .mgi_txt_under h3, .mgi_txt_under .mg_title, .mgi_txt_under .mg_def_txt_under { font-size: 13px !important; font-weight: 700 !important; color: #003055 !important; margin: 0 !important; white-space: normal !important; letter-spacing: 0.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; } /* 7. Footer Mobile Optimization & Position */ footer { margin-top: 0 !important; position: relative !important; z-index: 10 !important; clear: both !important; width: 100% !important; display: block !important; } footer .footer_top_border { display: none !important; height: 0 !important; } footer .footer_top { padding-top: 25px !important; padding-bottom: 25px !important; background-color: #003055 !important; display: block !important; width: 100% !important; } footer .footer_top .container_inner { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 0 !important; } footer .three_columns { display: flex !important; flex-direction: column !important; gap: 15px !important; } footer .column1.footer_col1, footer .column2.footer_col2, footer .column3.footer_col3 { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } footer .widget_text p { font-size: 13px !important; line-height: 1.5 !important; margin-bottom: 3px !important; color: #ffffff !important; } footer .widget_text p a, footer .widget_text mark { color: #ffffff !important; background: none !important; font-size: 13px !important; } footer .widget_text p a:hover { color: #c98485 !important; } footer .widget_text p:empty, footer .widget:empty { display: none !important; } footer .footer_bottom_holder { display: none !important; } } @media only screen and (max-width: 480px) { header .header_bottom .container_inner { height: 72px !important; padding: 0 12px !important; } header .q_logo img, header .q_logo img.mobile, header .q_logo img.normal, header .q_logo img.light, header .q_logo img.dark { max-height: 34px !important; max-width: 260px !important; height: auto !important; width: auto !important; } .kiat_contact_title { font-size: 22px !important; } .container_inner, .full_width_inner, div.grid_section .section_inner, .section_inner { padding-left: 15px !important; padding-right: 15px !important; } .home .full_width_inner, .home .container_inner { padding-left: 0 !important; padding-right: 0 !important; } .vc_col-sm-3 .qode-btn, .vc_col-sm-4 .qode-btn, .vc_col-sm-3 .qode_button_v2, .vc_col-sm-4 .qode_button_v2 { font-size: 10px !important; padding: 5px 10px !important; } .mgi_thumb_wrap { height: 200px !important; } }