/* theme options */
html{background-color:#fcfcfc}#Wrapper,#Content,.mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login,#Top_bar .search_wrapper,#Top_bar .top_bar_right .mfn-live-search-box,.column_livesearch .mfn-live-search-wrapper,.column_livesearch .mfn-live-search-box{background-color:#ffffff}.layout-boxed.mfn-bebuilder-header.mfn-ui #Wrapper .mfn-only-sample-content{background-color:#ffffff}body:not(.template-slider) #Header{min-height:250px}body.header-below:not(.template-slider) #Header{padding-top:250px}#Footer .widgets_wrapper{padding:70px 0}.has-search-overlay.search-overlay-opened #search-overlay{background-color:rgba(0,0,0,0.6)}.elementor-page.elementor-default #Content .the_content .section_wrapper{max-width:100%}.elementor-page.elementor-default #Content .section.the_content{width:100%}.elementor-page.elementor-default #Content .section_wrapper .the_content_wrapper{margin-left:0;margin-right:0;width:100%}body,span.date_label,.timeline_items li h3 span,input[type="date"],input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="url"],textarea,select,.offer_li .title h3,.mfn-menu-item-megamenu{font-family:"Poppins"}.lead,.big{font-family:"Poppins"}#menu > ul > li > a,#overlay-menu ul li a{font-family:"Poppins"}#Subheader .title{font-family:"Poppins"}h1,h2,h3,h4,.text-logo #logo{font-family:"Poppins"}h5,h6{font-family:"Poppins"}blockquote{font-family:"Poppins"}.chart_box .chart .num,.counter .desc_wrapper .number-wrapper,.how_it_works .image .number,.pricing-box .plan-header .price,.quick_fact .number-wrapper,.woocommerce .product div.entry-summary .price{font-family:"Poppins"}body,.mfn-menu-item-megamenu{font-size:15px;line-height:28px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:17px;line-height:30px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:15px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:22.5px}#Subheader .title{font-size:50px;line-height:60px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:50px;line-height:60px;font-weight:500;letter-spacing:0px}h2{font-size:40px;line-height:50px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px}h5{font-size:18px;line-height:30px;font-weight:400;letter-spacing:0px}h6{font-size:15px;line-height:26px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:70px;line-height:70px;font-weight:400;letter-spacing:0px}@media only screen and (min-width:768px) and (max-width:959px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:24px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:14px;line-height:26px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:43px;line-height:51px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:43px;line-height:51px;font-weight:500;letter-spacing:0px}h2{font-size:34px;line-height:43px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:26px;line-height:34px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:17px;line-height:26px;font-weight:600;letter-spacing:0px}h5{font-size:15px;line-height:26px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:22px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:60px;line-height:60px;font-weight:400;letter-spacing:0px}blockquote{font-size:15px}.chart_box .chart .num{font-size:45px;line-height:45px}.counter .desc_wrapper .number-wrapper{font-size:45px;line-height:45px}.counter .desc_wrapper .title{font-size:14px;line-height:18px}.faq .question .title{font-size:14px}.fancy_heading .title{font-size:38px;line-height:38px}.offer .offer_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.pricing-box .plan-header h2{font-size:27px;line-height:27px}.pricing-box .plan-header .price > span{font-size:40px;line-height:40px}.pricing-box .plan-header .price sup.currency{font-size:18px;line-height:18px}.pricing-box .plan-header .price sup.period{font-size:14px;line-height:14px}.quick_fact .number-wrapper{font-size:80px;line-height:80px}.trailer_box .desc h2{font-size:27px;line-height:27px}.widget > h3{font-size:17px;line-height:20px}}@media only screen and (min-width:480px) and (max-width:767px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:21px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:23px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:38px;line-height:45px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:38px;line-height:45px;font-weight:500;letter-spacing:0px}h2{font-size:30px;line-height:38px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:23px;line-height:30px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:15px;line-height:23px;font-weight:600;letter-spacing:0px}h5{font-size:14px;line-height:23px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:20px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:53px;line-height:53px;font-weight:400;letter-spacing:0px}blockquote{font-size:14px}.chart_box .chart .num{font-size:40px;line-height:40px}.counter .desc_wrapper .number-wrapper{font-size:40px;line-height:40px}.counter .desc_wrapper .title{font-size:13px;line-height:16px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:34px;line-height:34px}.offer .offer_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.pricing-box .plan-header h2{font-size:24px;line-height:24px}.pricing-box .plan-header .price > span{font-size:34px;line-height:34px}.pricing-box .plan-header .price sup.currency{font-size:16px;line-height:16px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:70px;line-height:70px}.trailer_box .desc h2{font-size:24px;line-height:24px}.widget > h3{font-size:16px;line-height:19px}}@media only screen and (max-width:479px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:30px;line-height:36px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:30px;line-height:36px;font-weight:500;letter-spacing:0px}h2{font-size:24px;line-height:30px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:18px;line-height:24px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:13px;line-height:19px;font-weight:600;letter-spacing:0px}h5{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:19px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:42px;line-height:42px;font-weight:400;letter-spacing:0px}blockquote{font-size:13px}.chart_box .chart .num{font-size:35px;line-height:35px}.counter .desc_wrapper .number-wrapper{font-size:35px;line-height:35px}.counter .desc_wrapper .title{font-size:13px;line-height:26px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:30px;line-height:30px}.offer .offer_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.pricing-box .plan-header h2{font-size:21px;line-height:21px}.pricing-box .plan-header .price > span{font-size:32px;line-height:32px}.pricing-box .plan-header .price sup.currency{font-size:14px;line-height:14px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:60px;line-height:60px}.trailer_box .desc h2{font-size:21px;line-height:21px}.widget > h3{font-size:15px;line-height:18px}}.with_aside .sidebar.columns{width:23%}.with_aside .sections_group{width:77%}.aside_both .sidebar.columns{width:18%}.aside_both .sidebar.sidebar-1{margin-left:-82%}.aside_both .sections_group{width:64%;margin-left:18%}@media only screen and (min-width:1240px){#Wrapper,.with_aside .content_wrapper{max-width:1240px}body.layout-boxed.mfn-header-scrolled .mfn-header-tmpl.mfn-sticky-layout-width{max-width:1240px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed:not(.mfn-header-scrolled) .mfn-header-tmpl.mfn-header-layout-width,body.layout-boxed .mfn-header-tmpl.mfn-header-layout-width:not(.mfn-hasSticky){max-width:1240px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed.mfn-bebuilder-header.mfn-ui .mfn-only-sample-content{max-width:1240px;margin-left:auto;margin-right:auto}.section_wrapper,.container{max-width:1220px}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1240px}}@media only screen and (max-width:767px){#Wrapper{max-width:calc(100% - 67px)}.content_wrapper .section_wrapper,.container,.four.columns .widget-area{max-width:550px !important;padding-left:33px;padding-right:33px}}body{--mfn-button-font-family:inherit;--mfn-button-font-size:14px;--mfn-button-font-weight:400;--mfn-button-font-style:inherit;--mfn-button-letter-spacing:0px;--mfn-button-padding:10px 20px 10px 20px;--mfn-button-border-width:0;--mfn-button-border-radius:3px 3px 3px 3px;--mfn-button-gap:10px;--mfn-button-transition:0.2s;--mfn-button-color:#626262;--mfn-button-color-hover:#626262;--mfn-button-bg:#1e5762;--mfn-button-bg-hover:#dea25e;--mfn-button-border-color:transparent;--mfn-button-border-color-hover:transparent;--mfn-button-icon-color:#626262;--mfn-button-icon-color-hover:#626262;--mfn-button-box-shadow:unset;--mfn-button-theme-color:#ffffff;--mfn-button-theme-color-hover:#ffffff;--mfn-button-theme-bg:#1e5762;--mfn-button-theme-bg-hover:#dea25e;--mfn-button-theme-border-color:transparent;--mfn-button-theme-border-color-hover:transparent;--mfn-button-theme-icon-color:#ffffff;--mfn-button-theme-icon-color-hover:#ffffff;--mfn-button-theme-box-shadow:unset;--mfn-button-shop-color:#ffffff;--mfn-button-shop-color-hover:#ffffff;--mfn-button-shop-bg:#0095eb;--mfn-button-shop-bg-hover:#007cc3;--mfn-button-shop-border-color:transparent;--mfn-button-shop-border-color-hover:transparent;--mfn-button-shop-icon-color:#626262;--mfn-button-shop-icon-color-hover:#626262;--mfn-button-shop-box-shadow:unset;--mfn-button-action-color:#626262;--mfn-button-action-color-hover:#626262;--mfn-button-action-bg:#dbdddf;--mfn-button-action-bg-hover:#d3d3d3;--mfn-button-action-border-color:transparent;--mfn-button-action-border-color-hover:transparent;--mfn-button-action-icon-color:#626262;--mfn-button-action-icon-color-hover:#626262;--mfn-button-action-box-shadow:unset}@media only screen and (max-width:959px){body{}}@media only screen and (max-width:768px){body{}}.mfn-cookies,.mfn-cookies-reopen{--mfn-gdpr2-container-text-color:#626262;--mfn-gdpr2-container-strong-color:#07070a;--mfn-gdpr2-container-bg:#ffffff;--mfn-gdpr2-container-overlay:rgba(25,37,48,0.6);--mfn-gdpr2-details-box-bg:#fbfbfb;--mfn-gdpr2-details-switch-bg:#00032a;--mfn-gdpr2-details-switch-bg-active:#5acb65;--mfn-gdpr2-tabs-text-color:#07070a;--mfn-gdpr2-tabs-text-color-active:#0089f7;--mfn-gdpr2-tabs-border:rgba(8,8,14,0.1);--mfn-gdpr2-buttons-box-bg:#fbfbfb;--mfn-gdpr2-reopen-background:#ffffff;--mfn-gdpr2-reopen-color:#222222;--mfn-gdpr2-reopen-box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo{height:90px;line-height:90px;padding:15px 0}.logo-overflow #Top_bar:not(.is-sticky) .logo{height:120px}#Top_bar .menu > li > a{padding:30px 0}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:35px 0}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description){line-height:120px}.header-fixed #Top_bar .menu > li > a{padding:45px 0}@media only screen and (max-width:767px){.mobile-header-mini #Top_bar #logo{height:50px!important;line-height:50px!important;margin:5px 0}}#Top_bar #logo img.svg{width:100px}.image_frame,.wp-caption{border-width:0px}.alert{border-radius:0px}#Top_bar .top_bar_right .top-bar-right-input input{width:200px}.mfn-live-search-box .mfn-live-search-list{max-height:300px}#Side_slide{right:-250px;width:250px}#Side_slide.left{left:-250px}.blog-teaser li .desc-wrapper .desc{background-position-y:-1px}.mfn-free-delivery-info{--mfn-free-delivery-bar:#0089F7;--mfn-free-delivery-bg:rgba(0,0,0,0.1);--mfn-free-delivery-achieved:#0089F7}#back_to_top i{color:#65666C}@media only screen and ( max-width:767px ){}@media only screen and (min-width:1240px){body:not(.header-simple) #Top_bar #menu{display:block!important}.tr-menu #Top_bar #menu{background:none!important}#Top_bar .menu > li > ul.mfn-megamenu > li{float:left}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto;border-width:0 1px 0 0}#Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0}#Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none}#Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:0;width:98%!important;margin:0 1%;padding:20px 0}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box}#Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom}.rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom}#Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.mm-vertical #Top_bar .container{position:relative}.mm-vertical #Top_bar .top_bar_left{position:static}.mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{padding:20px 0}.mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0,0,0,0.05)}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px}body.header-shop #Top_bar #menu{display:flex!important;background-color:transparent}.header-shop #Top_bar.is-sticky .top_bar_row_second{display:none}.header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important}.header-stack.header-center #Top_bar #menu{display:inline-block!important}.header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}.header-simple #Header a.responsive-menu-toggle{display:block;right:10px}.header-simple #Top_bar #menu > ul{width:100%;float:left}.header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}.header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none}.header-simple #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}.header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}.header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}.header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}.header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}.header-simple #Top_bar #menu ul li.hover a{border-bottom:0}.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none}.header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0}.header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px}.header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none}.header-simple #Top_bar #menu ul li ul li a span{padding:0}.header-simple #Top_bar #menu ul li ul li a span:after{display:none!important}.header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}.header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}.header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px}.rtl.header-simple #Top_bar #menu{left:1px;right:auto}.rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto}.rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto}.rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.menu-highlight #Top_bar .menu > li{margin:0 2px}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{padding:0;-webkit-border-radius:5px;border-radius:5px}.menu-highlight #Top_bar .menu > li > a:after{display:none}.menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px}.menu-highlight #Top_bar .menu > li > a span.description{display:none}.menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important}.menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px}.menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0}.menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important}.header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px}.menu-line-below #Top_bar .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below #Top_bar.is-sticky .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:4px;left:10%;top:50%;margin-top:20px;width:80%}.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:1px;left:10%;top:50%;margin-top:20px;width:80%}.menu-link-color #Top_bar .menu > li > a:not(.menu-toggle):after{display:none!important}.menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0}.menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important}.menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0}.menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0}.menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important}.menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0}.menuo-no-borders.header-plain #Top_bar a#header_cart,.menuo-no-borders.header-plain #Top_bar a#search_button,.menuo-no-borders.header-plain #Top_bar .wpml-languages,.menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0}.menuo-right #Top_bar .menu_wrapper{float:right}.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px}body.header-creative{padding-left:50px}body.header-creative.header-open{padding-left:250px}body.error404,body.under-construction,body.elementor-maintenance-mode,body.template-blank,body.under-construction.header-rtl.header-creative.header-open{padding-left:0!important;padding-right:0!important}.header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px}.header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px}.header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px}.header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px}#Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)}#Header_creative .container{width:100%}#Header_creative .creative-wrapper{opacity:0;margin-right:50px}#Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px}.admin-bar #Header_creative a.creative-menu-toggle{top:42px}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .top_bar_left{width:100%!important;float:none}#Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0}#Header_creative #Top_bar #menu{background-color:transparent}#Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px}#Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative}#Header_creative #Top_bar .menu > li > a{padding:0;text-align:center}#Header_creative #Top_bar .menu > li > a:after{display:none}#Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px}#Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0}#Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px}#Header_creative #Top_bar .menu li ul li ul{top:0}#Header_creative #Top_bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both}.menuo-arrows #Top_bar .menu > li.submenu > a > span:after{content:unset!important}#Header_creative #Top_bar .top_bar_right{width:100%!important;float:left;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative #Top_bar .top_bar_right .top_bar_right_wrapper{flex-wrap:wrap;justify-content:center}#Header_creative #Top_bar .top_bar_right .top-bar-right-icon,#Header_creative #Top_bar .top_bar_right .wpml-languages,#Header_creative #Top_bar .top_bar_right .top-bar-right-button,#Header_creative #Top_bar .top_bar_right .top-bar-right-input{min-height:30px;margin:5px}#Header_creative #Top_bar .search_wrapper{left:100%;top:auto}#Header_creative #Top_bar .banner_wrapper{display:block;text-align:center}#Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block}#Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box}#Header_creative #Action_bar .contact_details{width:100%;text-align:center;margin-bottom:20px}#Header_creative #Action_bar .contact_details li{padding:0}#Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px}#Header_creative #Action_bar .social li{margin-bottom:2px}#Header_creative #Action_bar .social-menu{float:none;text-align:center}#Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)}#Header_creative .social li a{color:rgba(0,0,0,.5)}#Header_creative .social li a:hover{color:#000}#Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px}#Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px}.header-creative .fixed-nav.fixed-nav-prev{margin-left:50px}.header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px}.menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0}.header-open #Header_creative{left:0}.header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important}.header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none}.header-open #Header_creative #Action_bar{display:block}body.header-rtl.header-creative{padding-left:0;padding-right:50px}.header-rtl #Header_creative{left:auto;right:-200px}.header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0}.header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto}.header-rtl #Header_creative .creative-social{left:0;right:auto}.header-rtl #Footer #back_to_top.sticky{right:125px}.header-rtl #popup_contact{right:70px}.header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%}.header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%}.header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important}.header-rtl .fixed-nav.fixed-nav-next{margin-right:50px}body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important}.header-rtl.header-open #Header_creative{left:auto;right:0}.header-rtl.header-open #Footer #back_to_top.sticky{right:325px}.header-rtl.header-open #popup_contact{right:270px}.header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px}#Header_creative.active{left:-1px}.header-rtl #Header_creative.active{left:auto;right:-1px}#Header_creative.active .creative-wrapper{opacity:1;margin:0}.header-creative .vc_row[data-vc-full-width]{padding-left:50px}.header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px}.header-open .vc_parallax .vc_parallax-inner{left:auto;width:calc(100% - 250px)}.header-open.header-rtl .vc_parallax .vc_parallax-inner{left:0;right:auto}#Header_creative.scroll{height:100%;overflow-y:auto}#Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important}#Header_creative.scroll #Action_bar{position:static}#Header_creative.dropdown{outline:none}#Header_creative.dropdown #Top_bar .menu_wrapper{float:left;width:100%}#Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left}#Header_creative.dropdown #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;z-index:203}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Header_creative.dropdown #Top_bar #menu ul.sub-menu li:not(:last-of-type) a{border-bottom:0}#Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none}#Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important}#Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center}#Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0}#Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Header_creative{transition:left .5s ease-in-out,right .5s ease-in-out}#Header_creative .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out .5s}#Header_creative.active .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out}}@media only screen and (min-width:1240px){#Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}.layout-boxed.header-boxed #Top_bar.is-sticky{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset}#Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0}#Top_bar.is-sticky #logo,#Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important}.logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important}#Top_bar.is-sticky #logo img.logo-main{display:none}#Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px}.logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky{width:auto}#Top_bar.is-sticky .menu_wrapper{clear:none}#Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0}#Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px}#Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}#Top_bar.is-sticky .menu > li > a span.description{display:none}#Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none}.header-overlay #Top_bar.is-sticky{display:none}.sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)}.sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)}.sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)}.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}}@media only screen and (min-width:768px) and (max-width:1240px){.header_placeholder{height:0!important}}@media only screen and (max-width:1239px){#Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}#Top_bar a.responsive-menu-toggle{display:block}#Top_bar #menu > ul{width:100%;float:left}#Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}#Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none}#Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}#Top_bar #menu ul li a span.description{margin:0 0 0 5px}#Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}#Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Top_bar #menu ul li.hover a{border-bottom:0}#Top_bar #menu ul li a span:after{display:none!important}#Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.menuo-arrows.keyboard-support #Top_bar .menu > li.submenu > a:not(.menu-toggle):after,.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{display:none !important}#Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important}#Top_bar #menu ul li ul li{width:100%!important}#Top_bar #menu ul li ul li a{padding:0 20px 0 35px}#Top_bar #menu ul li ul li a .menu-arrow{display:none}#Top_bar #menu ul li ul li a span{padding:0}#Top_bar #menu ul li ul li a span:after{display:none!important}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px}#Header #menu > ul > li.current-menu-item > a,#Header #menu > ul > li.current_page_item > a,#Header #menu > ul > li.current-menu-parent > a,#Header #menu > ul > li.current-page-parent > a,#Header #menu > ul > li.current-menu-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a{background:rgba(0,0,0,.02)}.rtl #Top_bar #menu{left:1px;right:auto}.rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto}.rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee;transform:unset}.rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important}.header-stack .menu_wrapper #menu{left:0;right:auto}.rtl.header-stack #Top_bar #menu{left:auto;right:0}.admin-bar #Header_creative{top:32px}.header-creative.layout-boxed{padding-top:85px}.header-creative.layout-full-width #Wrapper{padding-top:60px}#Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001}#Header_creative .creative-wrapper{display:block!important;opacity:1!important}#Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .one{display:flex}#Header_creative #Top_bar #logo,#Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0}#Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important}#Header_creative #logo img.logo-main{display:none}#Header_creative #logo img.logo-sticky{display:inline-block}.logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0}.logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important}#Header_creative #Action_bar{display:none}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative.scroll{overflow:visible!important}}body{--mfn-clients-tiles-hover:#0089F7;--mfn-icon-box-icon:#0089F7;--mfn-sliding-box-bg:#0089F7;--mfn-woo-body-color:#626262;--mfn-woo-heading-color:#626262;--mfn-woo-themecolor:#0089F7;--mfn-woo-bg-themecolor:#0089F7;--mfn-woo-border-themecolor:#0089F7}#Header_wrapper,#Intro{background-color:#13162f}#Subheader{background-color:rgba(247,247,247,1)}.header-classic #Action_bar,.header-fixed #Action_bar,.header-plain #Action_bar,.header-split #Action_bar,.header-shop #Action_bar,.header-shop-split #Action_bar,.header-stack #Action_bar{background-color:#101015}#Sliding-top{background-color:#545454}#Sliding-top a.sliding-top-control{border-right-color:#545454}#Sliding-top.st-center a.sliding-top-control,#Sliding-top.st-left a.sliding-top-control{border-top-color:#545454}#Footer{background-color:#1e4c50}.grid .post-item,.masonry:not(.tiles) .post-item,.photo2 .post .post-desc-wrapper{background-color:#ffffff}.portfolio_group .portfolio-item .desc{background-color:transparent}.woocommerce ul.products li.product,.shop_slider .shop_slider_ul .shop_slider_li .item_wrapper .desc{background-color:transparent}body,ul.timeline_items,.icon_box a .desc,.icon_box a:hover .desc,.feature_list ul li a,.list_item a,.list_item a:hover,.widget_recent_entries ul li a,.flat_box a,.flat_box a:hover,.story_box .desc,.content_slider.carousel ul li a .title,.content_slider.flat.description ul li .desc,.content_slider.flat.description ul li a .desc,.post-nav.minimal a i{color:#626262}.lead{color:#2e2e2e}.post-nav.minimal a svg{fill:#626262}.themecolor,.opening_hours .opening_hours_wrapper li span,.fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir,.fancy_heading_arrows .icon-left-dir,.fancy_heading_line .title,.button-love a.mfn-love,.format-link .post-title .icon-link,.pager-single > span,.pager-single a:hover,.widget_meta ul,.widget_pages ul,.widget_rss ul,.widget_mfn_recent_comments ul li:after,.widget_archive ul,.widget_recent_comments ul li:after,.widget_nav_menu ul,.woocommerce ul.products li.product .price,.shop_slider .shop_slider_ul .item_wrapper .price,.woocommerce-page ul.products li.product .price,.widget_price_filter .price_label .from,.widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount,.woocommerce .product div.entry-summary .price,.woocommerce .product .woocommerce-variation-price .price,.woocommerce .star-rating span,#Error_404 .error_pic i,.style-simple #Filters .filters_wrapper ul li a:hover,.style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title,.mfn-cart-holder .mfn-ch-content .mfn-ch-product .woocommerce-Price-amount,.woocommerce .comment-form-rating p.stars a:before,.wishlist .wishlist-row .price,.search-results .search-item .post-product-price,.progress_icons.transparent .progress_icon.themebg{color:#0089F7}.mfn-wish-button.loved:not(.link) .path{fill:#0089F7;stroke:#0089F7}.themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar .header-cart-count,#Top_bar .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-cart-count,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after{background-color:#0089F7}.Latest_news ul li .photo,.Recent_posts.blog_news ul li .photo,.style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3,.style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc,.style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected{border-color:#0089F7}a{color:#006edf}a:hover{color:#0089f7}*::-moz-selection{background-color:#0089F7;color:white}*::selection{background-color:#0089F7;color:white}.blockquote p.author span,.counter .desc_wrapper .title,.article_box .desc_wrapper p,.team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle,.pricing-box .plan-header .price sup.period,.chart_box p,.fancy_heading .inside,.fancy_heading_line .slogan,.post-meta,.post-meta a,.post-footer,.post-footer a span.label,.pager .pages a,.button-love a .label,.pager-single a,#comments .commentlist > li .comment-author .says,.fixed-nav .desc .date,.filters_buttons li.label,.Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date,.tp_recent_tweets .twitter_time,.widget_price_filter .price_label,.shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity,.widget_shopping_cart ul.product_list_widget li dl,.product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd,.shipping-calculator-button:after,.shop_slider .shop_slider_ul .item_wrapper .price del,.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link,.woocommerce .product.style-default .entry-summary .product_meta .tagged_as,.woocommerce .tagged_as,.wishlist .sku_wrapper,.woocommerce .column_product_rating .woocommerce-review-link,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__verified,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date,.testimonials_slider .testimonials_slider_ul li .author span,.testimonials_slider .testimonials_slider_ul li .author span a,.Latest_news ul li .desc_footer,.share-simple-wrapper .icons a{color:#a8a8a8}h1,h1 a,h1 a:hover,.text-logo #logo{color:#161922}h2,h2 a,h2 a:hover{color:#161922}h3,h3 a,h3 a:hover{color:#161922}h4,h4 a,h4 a:hover,.style-simple .sliding_box .desc_wrapper h4{color:#161922}h5,h5 a,h5 a:hover{color:#5f6271}h6,h6 a,h6 a:hover,a.content_link .title{color:#161922}.woocommerce #customer_login h2{color:#161922} .woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2,.woocommerce #respond .comment-reply-title,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{color:#161922} .dropcap,.highlight:not(.highlight_image){background-color:#0089F7}a.mfn-link{color:#656B6F}a.mfn-link-2 span,a:hover.mfn-link-2 span:before,a.hover.mfn-link-2 span:before,a.mfn-link-5 span,a.mfn-link-8:after,a.mfn-link-8:before{background:#006edf}a:hover.mfn-link{color:#006edf}a.mfn-link-2 span:before,a:hover.mfn-link-4:before,a:hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.hover.mfn-link-4:after,a.mfn-link-5:before,a.mfn-link-7:after,a.mfn-link-7:before{background:#0089f7}a.mfn-link-6:before{border-bottom-color:#0089f7}a.mfn-link svg .path{stroke:#006edf}.column_column ul,.column_column ol,.the_content_wrapper:not(.is-elementor) ul,.the_content_wrapper:not(.is-elementor) ol{color:#737E86}hr.hr_color,.hr_color hr,.hr_dots span{color:#0089F7;background:#0089F7}.hr_zigzag i{color:#0089F7}.highlight-left:after,.highlight-right:after{background:#0089F7}@media only screen and (max-width:767px){.highlight-left .wrap:first-child,.highlight-right .wrap:last-child{background:#0089F7}}#Header .top_bar_left,.header-classic #Top_bar,.header-plain #Top_bar,.header-stack #Top_bar,.header-split #Top_bar,.header-shop #Top_bar,.header-shop-split #Top_bar,.header-fixed #Top_bar,.header-below #Top_bar,#Header_creative,#Top_bar #menu,.sticky-tb-color #Top_bar.is-sticky{background-color:#ffffff}#Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background-color:#ffffff}#Top_bar .top_bar_right:before{background-color:#e3e3e3}#Header .top_bar_right{background-color:#f5f5f5}#Top_bar .top_bar_right .top-bar-right-icon,#Top_bar .top_bar_right .top-bar-right-icon svg .path{color:#333333;stroke:#333333}#Top_bar .menu > li > a,#Top_bar #menu ul li.submenu .menu-toggle{color:#2a2b39}#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.current-menu-parent > a,#Top_bar .menu > li.current-page-parent > a,#Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-page-ancestor > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.hover > a{color:#0089F7}#Top_bar .menu > li a:not(.menu-toggle):after{background:#0089F7}.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after{border-top-color:#2a2b39}#Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after{border-top-color:#0089F7}.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-page-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.hover > a{background:#F2F2F2}.menu-arrow-bottom #Top_bar .menu > li > a:after{border-bottom-color:#0089F7}.menu-arrow-top #Top_bar .menu > li > a:after{border-top-color:#0089F7}.header-plain #Top_bar .menu > li.current-menu-item > a,.header-plain #Top_bar .menu > li.current_page_item > a,.header-plain #Top_bar .menu > li.current-menu-parent > a,.header-plain #Top_bar .menu > li.current-page-parent > a,.header-plain #Top_bar .menu > li.current-menu-ancestor > a,.header-plain #Top_bar .menu > li.current-page-ancestor > a,.header-plain #Top_bar .menu > li.current_page_ancestor > a,.header-plain #Top_bar .menu > li.hover > a,.header-plain #Top_bar .wpml-languages:hover,.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#F2F2F2;color:#0089F7}.header-plain #Top_bar .top_bar_right .top-bar-right-icon:hover{background:#F2F2F2}.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar .top_bar_right .top-bar-right-icon,.header-plain #Top_bar .top_bar_right .top-bar-right-button,.header-plain #Top_bar .top_bar_right .top-bar-right-input,.header-plain #Top_bar .wpml-languages{border-color:#f2f2f2}#Top_bar .menu > li ul{background-color:#F2F2F2}#Top_bar .menu > li ul li a{color:#5f5f5f}#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{color:#2e2e2e}.overlay-menu-toggle{color:#0089F7 !important;background:transparent}#Overlay{background:rgba(0,137,247,0.95)}#overlay-menu ul li a,.header-overlay .overlay-menu-toggle.focus{color:#FFFFFF}#overlay-menu ul li.current-menu-item > a,#overlay-menu ul li.current_page_item > a,#overlay-menu ul li.current-menu-parent > a,#overlay-menu ul li.current-page-parent > a,#overlay-menu ul li.current-menu-ancestor > a,#overlay-menu ul li.current-page-ancestor > a,#overlay-menu ul li.current_page_ancestor > a{color:#B1DCFB}#Top_bar .responsive-menu-toggle,#Header_creative .creative-menu-toggle,#Header_creative .responsive-menu-toggle{color:#0089F7;background:transparent}.mfn-footer-stickymenu{background-color:#ffffff}.mfn-footer-stickymenu ul li a,.mfn-footer-stickymenu ul li a .path{color:#333333;stroke:#333333}#Side_slide{background-color:#191919;border-color:#191919}#Side_slide,#Side_slide #menu ul li.submenu .menu-toggle,#Side_slide .search-wrapper input.field,#Side_slide a:not(.button){color:#A6A6A6}#Side_slide .extras .extras-wrapper a svg .path{stroke:#A6A6A6}#Side_slide #menu ul li.hover > .menu-toggle,#Side_slide a.active,#Side_slide a:not(.button):hover{color:#FFFFFF}#Side_slide .extras .extras-wrapper a:hover svg .path{stroke:#FFFFFF}#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#FFFFFF}#Action_bar .contact_details{color:#bbbbbb}#Action_bar .contact_details a{color:#006edf}#Action_bar .contact_details a:hover{color:#0089f7}#Action_bar .social li a,#Header_creative .social li a,#Action_bar:not(.creative) .social-menu a{color:#bbbbbb}#Action_bar .social li a:hover,#Header_creative .social li a:hover,#Action_bar:not(.creative) .social-menu a:hover{color:#FFFFFF}#Subheader .title{color:#161922}#Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(22,25,34,0.6)}.mfn-footer,.mfn-footer .widget_recent_entries ul li a{color:#c7a35a}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn){color:#d1d1d1}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover{color:#0089f7}.mfn-footer h1,.mfn-footer h1 a,.mfn-footer h1 a:hover,.mfn-footer h2,.mfn-footer h2 a,.mfn-footer h2 a:hover,.mfn-footer h3,.mfn-footer h3 a,.mfn-footer h3 a:hover,.mfn-footer h4,.mfn-footer h4 a,.mfn-footer h4 a:hover,.mfn-footer h5,.mfn-footer h5 a,.mfn-footer h5 a:hover,.mfn-footer h6,.mfn-footer h6 a,.mfn-footer h6 a:hover{color:#ffffff}.mfn-footer .themecolor,.mfn-footer .widget_meta ul,.mfn-footer .widget_pages ul,.mfn-footer .widget_rss ul,.mfn-footer .widget_mfn_recent_comments ul li:after,.mfn-footer .widget_archive ul,.mfn-footer .widget_recent_comments ul li:after,.mfn-footer .widget_nav_menu ul,.mfn-footer .widget_price_filter .price_label .from,.mfn-footer .widget_price_filter .price_label .to,.mfn-footer .star-rating span{color:#0089F7}.mfn-footer .themebg,.mfn-footer .widget_categories ul,.mfn-footer .Recent_posts ul li .desc:after,.mfn-footer .Recent_posts ul li .photo .c,.mfn-footer .widget_recent_entries ul li:after,.mfn-footer .widget_mfn_menu ul li a:hover,.mfn-footer .widget_product_categories ul{background-color:#0089F7}.mfn-footer .Recent_posts ul li a .desc .date,.mfn-footer .widget_recent_entries ul li .post-date,.mfn-footer .tp_recent_tweets .twitter_time,.mfn-footer .widget_price_filter .price_label,.mfn-footer .shop-filters .woocommerce-result-count,.mfn-footer ul.product_list_widget li .quantity,.mfn-footer .widget_shopping_cart ul.product_list_widget li dl{color:#a8a8a8}.mfn-footer .footer_copy .social li a,.mfn-footer .footer_copy .social-menu a{color:#65666C}.mfn-footer .footer_copy .social li a:hover,.mfn-footer .footer_copy .social-menu a:hover{color:#FFFFFF}.mfn-footer .footer_copy{border-top-color:rgba(255,255,255,0.1)}#Sliding-top,#Sliding-top .widget_recent_entries ul li a{color:#cccccc}#Sliding-top a{color:#006edf}#Sliding-top a:hover{color:#0089f7}#Sliding-top h1,#Sliding-top h1 a,#Sliding-top h1 a:hover,#Sliding-top h2,#Sliding-top h2 a,#Sliding-top h2 a:hover,#Sliding-top h3,#Sliding-top h3 a,#Sliding-top h3 a:hover,#Sliding-top h4,#Sliding-top h4 a,#Sliding-top h4 a:hover,#Sliding-top h5,#Sliding-top h5 a,#Sliding-top h5 a:hover,#Sliding-top h6,#Sliding-top h6 a,#Sliding-top h6 a:hover{color:#ffffff}#Sliding-top .themecolor,#Sliding-top .widget_meta ul,#Sliding-top .widget_pages ul,#Sliding-top .widget_rss ul,#Sliding-top .widget_mfn_recent_comments ul li:after,#Sliding-top .widget_archive ul,#Sliding-top .widget_recent_comments ul li:after,#Sliding-top .widget_nav_menu ul,#Sliding-top .widget_price_filter .price_label .from,#Sliding-top .widget_price_filter .price_label .to,#Sliding-top .star-rating span{color:#0089F7}#Sliding-top .themebg,#Sliding-top .widget_categories ul,#Sliding-top .Recent_posts ul li .desc:after,#Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .widget_recent_entries ul li:after,#Sliding-top .widget_mfn_menu ul li a:hover,#Sliding-top .widget_product_categories ul{background-color:#0089F7}#Sliding-top .Recent_posts ul li a .desc .date,#Sliding-top .widget_recent_entries ul li .post-date,#Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label,#Sliding-top .shop-filters .woocommerce-result-count,#Sliding-top ul.product_list_widget li .quantity,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl{color:#a8a8a8}blockquote,blockquote a,blockquote a:hover{color:#444444}.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc,.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote{background:#ffffff}.image_frame .image_wrapper .image_links a{background:#ffffff;color:#161922;border-color:#ffffff}.image_frame .image_wrapper .image_links a.loading:after{border-color:#161922}.image_frame .image_wrapper .image_links a .path{stroke:#161922}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved .path{fill:#161922;stroke:#161922}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved:hover .path{fill:#0089f7;stroke:#0089f7}.image_frame .image_wrapper .image_links a:hover{background:#ffffff;color:#0089f7;border-color:#ffffff}.image_frame .image_wrapper .image_links a:hover .path{stroke:#0089f7}.image_frame{border-color:#f8f8f8}.image_frame .image_wrapper .mask::after{background:rgba(0,0,0,0.15)}.counter .icon_wrapper i{color:#0089F7}.quick_fact .number-wrapper .number{color:#0089F7}.mfn-countdown{--mfn-countdown-number-color:#0089F7}.progress_bars .bars_list li .bar .progress{background-color:#0089F7}a:hover.icon_bar{color:#0089F7 !important}a.content_link,a:hover.content_link{color:#0089F7}a.content_link:before{border-bottom-color:#0089F7}a.content_link:after{border-color:#0089F7}.mcb-item-contact_box-inner,.mcb-item-info_box-inner,.column_column .get_in_touch,.google-map-contact-wrapper{background-color:#0089F7}.google-map-contact-wrapper .get_in_touch:after{border-top-color:#0089F7}.timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before{border-color:#0089F7}.how_it_works .image_wrapper .number{background:#0089F7}.trailer_box .desc .subtitle,.trailer_box.plain .desc .line{background-color:#0089F7}.trailer_box.plain .desc .subtitle{color:#0089F7}.icon_box .icon_wrapper,.icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper{color:#0089F7}.icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before{background-color:#0089F7}.list_item.lists_1 .list_left{background-color:#0089F7}.list_item .list_left{color:#0089F7}.feature_list ul li .icon i{color:#0089F7}.feature_list ul li:hover,.feature_list ul li:hover a{background:#0089F7}table th{color:#444444}.ui-tabs .ui-tabs-nav li a,.accordion .question > .title,.faq .question > .title,.fake-tabs > ul li a{color:#444444}.ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active > .title > .acc-icon-plus,.accordion .question.active > .title > .acc-icon-minus,.accordion .question.active > .title,.faq .question.active > .title > .acc-icon-plus,.faq .question.active > .title,.fake-tabs > ul li.active a{color:#0089F7}.ui-tabs .ui-tabs-nav li.ui-state-active a:after,.fake-tabs > ul li a:after,.fake-tabs > ul li a .number{background:#0089F7}body.table-hover:not(.woocommerce-page) table tr:hover td{background:#0089F7}.pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span{color:#0089F7}.pricing-box .plan-inside ul li .yes{background:#0089F7}.pricing-box-box.pricing-box-featured{background:#0089F7}.alert_warning{background:#fef8ea}.alert_warning,.alert_warning a,.alert_warning a:hover,.alert_warning a.close .icon{color:#8a5b20}.alert_warning .path{stroke:#8a5b20}.alert_error{background:#fae9e8}.alert_error,.alert_error a,.alert_error a:hover,.alert_error a.close .icon{color:#962317}.alert_error .path{stroke:#962317}.alert_info{background:#efefef}.alert_info,.alert_info a,.alert_info a:hover,.alert_info a.close .icon{color:#57575b}.alert_info .path{stroke:#57575b}.alert_success{background:#eaf8ef}.alert_success,.alert_success a,.alert_success a:hover,.alert_success a.close .icon{color:#3a8b5b}.alert_success .path{stroke:#3a8b5b}input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty,.wp-block-search input[type="search"],.dark input[type="email"],.dark input[type="password"],.dark input[type="tel"],.dark input[type="text"],.dark select,.dark textarea{color:#626262;background-color:rgba(255,255,255,1);border-color:#EBEBEB}.wc-block-price-filter__controls input{border-color:#EBEBEB !important}::-webkit-input-placeholder{color:#929292}::-moz-placeholder{color:#929292}:-ms-input-placeholder{color:#929292}input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus{color:#0089F7;background-color:rgba(233,245,252,1);border-color:#d5e5ee}.wc-block-price-filter__controls input:focus{border-color:#d5e5ee !important} select:focus{background-color:#e9f5fc!important}:focus::-webkit-input-placeholder{color:#929292}:focus::-moz-placeholder{color:#929292}.select2-container--default .select2-selection--single{background-color:rgba(255,255,255,1);border-color:#EBEBEB}.select2-dropdown{background-color:#FFFFFF;border-color:#EBEBEB}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#626262}.select2-container--default.select2-container--open .select2-selection--single{border-color:#EBEBEB}.select2-container--default .select2-search--dropdown .select2-search__field{color:#626262;background-color:rgba(255,255,255,1);border-color:#EBEBEB}.select2-container--default .select2-search--dropdown .select2-search__field:focus{color:#0089F7;background-color:rgba(233,245,252,1) !important;border-color:#d5e5ee} .select2-container--default .select2-results__option[data-selected="true"],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0089F7;color:white} .image_frame span.onsale,.woocommerce span.onsale,.shop_slider .shop_slider_ul .item_wrapper span.onsale{background-color:#0089F7}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{border-color:#0089F7 !important}.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#ffffff}.mfn-desc-expandable .read-more{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 65%)}.mfn-wish-button .path{stroke:rgba(0,0,0,0.15)}.mfn-wish-button:hover .path{stroke:rgba(0,0,0,0.3)}.mfn-wish-button.loved:not(.link) .path{stroke:rgba(0,0,0,0.3);fill:rgba(0,0,0,0.3)}.woocommerce div.product div.images .woocommerce-product-gallery__trigger,.woocommerce div.product div.images .mfn-wish-button,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger,.woocommerce .mfn-product-gallery-grid .mfn-wish-button{background-color:#ffffff}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover,.woocommerce div.product div.images .mfn-wish-button:hover,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover{background-color:#ffffff}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:before{border-color:#161922}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:after{background-color:#161922}.woocommerce div.product div.images .mfn-wish-button path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button path{stroke:#161922}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:before{border-color:#0089f7}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:after{background-color:#0089f7}.woocommerce div.product div.images .mfn-wish-button:hover path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover path{stroke:#0089f7}.woocommerce div.product div.images .mfn-wish-button.loved path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button.loved path{stroke:#0089f7;fill:#0089f7}#mfn-gdpr{background-color:#eef2f5;border-radius:5px;box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#mfn-gdpr .mfn-gdpr-content,#mfn-gdpr .mfn-gdpr-content h1,#mfn-gdpr .mfn-gdpr-content h2,#mfn-gdpr .mfn-gdpr-content h3,#mfn-gdpr .mfn-gdpr-content h4,#mfn-gdpr .mfn-gdpr-content h5,#mfn-gdpr .mfn-gdpr-content h6,#mfn-gdpr .mfn-gdpr-content ol,#mfn-gdpr .mfn-gdpr-content ul{color:#626262}#mfn-gdpr .mfn-gdpr-content a,#mfn-gdpr a.mfn-gdpr-readmore{color:#161922}#mfn-gdpr .mfn-gdpr-content a:hover,#mfn-gdpr a.mfn-gdpr-readmore:hover{color:#0089f7}#mfn-gdpr .mfn-gdpr-button{background-color:#006edf;color:#ffffff;border-color:transparent}#mfn-gdpr .mfn-gdpr-button:hover,#mfn-gdpr .mfn-gdpr-button:before{background-color:#0089f7;color:#ffffff;border-color:transparent}@media only screen and ( min-width:768px ){.header-semi #Top_bar:not(.is-sticky){background-color:rgba(255,255,255,0.8)}}@media only screen and ( max-width:767px ){#Top_bar{background-color:#ffffff !important}#Action_bar{background-color:#FFFFFF !important}#Action_bar .contact_details{color:#222222}#Action_bar .contact_details a{color:#006edf}#Action_bar .contact_details a:hover{color:#0089f7}#Action_bar .social li a,#Action_bar .social-menu a{color:#bbbbbb!important}#Action_bar .social li a:hover,#Action_bar .social-menu a:hover{color:#777777!important}}
/* custom CSS */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;900&display=swap');
.testi-page {
font-family: 'Plus Jakarta Sans', sans-serif;
max-width: 1100px;
margin: 0 auto;
padding: 0 16px 60px;
box-sizing: border-box;
}
/* HERO */
.testi-hero {
background: linear-gradient(135deg, #0f2540 0%, #1a3c5e 60%, #1d5ba6 100%);
border-radius: 20px;
padding: 64px 40px;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 36px;
}
.testi-hero::before {
content: '';
position: absolute;
inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
}
.testi-badge {
display: inline-block;
background: #f59e0b;
color: #0f2540;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 18px;
border-radius: 100px;
margin-bottom: 20px;
position: relative;
}
.testi-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(28px, 4vw, 52px) !important;
font-weight: 900 !important;
color: #ffffff !important;
line-height: 1.15 !important;
margin-bottom: 16px !important;
position: relative;
}
.testi-hero p {
color: rgba(255,255,255,0.85) !important;
font-size: 16px !important;
max-width: 560px;
margin: 0 auto 36px !important;
line-height: 1.75;
position: relative;
}
.testi-summary {
display: flex;
justify-content: center;
align-items: center;
gap: 0;
background: rgba(255,255,255,0.1);
border-radius: 14px;
padding: 20px 32px;
max-width: 480px;
margin: 0 auto;
position: relative;
}
.ts-item { text-align: center; padding: 0 28px; }
.ts-num {
display: block;
font-family: 'Playfair Display', serif;
font-size: 36px;
font-weight: 900;
color: #fcd34d;
line-height: 1;
margin-bottom: 4px;
}
.ts-lbl { font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 500; }
.ts-sep { width: 1px; height: 50px; background: rgba(255,255,255,0.2); }
/* FILTER TABS */
.testi-filter {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 28px;
justify-content: center;
}
.tf-btn {
background: #f0f6ff;
border: 1.5px solid #cbd5e1;
color: #334155;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
font-weight: 600;
padding: 9px 20px;
border-radius: 100px;
cursor: pointer;
transition: all 0.2s;
}
.tf-btn:hover, .tf-btn.active {
background: #1a3c5e;
border-color: #1a3c5e;
color: #ffffff;
}
/* GRID */
.testi-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 22px;
margin-bottom: 48px;
}
/* CARDS */
.testi-card {
background: #ffffff;
border: 1.5px solid #e2e8f0;
border-radius: 18px;
padding: 26px;
box-shadow: 0 4px 16px rgba(26,60,94,0.07);
transition: transform 0.25s, box-shadow 0.25s;
position: relative;
overflow: hidden;
}
.testi-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 48px rgba(26,60,94,0.14);
}
.testi-card.featured {
border-color: #f59e0b;
box-shadow: 0 4px 20px rgba(245,158,11,0.12);
}
.testi-card.featured::before {
content: '⭐ Featured';
position: absolute;
top: 16px;
right: 16px;
background: #fef3c7;
color: #92400e;
font-size: 11px;
font-weight: 800;
padding: 3px 10px;
border-radius: 100px;
letter-spacing: 0.3px;
}
.testi-card-top {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.testi-avatar {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 800;
font-size: 17px;
flex-shrink: 0;
}
.testi-name {
font-size: 16px;
font-weight: 800;
color: #0f172a;
margin-bottom: 2px;
}
.testi-loc {
font-size: 13px;
color: #64748b;
margin-bottom: 3px;
}
.testi-stars { color: #f59e0b; font-size: 14px; letter-spacing: 1px; }
.testi-cat-badge {
margin-left: auto;
font-size: 11px;
font-weight: 800;
padding: 4px 12px;
border-radius: 100px;
white-space: nowrap;
flex-shrink: 0;
align-self: flex-start;
}
.testi-cat-badge.lokal { background: #f0fdf4; color: #16a34a; }
.testi-cat-badge.luar-kota { background: #eff6ff; color: #1d4ed8; }
.testi-cat-badge.luar-daerah { background: #fdf4ff; color: #7e22ce; }
.testi-cat-badge.mancanegara { background: #fff7ed; color: #c2410c; }
.testi-text {
font-size: 14px !important;
color: #334155 !important;
line-height: 1.75 !important;
font-style: italic;
margin-bottom: 16px !important;
border-left: 3px solid #f0f6ff;
padding-left: 14px;
}
.testi-card.featured .testi-text { border-left-color: #fcd34d; }
.testi-meta {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding-top: 14px;
border-top: 1px solid #f0f6ff;
}
.testi-unit {
font-size: 12px;
font-weight: 700;
color: #1a3c5e;
background: #f0f6ff;
padding: 4px 10px;
border-radius: 6px;
}
.testi-date { font-size: 12px; color: #94a3b8; }
/* HIDDEN card */
.testi-card.hidden { display: none; }
/* RATING SUMMARY */
.rating-summary {
background: linear-gradient(135deg, #0f2540, #1a3c5e);
border-radius: 20px;
padding: 40px;
display: flex;
align-items: center;
gap: 48px;
margin-bottom: 48px;
}
.rs-left { text-align: center; flex-shrink: 0; }
.rs-big-num {
font-family: 'Playfair Display', serif;
font-size: 72px;
font-weight: 900;
color: #fcd34d;
line-height: 1;
margin-bottom: 4px;
}
.rs-stars { color: #f59e0b; font-size: 20px; letter-spacing: 3px; margin-bottom: 6px; }
.rs-count { font-size: 14px; color: rgba(255,255,255,0.6); }
.rs-bars { flex: 1; }
.rs-bar-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
font-size: 13px;
color: rgba(255,255,255,0.7);
}
.rs-bar-row span:first-child { width: 30px; text-align: right; flex-shrink: 0; }
.rs-bar-row span:last-child { width: 34px; flex-shrink: 0; }
.rs-bar-track {
flex: 1;
background: rgba(255,255,255,0.12);
border-radius: 100px;
height: 10px;
}
.rs-bar-fill {
background: #f59e0b;
height: 100%;
border-radius: 100px;
transition: width 1s ease;
}
/* MAPS */
.maps-section { margin-bottom: 48px; }
.maps-title {
font-family: 'Playfair Display', serif !important;
font-size: clamp(24px, 3vw, 36px) !important;
font-weight: 900 !important;
color: #0f172a !important;
margin-bottom: 10px !important;
padding-bottom: 14px !important;
position: relative;
}
.maps-title::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 52px; height: 4px;
background: linear-gradient(90deg, #f59e0b, #fcd34d);
border-radius: 4px;
}
.maps-sub {
font-size: 15px;
color: #475569;
margin-bottom: 28px !important;
line-height: 1.7;
}
.maps-grid {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 24px;
align-items: start;
}
.maps-info-col { display: flex; flex-direction: column; gap: 14px; }
.maps-info-card {
background: #ffffff;
border: 1.5px solid #e2e8f0;
border-radius: 14px;
padding: 18px 20px;
display: flex;
align-items: flex-start;
gap: 14px;
box-shadow: 0 2px 10px rgba(26,60,94,0.05);
}
.mi-icon { font-size: 26px; flex-shrink: 0; line-height: 1; margin-top: 2px; }
.mi-label { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; color: #94a3b8; margin-bottom: 4px; }
.mi-val { font-size: 15px; font-weight: 700; color: #0f172a; line-height: 1.4; }
.maps-wa-btn {
display: flex; align-items: center; justify-content: center; gap: 10px;
background: #25d366;
color: #ffffff !important;
font-weight: 800; font-size: 16px;
padding: 14px 20px;
border-radius: 100px;
text-decoration: none !important;
box-shadow: 0 4px 16px rgba(37,211,102,0.35);
transition: transform 0.2s, box-shadow 0.2s;
}
.maps-wa-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,211,102,0.45); }
.maps-gmaps-btn {
display: flex; align-items: center; justify-content: center; gap: 10px;
background: #f0f6ff;
color: #1a3c5e !important;
font-weight: 700; font-size: 15px;
padding: 13px 20px;
border-radius: 100px;
text-decoration: none !important;
border: 1.5px solid #cbd5e1;
transition: all 0.2s;
}
.maps-gmaps-btn:hover { background: #1a3c5e; color: #ffffff !important; border-color: #1a3c5e; }
.maps-embed-col iframe {
width: 100%;
height: 440px;
border-radius: 16px;
box-shadow: 0 8px 30px rgba(26,60,94,0.12);
}
/* CTA BOTTOM */
.testi-cta {
background: linear-gradient(135deg, #0f2540 0%, #1d5ba6 100%);
border-radius: 20px;
padding: 56px 40px;
text-align: center;
}
.testi-cta h2 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(22px, 3vw, 38px) !important;
font-weight: 900 !important;
color: #ffffff !important;
margin-bottom: 14px !important;
}
.testi-cta p {
color: rgba(255,255,255,0.8) !important;
font-size: 16px !important;
margin-bottom: 28px !important;
}
.testi-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: #f59e0b;
color: #0f172a !important;
font-weight: 900;
font-size: 17px;
padding: 16px 40px;
border-radius: 100px;
text-decoration: none !important;
box-shadow: 0 4px 24px rgba(245,158,11,0.45);
transition: transform 0.2s, box-shadow 0.2s;
}
.testi-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 36px rgba(245,158,11,0.55); }
/* RESPONSIVE */
@media (max-width: 768px) {
.testi-hero { padding: 48px 24px; }
.testi-summary { padding: 16px 20px; }
.ts-item { padding: 0 16px; }
.rating-summary { flex-direction: column; gap: 28px; padding: 28px 24px; }
.maps-grid { grid-template-columns: 1fr; }
.maps-embed-col iframe { height: 300px; }
.testi-cta { padding: 40px 24px; }
}
@media (max-width: 480px) {
.testi-grid { grid-template-columns: 1fr; }
.testi-summary { flex-direction: column; gap: 16px; }
.ts-sep { width: 60px; height: 1px; }
}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;900&display=swap');
.armada-page {
font-family: 'Plus Jakarta Sans', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 0 16px 60px;
box-sizing: border-box;
}
/* ── HERO ── */
.ap-hero {
background: linear-gradient(135deg, #0f2540 0%, #1a3c5e 60%, #1d5ba6 100%);
border-radius: 20px;
padding: 60px 40px;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 28px;
}
.ap-hero::before {
content: '';
position: absolute; inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
}
.ap-badge {
display: inline-block;
background: #f59e0b; color: #0f2540;
font-size: 12px; font-weight: 800;
text-transform: uppercase; letter-spacing: 1px;
padding: 6px 18px; border-radius: 100px;
margin-bottom: 18px; position: relative;
}
.ap-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(26px, 3.5vw, 46px) !important;
font-weight: 900 !important; color: #fff !important;
line-height: 1.2 !important; margin-bottom: 16px !important;
position: relative;
}
.ap-hero p {
color: rgba(255,255,255,0.85) !important;
font-size: 16px !important; max-width: 580px;
margin: 0 auto 32px !important; line-height: 1.75;
position: relative;
}
.ap-stats { display: flex; justify-content: center; align-items: center; gap: 0; background: rgba(255,255,255,0.1); border-radius: 14px; padding: 18px 32px; max-width: 460px; margin: 0 auto; position: relative; }
.ap-stat { text-align: center; padding: 0 28px; }
.ap-snum { display: block; font-family: 'Playfair Display', serif; font-size: 34px; font-weight: 900; color: #fcd34d; line-height: 1; margin-bottom: 4px; }
.ap-slbl { font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 500; }
.ap-sdiv { width: 1px; height: 48px; background: rgba(255,255,255,0.2); }
/* ── PAKET STRIP ── */
.ap-paket-strip {
display: flex; align-items: center; gap: 0;
background: #f0f6ff; border: 1.5px solid #cbd5e1;
border-radius: 16px; padding: 20px 32px;
margin-bottom: 28px;
}
.ap-paket-item { display: flex; align-items: center; gap: 14px; flex: 1; }
.ap-paket-icon { font-size: 28px; flex-shrink: 0; }
.ap-paket-title { font-size: 15px; font-weight: 800; color: #0f172a; margin-bottom: 3px; }
.ap-paket-desc { font-size: 13px; color: #64748b; }
.ap-paket-div { width: 1px; height: 50px; background: #cbd5e1; margin: 0 24px; flex-shrink: 0; }
/* ── FILTER ── */
.ap-filter {
display: flex; flex-wrap: wrap; gap: 10px;
justify-content: center; margin-bottom: 28px;
}
.ap-fbtn {
background: #f0f6ff; border: 1.5px solid #cbd5e1;
color: #334155; font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px; font-weight: 700;
padding: 10px 22px; border-radius: 100px; cursor: pointer;
transition: all 0.2s;
}
.ap-fbtn:hover, .ap-fbtn.active {
background: #1a3c5e; border-color: #1a3c5e; color: #fff;
}
/* ── GRID ── */
.ap-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
margin-bottom: 20px;
}
.ap-card.hidden { display: none; }
/* ── CARD ── */
.ap-card {
background: #fff;
border: 1.5px solid #e2e8f0;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(26,60,94,0.07);
transition: transform 0.25s, box-shadow 0.25s;
display: flex; flex-direction: column;
}
.ap-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 50px rgba(26,60,94,0.16);
}
/* Card image */
.ap-card-img {
position: relative; overflow: hidden;
height: 180px; flex-shrink: 0;
background: #f0f6ff;
}
.ap-card-img img {
width: 100% !important; height: 100% !important;
object-fit: cover !important; display: block !important;
margin: 0 !important; border-radius: 0 !important;
transition: transform 0.4s ease !important;
}
.ap-card:hover .ap-card-img img { transform: scale(1.06) !important; }
.ap-cat-label {
position: absolute; bottom: 10px; left: 10px;
background: rgba(15,37,64,0.82);
color: #fff; font-size: 11px; font-weight: 700;
padding: 3px 10px; border-radius: 100px;
letter-spacing: 0.4px; backdrop-filter: blur(4px);
}
.ap-badge-new {
position: absolute; top: 10px; right: 10px;
background: #22c55e; color: #fff;
font-size: 11px; font-weight: 800;
padding: 3px 10px; border-radius: 100px;
}
.ap-badge-pop {
position: absolute; top: 10px; right: 10px;
background: #f59e0b; color: #0f2540;
font-size: 11px; font-weight: 800;
padding: 3px 10px; border-radius: 100px;
}
.ap-badge-premium {
position: absolute; top: 10px; right: 10px;
background: linear-gradient(135deg, #7c3aed, #4f46e5);
color: #fff; font-size: 11px; font-weight: 800;
padding: 3px 10px; border-radius: 100px;
}
/* Card body */
.ap-card-body {
padding: 18px 18px 16px;
display: flex; flex-direction: column; flex: 1;
}
.ap-car-name {
font-family: 'Playfair Display', serif;
font-size: 18px; font-weight: 800;
color: #0f172a; margin-bottom: 4px;
}
.ap-kursi {
font-size: 13px; color: #64748b; font-weight: 600;
margin-bottom: 14px;
}
/* Pricing */
.ap-pricing { margin-bottom: 16px; }
.ap-price-row {
display: flex; justify-content: space-between;
align-items: center; padding: 8px 12px;
background: #f8fafc; border-radius: 8px;
margin-bottom: 6px;
}
.ap-price-row.driver { background: #f0f6ff; }
.ap-price-row.na { background: #fef2f2; }
.ap-price-lbl { font-size: 12px; font-weight: 600; color: #475569; }
.ap-price-val {
font-size: 16px; font-weight: 900; color: #0f172a;
display: flex; align-items: baseline; gap: 2px;
}
.ap-price-val small { font-size: 11px; font-weight: 500; color: #64748b; }
.ap-price-row.driver .ap-price-val { color: #0d6e85; }
.ap-price-na { font-size: 12px; font-weight: 700; color: #dc2626; background: #fee2e2; padding: 3px 10px; border-radius: 6px; }
/* Button */
.ap-btn {
display: block !important;
background: linear-gradient(135deg, #1a3c5e, #0f2540) !important;
color: #fff !important;
text-align: center !important;
font-size: 14px !important; font-weight: 800 !important;
padding: 12px 16px !important;
border-radius: 100px !important;
text-decoration: none !important;
margin-top: auto !important;
transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
}
.ap-btn:hover {
background: linear-gradient(135deg, #f59e0b, #d97706) !important;
color: #0f2540 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(245,158,11,0.4) !important;
}
/* NOTE */
.ap-note {
text-align: center;
font-size: 13px !important;
color: #64748b !important;
margin: 8px 0 40px !important;
padding: 14px 20px;
background: #f8fafc;
border-radius: 10px;
border: 1px solid #e2e8f0;
}
/* CTA */
.ap-cta {
background: linear-gradient(135deg, #0f2540 0%, #1d5ba6 100%);
border-radius: 20px; padding: 52px 40px;
text-align: center; position: relative; overflow: hidden;
}
.ap-cta h2 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(22px, 3vw, 36px) !important;
font-weight: 900 !important; color: #fff !important;
margin-bottom: 12px !important;
}
.ap-cta p { color: rgba(255,255,255,0.8) !important; font-size: 16px !important; margin-bottom: 28px !important; }
.ap-cta-btn {
display: inline-flex; align-items: center; gap: 10px;
background: #f59e0b; color: #0f172a !important;
font-weight: 900; font-size: 17px;
padding: 16px 40px; border-radius: 100px;
text-decoration: none !important;
box-shadow: 0 4px 24px rgba(245,158,11,0.45);
transition: transform 0.2s, box-shadow 0.2s;
}
.ap-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 36px rgba(245,158,11,0.55); }
/* ── RESPONSIVE ── */
@media (max-width: 1024px) { .ap-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
.ap-hero { padding: 48px 22px; }
.ap-stats { padding: 14px 18px; }
.ap-stat { padding: 0 16px; }
.ap-paket-strip { flex-direction: column; gap: 16px; padding: 20px; }
.ap-paket-div { width: 100%; height: 1px; margin: 0; }
.ap-grid { grid-template-columns: repeat(2, 1fr); }
.ap-cta { padding: 40px 22px; }
}
@media (max-width: 480px) {
.ap-grid { grid-template-columns: 1fr; }
.ap-stats { flex-direction: column; gap: 12px; }
.ap-sdiv { width: 60px; height: 1px; }
}
/* ============================================================
CSS HALAMAN ARTIKEL — Shortcode [pelita_artikel]
GABUNGKAN dengan artikel-blog-css.css yang sebelumnya
Paste ke: Elementor > Site Settings > Custom CSS
============================================================ */
.pa-wrap {
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
/* ── ARTIKEL HERO ── */
.pa-hero {
background: linear-gradient(135deg, #0f2540 0%, #1a3c5e 60%, #1d5ba6 100%);
border-radius: 16px;
padding: 56px 32px;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 28px;
box-sizing: border-box;
width: 100%;
}
.pa-hero::before {
content: '';
position: absolute; inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
pointer-events: none;
}
.pa-badge {
display: inline-block;
background: #f59e0b; color: #0f2540;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px; font-weight: 800;
text-transform: uppercase; letter-spacing: 1px;
padding: 5px 16px; border-radius: 100px;
margin-bottom: 16px; position: relative;
}
.pa-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(22px, 3vw, 40px) !important;
font-weight: 900 !important;
color: #ffffff !important;
line-height: 1.2 !important;
margin-bottom: 12px !important;
position: relative;
}
.pa-hero > p {
color: rgba(255,255,255,0.85) !important;
font-size: 15px !important;
max-width: 520px;
margin: 0 auto !important;
line-height: 1.75;
position: relative;
}
/* ── FILTER BAR ── */
.pa-filter-wrap {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-bottom: 24px;
width: 100%;
box-sizing: border-box;
}
.pa-filter-btn {
background: #f0f6ff;
border: 1.5px solid #cbd5e1;
color: #334155 !important;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px; font-weight: 700;
padding: 8px 18px;
border-radius: 100px;
text-decoration: none !important;
display: inline-flex; align-items: center; gap: 6px;
transition: all 0.2s;
white-space: nowrap;
}
.pa-filter-btn:hover,
.pa-filter-btn.active {
background: #1a3c5e !important;
border-color: #1a3c5e !important;
color: #ffffff !important;
}
.pa-filter-count {
background: rgba(0,0,0,0.1);
font-size: 10px; font-weight: 800;
padding: 1px 6px; border-radius: 100px;
}
/* ── ARTIKEL GRID — KUNCI UTAMA ── */
.pa-grid {
display: grid !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
gap: 20px !important;
margin-bottom: 36px !important;
/* Default: 2 kolom — aman untuk BeTheme */
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
/* Override shortcode kolom — semua pakai minmax(0,1fr) agar tidak overflow */
.pa-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.pa-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.pa-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } /* BeTheme: max 2 kolom */
.pa-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
/* ── CARD ── */
.pa-card {
background: #ffffff;
border: 1.5px solid #e2e8f0;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(26,60,94,0.07);
transition: transform 0.25s ease, box-shadow 0.25s ease;
display: flex;
flex-direction: column;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.pa-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 40px rgba(26,60,94,0.14);
}
/* ── CARD IMAGE ── */
.pa-card-img {
position: relative;
overflow: hidden;
height: 200px;
flex-shrink: 0;
background: #f0f6ff;
width: 100%;
min-width: 0;
}
.pa-thumb {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 0 !important;
margin: 0 !important;
transition: transform 0.4s ease !important;
min-width: 0 !important;
}
.pa-card:hover .pa-thumb { transform: scale(1.05) !important; }
/* Placeholder */
.pa-placeholder {
width: 100%; height: 100%;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
gap: 8px;
background: linear-gradient(135deg, #f0f6ff, #dbeafe);
box-sizing: border-box;
}
.pa-placeholder span:first-child { font-size: 40px; }
.pa-placeholder span:last-child {
font-size: 12px; font-weight: 700;
color: #64748b;
}
/* Kategori label */
.pa-cat-label {
position: absolute;
bottom: 10px; left: 10px;
background: rgba(15,37,64,0.88);
color: #ffffff;
font-size: 10px; font-weight: 800;
text-transform: uppercase; letter-spacing: 0.5px;
padding: 3px 10px; border-radius: 100px;
}
/* ── CARD BODY ── */
.pa-card-body {
padding: 18px 18px 16px;
display: flex; flex-direction: column; flex: 1;
min-width: 0;
box-sizing: border-box;
}
/* Meta */
.pa-meta {
display: flex; align-items: center; gap: 10px;
margin-bottom: 8px; flex-wrap: wrap;
}
.pa-date, .pa-read {
font-size: 11px; font-weight: 600;
color: #94a3b8;
white-space: nowrap;
}
/* Judul */
.pa-title {
font-family: 'Playfair Display', serif !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
margin-bottom: 8px !important;
color: #0f172a !important;
min-width: 0;
word-break: break-word;
}
.pa-title a {
color: #0f172a !important;
text-decoration: none !important;
transition: color 0.2s !important;
}
.pa-title a:hover { color: #1a3c5e !important; }
/* Excerpt */
.pa-excerpt { margin-bottom: 16px; flex: 1; min-width: 0; }
.pa-excerpt p {
font-size: 13px !important;
color: #475569 !important;
line-height: 1.65 !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
word-break: break-word !important;
}
/* Read More */
.pa-read-more {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: linear-gradient(135deg, #1a3c5e, #0f2540) !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700 !important;
padding: 9px 18px !important;
border-radius: 100px !important;
text-decoration: none !important;
width: fit-content !important;
transition: all 0.2s !important;
margin-top: auto !important;
white-space: nowrap !important;
}
.pa-read-more:hover {
background: linear-gradient(135deg, #f59e0b, #d97706) !important;
color: #0f172a !important;
transform: translateY(-2px) !important;
}
/* ── PAGINATION ── */
.pa-pagination {
display: flex; justify-content: center;
gap: 8px; margin: 32px 0; flex-wrap: wrap;
width: 100%; box-sizing: border-box;
}
.pa-pagination .page-numbers {
display: flex !important;
align-items: center !important; justify-content: center !important;
min-width: 40px !important; height: 40px !important;
padding: 0 10px !important; border-radius: 8px !important;
font-size: 13px !important; font-weight: 700 !important;
text-decoration: none !important;
border: 1.5px solid #e2e8f0 !important;
color: #334155 !important; background: #fff !important;
transition: all 0.2s !important;
}
.pa-pagination .current {
background: #1a3c5e !important;
border-color: #1a3c5e !important; color: #fff !important;
}
.pa-pagination .page-numbers:hover {
background: #f0f6ff !important;
border-color: #1a3c5e !important; color: #1a3c5e !important;
}
/* ── CTA ── */
.pa-cta {
background: linear-gradient(135deg, #0f2540 0%, #1d5ba6 100%);
border-radius: 16px; padding: 48px 32px;
text-align: center; margin-top: 40px;
width: 100%; box-sizing: border-box;
}
.pa-cta h2 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(20px, 2.5vw, 32px) !important;
font-weight: 900 !important; color: #ffffff !important;
margin-bottom: 10px !important;
}
.pa-cta > p {
color: rgba(255,255,255,0.8) !important;
font-size: 15px !important; margin-bottom: 24px !important;
}
.pa-cta-btn {
display: inline-flex; align-items: center; gap: 8px;
background: #f59e0b; color: #0f172a !important;
font-weight: 900; font-size: 16px;
padding: 14px 36px; border-radius: 100px;
text-decoration: none !important;
box-shadow: 0 4px 20px rgba(245,158,11,0.4);
transition: transform 0.2s, box-shadow 0.2s;
}
.pa-cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 32px rgba(245,158,11,0.5);
}
/* ── RESPONSIVE ── */
@media (max-width: 600px) {
.pa-cols-1,
.pa-cols-2,
.pa-cols-3,
.pa-cols-4,
.pa-grid {
grid-template-columns: 1fr !important;
}
.pa-hero { padding: 40px 20px; }
.pa-cta { padding: 36px 20px; }
.pa-card-img { height: 180px; }
}
/* Fix tombol Baca Selengkapnya */
.pa-read-more {
font-size: 11px !important;
padding: 7px 14px !important;
border-radius: 100px !important;
}
/* ── FIX FILTER WRAP ── */
.pa-filter-wrap {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
justify-content: flex-start !important;
margin-bottom: 20px !important;
padding: 0 !important;
}
.pa-filter-btn {
font-size: 12px !important;
padding: 6px 14px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
/* ── FIX GRID 1 KOLOM DI MOBILE ── */
.pa-grid,
.pa-cols-2,
.pa-cols-3 {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
/* ── FIX HERO PADDING ── */
.pa-hero {
padding: 36px 20px !important;
border-radius: 12px !important;
}
.pa-hero h1 {
font-size: 22px !important;
}
.pa-hero > p {
font-size: 14px !important;
}
/* ── FIX CARD ── */
.pa-card-img {
height: 160px !important;
}
.pa-read-more {
font-size: 11px !important;
padding: 7px 14px !important;
}
/* ── FIX CTA ── */
.pa-cta {
padding: 32px 20px !important;
border-radius: 12px !important;
}
.pa-cta h2 {
font-size: 20px !important;
}
.pa-cta-btn {
font-size: 14px !important;
padding: 12px 24px !important;
}
/* ── FIX TESTIMONI MOBILE ── */
/* Grid 1 kolom di mobile */
.testi-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
/* Fix card top — prevent name breaking */
.testi-card-top {
flex-wrap: nowrap !important;
align-items: flex-start !important;
gap: 10px !important;
}
/* Avatar lebih kecil di mobile */
.testi-avatar {
width: 42px !important;
height: 42px !important;
font-size: 14px !important;
flex-shrink: 0 !important;
}
/* Name & loc — beri ruang cukup */
.testi-card-top > div:nth-child(2) {
flex: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
}
.testi-name {
font-size: 14px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.testi-loc {
font-size: 12px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* Badge pindah ke baris baru jika sempit */
.testi-cat-badge {
align-self: flex-start !important;
flex-shrink: 0 !important;
font-size: 10px !important;
padding: 3px 8px !important;
}
/* Featured badge jangan overlap */
.testi-card.featured::before {
font-size: 10px !important;
padding: 2px 8px !important;
top: 10px !important;
right: 10px !important;
}
/* Fix hero testimoni mobile */
.testi-hero {
padding: 36px 20px !important;
}
.testi-hero h1 {
font-size: 26px !important;
}
/* Fix summary stats */
.testi-summary {
flex-wrap: wrap !important;
gap: 12px !important;
padding: 14px 16px !important;
}
.ts-item { padding: 0 10px !important; }
.ts-sep { display: none !important; }
.ts-num { font-size: 28px !important; }
/* ── TAMPILKAN FOOTER COPYRIGHT DI DESKTOP ── */
#Footer .footer_copy,
#Footer .copyright,
.footer_copy_wrapper,
#Footer .copyright-text {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
text-align: center !important;
}
/* Pastikan flex row untuk social icons */
#Footer .footer_copy div,
#Footer .copyright div {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 16px !important;
}
/* Override BeTheme yang hide di desktop */
@media (min-width: 769px) {
#Footer .footer_copy,
#Footer .copyright,
.footer_copy_wrapper {
display: block !important;
}
}
/* Fix copyright tampil di semua halaman termasuk home */
.home .copyright,
.home ul.social,
.home .mcb-column-inner .copyright {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.home ul.social {
display: flex !important;
justify-content: center !important;
gap: 12px !important;
list-style: none !important;
padding: 0 !important;
margin-top: 8px !important;
}
/* Warna icon social di footer */
#Footer ul.social li a {
color: #f59e0b !important;
}
#Footer ul.social li a:hover {
opacity: 0.8 !important;
}
/* Copyright text */
#Footer .copyright {
color: #e2e8f0 !important;
text-align: center !important;
font-size: 13px !important;
}