.xpro-contact-form-field-subgroup, .xpro-horizontal-timeline-dates, .xpro-post-grid-content, .xpro-preview, .xpro-preview-iframe-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; } .elementor-add-new-section .elementor-add-xpro-button { background-image: -webkit-gradient(linear, left top, right top, from(#fb8c87), to(#fa4c95)); background-image: -o-linear-gradient(left, #fb8c87 0, #fa4c95 100%); background-image: linear-gradient(90deg, #fb8c87 0, #fa4c95 100%); } .xpro-owl-theme.owl-carousel, body.rtl .lg-outer { direction: ltr; } .xpro-owl-theme.owl-carousel .owl-nav button.owl-next, .xpro-owl-theme.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 50px; width: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--e-global-color-primary); font-size: 20px; line-height: 1; color: #fff; } .xpro-owl-theme.owl-carousel .owl-nav button:hover, .xpro-table-head-column-cell { color: #fff; background-color: var(--e-global-color-primary); } .xpro-badge-middle-left, .xpro-elementor-button-hover-style-underlineFromRight:focus:before, .xpro-elementor-button-hover-style-underlineFromRight:hover:before, .xpro-elementor-horizontal-menu-style-underlineFromRight .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-underlineFromRight .xpro-elementor-horizontal-navbar-nav > li:hover > a:before, .xpro-owl-theme.owl-carousel .owl-nav button.owl-prev { left: 0; } .xpro-badge-middle-right, .xpro-elementor-button-hover-style-underlineFromLeft:focus:before, .xpro-elementor-button-hover-style-underlineFromLeft:hover:before, .xpro-elementor-horizontal-menu-style-underlineCrossOver .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-underlineCrossOver .xpro-elementor-horizontal-navbar-nav > li:hover > a:before, .xpro-elementor-horizontal-menu-style-underlineFromLeft .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-underlineFromLeft .xpro-elementor-horizontal-navbar-nav > li:hover > a:before, .xpro-owl-theme.owl-carousel .owl-nav button.owl-next { right: 0; } .xpro-elementor-post-pagination .page-numbers.dots, .xpro-owl-theme.owl-carousel .owl-nav button.disabled { pointer-events: none; } .xpro-owl-theme.owl-carousel .owl-nav button.disabled::before, .xpro-swiper-slider-theme .swiper-button-next.swiper-button-disabled:after, .xpro-swiper-slider-theme .swiper-button-prev.swiper-button-disabled:after { opacity: 0.3; } [class*="xpro-owl-navigation-horizontal"] .owl-nav button.owl-prev::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; } [class*="xpro-owl-navigation-horizontal"] .owl-nav button.owl-next::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; } .xpro-owl-navigation-horizontal-style-2 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-horizontal-style-2 button.swiper-button-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f060" !important; } .xpro-owl-navigation-horizontal-style-2 .owl-nav button.owl-next::before, .xpro-swiper-navigation-horizontal-style-2 button.swiper-button-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061" !important; } .xpro-owl-navigation-horizontal-style-3 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-horizontal-style-3 button.swiper-button-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f359" !important; } .xpro-owl-navigation-horizontal-style-3 .owl-nav button.owl-next::before, .xpro-swiper-navigation-horizontal-style-3 button.swiper-button-next::after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f35a" !important; } .xpro-owl-navigation-horizontal-style-4 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-horizontal-style-4 button.swiper-button-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30a" !important; } .xpro-owl-navigation-horizontal-style-4 .owl-nav button.owl-next::before, .xpro-swiper-navigation-horizontal-style-4 button.swiper-button-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b" !important; } .xpro-owl-navigation-horizontal-style-5 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-horizontal-style-5 button.swiper-button-prev::after { font-family: xpro-icons; font-weight: 400; content: "\f049" !important; } .xpro-owl-navigation-horizontal-style-5 .owl-nav button.owl-next::before, .xpro-swiper-navigation-horizontal-style-5 button.swiper-button-next::after { font-family: xpro-icons; font-weight: 400; content: "\f050" !important; } .xpro-owl-navigation-horizontal-style-6 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-horizontal-style-6 button.swiper-button-prev::after { font-family: xpro-icons; font-weight: 400; content: "\f100" !important; } .xpro-owl-navigation-horizontal-style-6 .owl-nav button.owl-next::before, .xpro-swiper-navigation-horizontal-style-6 button.swiper-button-next::after { font-family: xpro-icons; font-weight: 400; content: "\f101" !important; } .xpro-owl-navigation-horizontal-style-7 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-horizontal-style-7 button.swiper-button-prev::after { font-family: xpro-icons; font-weight: 400; content: "\f0d9" !important; } .xpro-owl-navigation-horizontal-style-7 .owl-nav button.owl-next::before, .xpro-swiper-navigation-horizontal-style-7 button.swiper-button-next::after { font-family: xpro-icons; font-weight: 400; content: "\f0da" !important; } [class*="xpro-owl-navigation-vertical"] .owl-nav button.owl-prev::before, [class*="xpro-swiper-navigation-vertical"] .swiper-nav button.swiper-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077"; } [class*="xpro-owl-navigation-vertical"] .owl-nav button.owl-next::before, [class*="xpro-swiper-navigation-vertical"] .swiper-nav button.swiper-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; } .xpro-owl-navigation-vertical-style-2 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-vertical-style-2 .swiper-nav button.swiper-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f062"; } .xpro-owl-navigation-vertical-style-2 .owl-nav button.owl-next::before, .xpro-swiper-navigation-vertical-style-2 .swiper-nav button.swiper-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f063"; } .xpro-owl-navigation-vertical-style-3 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-vertical-style-3 .swiper-nav button.swiper-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f35b"; } .xpro-owl-navigation-vertical-style-3 .owl-nav button.owl-next::before, .xpro-swiper-navigation-vertical-style-3 .swiper-nav button.swiper-next::after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f358"; } .xpro-owl-navigation-vertical-style-4 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-vertical-style-4 .swiper-nav button.swiper-prev::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30c"; } .xpro-owl-navigation-vertical-style-4 .owl-nav button.owl-next::before, .xpro-swiper-navigation-vertical-style-4 .swiper-nav button.swiper-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f309"; } .xpro-owl-navigation-vertical-style-5 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-vertical-style-5 .swiper-nav button.swiper-prev::after { font-family: xpro-icons; font-weight: 400; content: "\e935"; } .xpro-owl-navigation-vertical-style-5 .owl-nav button.owl-next::before, .xpro-swiper-navigation-vertical-style-5 .swiper-nav button.swiper-next::after { font-family: xpro-icons; font-weight: 400; content: "\e932"; } .xpro-owl-navigation-vertical-style-6 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-vertical-style-6 .swiper-nav button.swiper-prev::after { font-family: xpro-icons; font-weight: 400; content: "\e917"; } .xpro-owl-navigation-vertical-style-6 .owl-nav button.owl-next::before, .xpro-swiper-navigation-vertical-style-6 .swiper-nav button.swiper-next::after { font-family: xpro-icons; font-weight: 400; content: "\e910"; } .xpro-owl-navigation-vertical-style-7 .owl-nav button.owl-prev::before, .xpro-swiper-navigation-vertical-style-7 .swiper-nav button.swiper-prev::after { font-family: xpro-icons; font-weight: 400; content: "\e918"; } .xpro-owl-navigation-vertical-style-7 .owl-nav button.owl-next::before, .xpro-swiper-navigation-vertical-style-7 .swiper-nav button.swiper-next::after { font-family: xpro-icons; font-weight: 400; content: "\e911"; } .xpro-owl-theme.owl-carousel .owl-dots { position: absolute; z-index: 3; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .xpro-owl-theme.owl-carousel .owl-dot { width: 12px; height: 12px; border-radius: 50px; border: 1px solid var(--e-global-color-primary); margin-right: 5px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-owl-theme.owl-carousel .owl-dot:first-child, .xpro-swiper-slider-theme .swiper-pagination-bullet:first-child { margin-right: 0; } .xpro-elementor-scroll-top-btn, .xpro-owl-theme.owl-carousel .owl-dot.active, .xpro-promo-box-badge.xpro-badge, .xpro-promo-box-btn, .xpro-swiper-slider-theme .swiper-pagination-bullet-active { background-color: var(--e-global-color-primary); } .xpro-owl-dots-horizontal-style-2.owl-carousel .owl-dot.active, .xpro-swiper-dots-horizontal-style-2 .swiper-pagination-bullet-active { width: 24px; } .xpro-owl-dots-vertical-style-2.owl-carousel .owl-dot.active, .xpro-swiper-dots-vertical-style-2 .swiper-pagination-bullet-active { height: 24px; } .xpro-owl-dots-horizontal-style-3.owl-carousel .owl-dot.active, .xpro-owl-dots-vertical-style-3.owl-carousel .owl-dot.active, .xpro-swiper-dots-horizontal-style-3 .swiper-pagination-bullet-active, .xpro-swiper-dots-vertical-style-3 .swiper-pagination-bullet-active { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .lg-icon { font-family: lg !important; } .xpro-swiper-slider-theme .swiper-button-next, .xpro-swiper-slider-theme .swiper-button-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 50px; width: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: none; background-color: var(--e-global-color-primary); font-size: 20px; line-height: 1; color: #fff; z-index: 2; cursor: pointer; } .xpro-swiper-slider-theme .swiper-button-prev { left: -25px; } .xpro-swiper-slider-theme .swiper-button-next { right: -25px; } .xpro-swiper-slider-theme .swiper-button-next.swiper-button-disabled, .xpro-swiper-slider-theme .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: none; } [class*="xpro-swiper-navigation-horizontal"] button.swiper-button-prev:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; font-size: inherit; } [class*="xpro-swiper-navigation-horizontal"] button.swiper-button-next:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size: inherit; } .xpro-swiper-slider-theme .swiper-pagination.swiper-pagination-horizontal { position: absolute; bottom: 0; } .xpro-swiper-slider-theme .swiper-pagination-bullet { height: 12px; width: 12px; background-color: #fff0; border-radius: 50px; border: 1px solid var(--e-global-color-primary); margin: 0 3px; opacity: 1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } [class*="elementor-widget-xpro"] a:focus, button.xpro-content-toggle-button:focus, button.xpro-elementor-search-button:focus { outline: 0; } .elementor-widget-xpro-content-toggle, .elementor-widget-xpro-hot-spot, .elementor-widget-xpro-pie-chart, .xpro-simple-heading-wrapper, .xpro-team-layout-12, .xpro-team-layout-14, .xpro-team-layout-2, .xpro-team-layout-5, .xpro-team-layout-8 { text-align: center; } .xpro-simple-heading-wrapper .xpro-heading-title { position: relative; line-height: 1.2; margin: 5px 0; font-weight: 500; z-index: 2; display: inline-block; } .xpro-simple-heading-wrapper .xpro-title-focus { color: var(--e-global-color-primary); -webkit-text-fill-color: initial; display: inline; } .elementor-widget-xpro-page-title a, .elementor-widget-xpro-post-title a, .elementor-widget-xpro-site-logo a, .elementor-widget-xpro-site-title a, .morphext > .animated, .xpro-block-quote-layout-10 .xpro-block-quote-inner, .xpro-cf-wrapper > span, .xpro-hero-slider-button-default > span, .xpro-post-title-link { display: inline-block; } .xpro-elementor-gallery-filter { position: relative; text-align: center; margin-bottom: 30px; z-index: 2; } #xpro-portfolio-html-main #wpadminbar, .xpro-elementor-gallery-filter .xpro-select-option, .xpro-gallery-popup-style-2.lg-outer .lg-pager-outer, .xpro-gallery-popup-style-4.lg-outer .lg-pager-outer { display: none; } .cbp .cbp-wrapper-outer, .elementor-widget-xpro-before-after, .elementor-widget-xpro-business-hours, .elementor-widget-xpro-image-scroller, .xpro-elementor-gallery-wrapper .cbp-wrapper-outer, .xpro-team-layout-14 .xpro-team-image { overflow: hidden; } .xpro-elementor-gallery-filter > ul, .xpro-pricing-features-list { margin: 0; padding: 0; list-style: none; display: inline-block; } .xpro-elementor-gallery-filter > ul > li.cbp-filter-item { display: inline-block; margin: 0 5px; font-size: 13px; line-height: 1.2; padding: 8px 20px; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .xpro-elementor-gallery-filter > ul > li.cbp-filter-item:first-child { margin-left: 0 !important; } .xpro-elementor-gallery-filter > ul > li.cbp-filter-item:last-child, .xpro-team-social-list > li:last-child { margin-right: 0 !important; } .xpro-elementor-gallery-filter > ul > li.cbp-filter-item.cbp-filter-item-active { color: #fff; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); pointer-events: none; } .xpro-elementor-gallery-filter > ul > li.cbp-filter-item:hover { color: #fff; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .cbp-loadMore-block1 { display: none !important; opacity: 0; visibility: hidden; } .cbp:not(.cbp-ready) .cbp-item { opacity: 0; visibility: hidden; } .cbp-loadMore-block1 .cbp-item { display: none; max-width: 20%; height: 200px; float: left; padding: 0 15px; -o-object-fit: cover; object-fit: cover; margin: 0; overflow: hidden; visibility: hidden; opacity: 0; } .xpro-elementor-gallery-layout-grid .cbp-caption-active .cbp-caption, .xpro-elementor-gallery-layout-grid .cbp-caption-active .cbp-caption-activeWrap, .xpro-elementor-gallery-layout-grid .cbp-caption-active .cbp-caption-defaultWrap { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; min-width: 100%; height: 100%; width: 100%; } .xpro-elementor-gallery-layout-grid .xpro-elementor-gallery-item, .xpro-post-grid-layout-10 .xpro-post-grid-item, .xpro-post-grid-layout-2 .xpro-post-grid-item, .xpro-post-grid-layout-6 .xpro-post-grid-item, .xpro-post-grid-layout-8 .xpro-post-grid-item, .xpro-post-grid-layout-9 .xpro-post-grid-item { height: 400px; } .xpro-elementor-gallery-layout-grid .cbp img { width: 100%; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .xpro-elementor-gallery .cbp-caption-active .cbp-caption-activeWrap { cursor: pointer; padding: 15px; background-color: #00000087; } .xpro-preview-type-none .cbp-caption-activeWrap { cursor: auto !important; } .xpro-elementor-gallery .xpro-overlay-icon { color: #fff; margin: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-box-icon-title, .xpro-elementor-gallery .xpro-overlay-icon > i { -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .xpro-elementor-gallery .xpro-overlay-icon > i { font-size: 25px; line-height: 1; transition: color 0.3s ease-in-out; } .xpro-overlay-icon svg, .xpro-pricing-icon > svg { height: auto; } .xpro-elementor-gallery .xpro-title { margin: 5px 0; line-height: 1.2; font-size: 22px; font-weight: 400; color: #fff; } .xpro-content-toggle-button-wrapper.active .xpro-content-toggle-after, .xpro-elementor-gallery .xpro-outside-content .xpro-desc, .xpro-elementor-gallery .xpro-outside-content .xpro-title, .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a, .xpro-elementor-horizontal-navbar-nav > li:hover > a { color: #2b2b2b; } .xpro-elementor-gallery .xpro-desc { color: #fff; margin: 0; font-size: 15px; } .xpro-elementor-gallery .xpro-item-btn { color: #fff; border: 1px solid #fff; padding: 10px 25px; display: inline-block; font-size: 13px; line-height: 1; font-weight: 400; margin-top: 15px; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-elementor-gallery .xpro-item-btn:hover { color: #222; background-color: #fff; } .xpro-elementor-gallery .xpro-outside-content .xpro-item-btn { color: #2b2b2b; border-color: #2b2b2b; } .xpro-elementor-gallery .xpro-outside-content .xpro-item-btn:hover { color: #fff; background-color: #2b2b2b; } .xpro-elementor-gallery .xpro-outside-content { padding: 15px 0; position: relative; } .xpro-elementor-gallery-preview, .xpro-table-body-row [colspan="0"] { display: none !important; } .xpro-gallery-elementor-custom-link { display: block; text-align: center; } .xpro-gallery-elementor-custom-link > a { border: 1px solid #dedede; color: #7e7b7b; display: inline-block; font: 400 12px/36px "Open Sans", sans-serif; min-width: 80px; text-decoration: none; padding: 0 30px; outline: 0; margin-top: 40px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .xpro-gallery-elementor-loadmore > a { -webkit-transition: 0.25s ease-in-out !important; -o-transition: 0.25s ease-in-out !important; transition: 0.25s ease-in-out !important; } .xpro-content-toggle-button-wrapper.active ~ .xpro-toggle-content-wrapper > .xpro-toggle-content-second, .xpro-gallery-elementor-custom-link > a > span, .xpro-horizontal-timeline.owl-loaded, .xpro-portfolio-loader-style-5 li:first-child, .xpro-portfolio-loader-style-6 li:first-child, .xpro-portfolio-loader-style-7 li:first-child, .xpro-portfolio-loader-style-8 li:first-child, .xpro-post-grid-author-content > a, .xpro-post-grid-author-content > span { display: block; } .xpro-cf-wrapper, .xpro-counter-wrapper-inner, .xpro-elementor-gallery .cbp-l-caption-alignCenter, .xpro-elementor-horizontal-navbar-wrapper, .xpro-hero-slider-wrapper, .xpro-image-scroll-img, .xpro-infolist-content, .xpro-post-grid-main, .xpro-progress-bar-layout-13 .xpro-progress-track, .xpro-progress-bar-layout-14 .xpro-progress-track, .xpro-progress-bar-layout-2 .xpro-progress-track, .xpro-progress-bar-layout-3 .xpro-progress-track, .xpro-progress-bar-layout-5 .xpro-progress-track, .xpro-team-wrapper, .xpro-testimonial-layout-5 .xpro-testimonial-author, .xpro-testimonial-layout-5 .xpro-testimonial-description { position: relative; } .cbp-caption-rotate .cbp-caption-activeWrap, .cbp-caption-zoom-box .cbp-caption-activeWrap, .cbp-caption-zoom-box-out .cbp-caption-activeWrap, .cbp-caption-zoom-center-bottom .cbp-caption-activeWrap, .cbp-caption-zoom-top-bottom .cbp-caption-activeWrap { opacity: 0; top: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .cbp-caption-rotate .cbp-caption:hover .cbp-caption-activeWrap, .cbp-caption-zoom-box .cbp-caption:hover .cbp-caption-activeWrap, .cbp-caption-zoom-box-out .cbp-caption:hover .cbp-caption-activeWrap, .cbp-caption-zoom-center-bottom .cbp-caption:hover .cbp-caption-activeWrap, .cbp-caption-zoom-top-bottom .cbp-caption:hover .cbp-caption-activeWrap, .xpro-team-layout-12:hover .xpro-team-social-list, .xpro-team-layout-2:hover .xpro-team-social-list, .xpro-team-layout-3:hover .xpro-team-social-list, .xpro-team-layout-4:hover .xpro-team-content, .xpro-team-layout-5:hover .xpro-team-image::before, .xpro-team-layout-5:hover .xpro-team-social-list, .xpro-team-layout-6:hover .xpro-team-social-list { opacity: 1; } .cbp-caption-zoom-box .cbp-caption-defaultWrap, .cbp-caption-zoom-box-out .cbp-caption-defaultWrap, .cbp-caption-zoom-center-bottom .cbp-caption-defaultWrap, .cbp-caption-zoom-top-bottom .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform 0.35s ease-out; transition: transform 0.35s ease-out; -o-transition: transform 0.35s ease-out; transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out; } .cbp-caption-zoom-box .cbp-caption:hover .cbp-caption-defaultWrap, .cbp-caption-zoom-box-out .cbp-caption:hover .cbp-caption-defaultWrap, .cbp-caption-zoom-center-bottom .cbp-caption:hover .cbp-caption-defaultWrap, .cbp-caption-zoom-top-bottom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .cbp-caption-zoom-top-bottom .xpro-overlay-icon { position: absolute; top: 0; right: 0; text-align: center; margin-top: -100px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-top-bottom .cbp-caption:hover .xpro-overlay-icon { margin-top: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-top-bottom .xpro-overlay-content { position: absolute; text-align: left; bottom: -100px; left: 50%; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-top-bottom .cbp-caption:hover .xpro-overlay-content { bottom: 15px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-center-bottom .xpro-overlay-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; margin-top: -100px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .cbp-caption-zoom-center-bottom .cbp-caption:hover .xpro-overlay-icon { margin-top: 0; } .cbp-caption-zoom-center-bottom .xpro-overlay-content { position: absolute; bottom: -100px; left: 50%; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-center-bottom .cbp-caption:hover .xpro-overlay-content { bottom: 25px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-box .xpro-overlay-icon, .cbp-caption-zoom-box-out .xpro-overlay-icon { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-box .cbp-caption:hover .xpro-overlay-content, .cbp-caption-zoom-box .cbp-caption:hover .xpro-overlay-icon, .cbp-caption-zoom-box-out .cbp-caption:hover .xpro-overlay-content, .cbp-caption-zoom-box-out .cbp-caption:hover .xpro-overlay-icon { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-box .xpro-overlay-content, .cbp-caption-zoom-box-out .xpro-overlay-content { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cbp-caption-zoom-box .cbp-caption-activeWrap:before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ""; opacity: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); pointer-events: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.5s; transition: opacity 0.35s, transform 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.35s, transform 0.5s; } .cbp-caption-zoom-box .cbp-caption-activeWrap:after, .cbp-caption-zoom-box-out .cbp-caption-activeWrap:before { top: 30px; bottom: 30px; -webkit-transition: opacity 0.35s, -webkit-transform 0.5s; content: ""; position: absolute; pointer-events: none; } .cbp-caption-zoom-box .cbp-caption-activeWrap:after { right: 30px; left: 30px; opacity: 0; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); transition: opacity 0.35s, transform 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.35s, transform 0.5s; } .cbp-caption-zoom-box .cbp-caption:hover .cbp-caption-activeWrap:after, .cbp-caption-zoom-box .cbp-caption:hover .cbp-caption-activeWrap:before, .cbp-caption-zoom-box-out .cbp-caption:hover .cbp-caption-activeWrap:after, .cbp-caption-zoom-box-out .cbp-caption:hover .cbp-caption-activeWrap:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cbp-caption-zoom-box-out .cbp-caption-activeWrap:before { right: 20px; left: 20px; opacity: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); transition: opacity 0.35s, transform 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.35s, transform 0.5s; } .cbp-caption-zoom-box-out .cbp-caption-activeWrap:after { position: absolute; top: 20px; right: 30px; bottom: 20px; left: 30px; content: ""; opacity: 0; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); pointer-events: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.5s; transition: opacity 0.35s, transform 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.35s, transform 0.5s; } .cbp-caption-rotate .cbp-caption-defaultWrap { transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out; } .cbp-caption-rotate .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25) rotate(3deg); -ms-transform: scale(1.25) rotate(3deg); transform: scale(1.25) rotate(3deg); } .xpro-elementor-gallery .cbp-caption-classic .cbp-caption-activeWrap { top: 0; left: 0; background-color: #0000003b; } .admin-bar [class*="xpro-gallery-popup-style"] .lg-toolbar { top: 32px; } .lg-backdrop { background-color: #0e0e0e; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: background 0.3s ease-in-out !important; -o-transition: background 0.3s ease-in-out !important; transition: background 0.3s ease-in-out !important; } .xpro-popup-blur:before { content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); pointer-events: none; } [class*="xpro-gallery-popup-style"].lg-outer.lg-outer .lg-thumb { padding: 20px 0; height: 100%; margin: 0 auto; } [class*="xpro-gallery-popup-style"].lg-outer .lg-thumb-item { position: relative; border-radius: 0; border: 3px solid #fff0; } [class*="xpro-gallery-popup-style"].lg-outer .lg-thumb-item.active, [class*="xpro-gallery-popup-style"].lg-outer .lg-thumb-item:hover { border-color: #fff; } [class*="xpro-gallery-popup-style"].lg-outer .lg-thumb-item:before { content: ""; position: absolute; z-index: 1; height: 100%; width: 100%; left: 0; top: 0; background-color: #000; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .xpro-animated-link-style-7:hover::after, .xpro-preview-header-info:empty, [class*="xpro-gallery-popup-style"] .lg-outer .lg-thumb-item:hover:before, [class*="xpro-gallery-popup-style"].lg-outer .lg-thumb-item.active:before { opacity: 0; } .xpro-gallery-popup-style-2.lg-outer .lg-thumb-outer, .xpro-gallery-popup-style-4.lg-outer .lg-thumb-outer { max-width: 720px; margin: 0 auto; left: 50%; overflow: hidden; background-color: #fff0; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } [class*="xpro-gallery-popup-style"] #lg-counter, [class*="xpro-gallery-popup-style"] .lg-toolbar .lg-icon { color: #dadada; font-weight: 500; } [class*="xpro-gallery-popup-style"] .lg-actions .lg-next, [class*="xpro-gallery-popup-style"] .lg-actions .lg-prev { color: #dadada; } .xpro-author-box-button:focus, .xpro-author-box-button:hover, .xpro-content-toggle-button-layout-6.active .xpro-content-toggle-button::before, .xpro-elementor-button:hover, .xpro-post-grid-layout-5 .xpro-post-grid-meta-list > li a, .xpro-post-grid-layout-6 .xpro-post-grid-meta-list > li a, .xpro-post-grid-layout-8 .xpro-post-grid-meta-list > li a, .xpro-progress-bar-layout-2 .xpro-progress-title, .xpro-progress-bar-layout-4 .xpro-progress-title, .xpro-team-layout-12 .xpro-team-description, .xpro-team-layout-12 .xpro-team-title, [class*="xpro-gallery-popup-style"] .lg-actions .lg-next:hover, [class*="xpro-gallery-popup-style"] .lg-actions .lg-prev:hover { color: #fff; } .xpro-portfolio-loader { position: fixed; z-index: 1000; height: 100vh; width: 100%; top: 0; left: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .xpro-portfolio-loader li { pointer-events: all; background-color: var(--e-global-color-primary); } .xpro-portfolio-loader-style-1 li, .xpro-portfolio-loader-style-2 li { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); width: 20%; } .xpro-portfolio-loader-style-3 li, .xpro-portfolio-loader-style-4 li { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); width: 20%; } .xpro-portfolio-loader-style-5 li, .xpro-portfolio-loader-style-6 li { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); width: 100%; display: none; } .xpro-portfolio-loader-style-7 li, .xpro-portfolio-loader-style-8 li { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); width: 100%; display: none; } body.xpro-preview-active { overflow: hidden !important; } .xpro-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background: #fff; visibility: hidden; position: fixed; height: 100vh; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; } .admin-bar .xpro-preview { top: 32px; height: calc(100vh - 32px); } .xpro-preview.active { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s, visibility; -o-transition: opacity 0.5s, visibility; transition: opacity 0.5s, visibility; } .xpro-preview-header-left { min-width: 400px; } .xpro-preview-header-right { min-width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .xpro-business-hour-day, .xpro-elementor-horizontal-navbar-nav > li > a, .xpro-infolist-media-type-custom, .xpro-news-ticker-navigation, .xpro-news-ticker-wrapper .xpro-news-ticker-sticky-title, .xpro-pricing-item .xpro-badge, .xpro-team-social-list .xpro-team-social-icon { min-width: -webkit-max-content; min-width: -moz-max-content; } .xpro-preview-iframe-outer { position: relative; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } #xpro-portfolio-html-main { margin-top: 0 !important; } #xpro-portfolio-html-main body { -ms-overflow-style: none; scrollbar-width: none; } #xpro-portfolio-html-main body::-webkit-scrollbar { display: none; } .xpro-preview-iframe-outer::before { content: url(https://labkimiafarma.co.id/apps/xpro-elementor-addons/assets/images/spinner.gif); position: absolute; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: -1; } .xpro-preview .xpro-preview-iframe { height: 100%; position: relative; border: none; width: calc(100% + 17px); max-width: unset; } .xpro-preview .xpro-preview-iframe.loaded { width: 100%; max-width: 100%; } .xpro-preview .xpro-preview-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; border-bottom: 1px solid #f0f0f0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .xpro-preview-header .xpro-preview-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .xpro-preview-header .xpro-preview-header-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; min-height: 60px; } .xpro-preview-header .xpro-preview-header-arrow { padding: 0; } .xpro-preview-header .xpro-preview-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #000; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; padding: 0 24px; height: 100%; min-height: 60px; outline: 0; cursor: pointer; border-right: 1px solid; border-color: #f0f0f0; } .xpro-preview-header .xpro-preview-close { border-left: 1px solid; border-right: 0; border-color: #f0f0f0; } .xpro-preview-header .xpro-preview-arrow:before { font-family: "Font Awesome 5 Free"; font-weight: 700; } .xpro-preview-arrow.xpro-preview-inactive { color: #ccc; } .xpro-preview-header .xpro-preview-arrow.xpro-preview-prev-demo:before { content: "\f053"; } .xpro-preview-header .xpro-preview-arrow.xpro-preview-next-demo:before { content: "\f054"; } .xpro-preview-header .xpro-preview-arrow.xpro-preview-close:before { content: "\f00d"; } .xpro-preview-header .xpro-preview-arrow:hover { background: #f8f9fa; } .xpro-preview-header .xpro-preview-demo-name { font-size: 1rem; font-weight: 400; color: #2b2b2b; margin-right: 0.75rem; } .xpro-preview-nav-layout-2 > .xpro-preview-arrow { position: absolute; top: 50%; z-index: 2; padding: 10px 20px; background-color: #fffc; border: 1px solid #f0f0f0; border-radius: 2px; color: #2b2b2b; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-preview-nav-layout-2 > .xpro-preview-arrow:hover { background-color: #fff; } .xpro-preview-nav-layout-2 > .xpro-preview-arrow > i { margin: 0 3px; } .xpro-preview-nav-layout-2 > .xpro-preview-prev-demo { left: 5px; } .xpro-preview-nav-layout-2 > .xpro-preview-next-demo { right: 5px; } .xpro-preview-arrow.xpro-preview-inactive { cursor: not-allowed !important; } .elementor-widget-xpro-icon-box { position: relative; overflow: initial; } .xpro-box-icon-wrapper { position: relative; display: block; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-box-icon-wrapper-inner { width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-box-icon-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px; color: #2b2b2b; text-align: center; font-size: 40px; line-height: 1; overflow: hidden; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .xpro-box-icon-item > svg { width: 100%; height: auto; } .xpro-badge { position: absolute; z-index: 3; background-color: var(--e-global-color-accent); color: #fff; padding: 8px 18px; border-radius: 50px; font-size: 12px; line-height: 1; text-align: center; -webkit-transform: translate(var(--xpro-badge-translate-x), var(--xpro-badge-translate-y)) rotate(var(--xpro-badge-rotate)); -ms-transform: translate(var(--xpro-badge-translate-x), var(--xpro-badge-translate-y)) rotate(var(--xpro-badge-rotate)); transform: translate(var(--xpro-badge-translate-x), var(--xpro-badge-translate-y)) rotate(var(--xpro-badge-rotate)); --xpro-badge-translate-x: 0; --xpro-badge-translate-y: 0; --xpro-badge-rotate: 0; } .xpro-badge-middle-center, .xpro-badge-middle-left, .xpro-badge-middle-right { --xpro-badge-translate-y: -50%; top: 50%; } .xpro-badge-top-left, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li > a::before { top: 0; left: 0; } .xpro-badge-middle-center, .xpro-badge-top-center { left: 50%; --xpro-badge-translate-x: -50%; } .xpro-badge-top-center { top: 0; } .xpro-badge-top-right { top: 0; right: 0; } .xpro-badge-bottom-left { bottom: 0; left: 0; } .xpro-badge-bottom-center { bottom: 0; left: 50%; --xpro-badge-translate-x: -50%; } .xpro-badge-bottom-right, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li > a:after { bottom: 0; right: 0; } .xpro-box-icon-title { margin: 0; line-height: 1.2; transition: color 0.3s ease-in-out; } .xpro-box-icon-description, .xpro-counter-description { margin: 0; color: #383838; line-height: 1.2; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-pricing-icon, .xpro-pricing-media, .xpro-pricing-price-box, .xpro-testimonial-description, .xpro-testimonial-layout-2 .xpro-testimonial-rating { margin-bottom: 15px; } .elementor-widget-xpro-pricing { position: relative; overflow: initial; padding: 3em 4em; border-radius: 0.5rem; background-color: #fff; -webkit-box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); word-wrap: break-word; overflow-wrap: break-word; } .xpro-pricing-media img { width: 150px; display: inline-block; } .xpro-pricing-item .xpro-badge { min-width: max-content; padding: 0.8rem 1.5rem; background-color: var(--e-global-color-primary); color: #fff; font-size: 14px; line-height: 1; border-radius: 0; } .xpro-pricing-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .xpro-pricing-icon > i { font-size: 2.5rem; line-height: 1; } .xpro-pricing-title { font-size: 2rem; line-height: 1.2; margin: 0 0 15px; } .xpro-pricing-description-wrapper { margin-bottom: 10px; } .xpro-pricing-description { max-width: 400px; display: inline-block; } .xpro-pricing-features { margin: 1.5rem 0; } .xpro-pricing-features-title { font-size: 1.6rem; line-height: 1.2; margin: 0 0 1rem; } .xpro-pricing-features-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; margin-bottom: 1rem; } .xpro-pricing-features-list li:last-child, .xpro-team-layout-13 .xpro-team-social-list > li:last-child, .xpro-team-layout-15 .xpro-team-social-list > li:last-child, .xpro-team-layout-9 .xpro-team-social-list > li:last-child { margin-bottom: 0 !important; } .xpro-pricing-feature-icon { display: inline-block; margin: 0 10px 0 0; font-size: 14px; } .xpro-pricing-feature-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .xpro-pricing-item .xpro-pricing-tooltip-toggle { position: absolute; right: -30px; font-size: 8px; height: 18px; width: 18px; min-width: 18px; color: #ffcc6c; background-color: #fff3df; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; cursor: pointer; } .xpro-pricing-tooltip { position: absolute; left: 25px; width: 200px; text-align: left; padding: 10px; background-color: #efefef; color: #2b2b2b; font-size: 12px; border-radius: 5px; opacity: 0; visibility: hidden; font-family: var(--e-global-typography-primary-font-family); -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; font-weight: 500; letter-spacing: 0.5px; } .xpro-infolist-media-type-custom, .xpro-infolist-media-type-icon, .xpro-pricing-btn { background-color: var(--e-global-color-primary); line-height: 1; } .xpro-pricing-tooltip::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: #fff0 #efefef #fff0 #fff0; } .xpro-elementor-horizontal-menu-overlay.active, .xpro-hero-slider.swiper-initialized, .xpro-post-grid-layout-3 .xpro-post-grid-item:hover .xpro-post-grid-btn, .xpro-pricing-tooltip-toggle:hover .xpro-pricing-tooltip { opacity: 1; visibility: visible; } .xpro-pricing-btn { padding: 15px 35px; text-align: center; border: 1px solid var(--e-global-color-primary); color: #fff; display: inline-block; -webkit-transition: color 0.3s ease-in-out, background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; } .xpro-pricing-btn:focus, .xpro-pricing-btn:hover { color: var(--e-global-color-primary); background-color: #fff0; } .xpro-pricing-price-tag { margin-bottom: 0.5rem; color: #242424; font-weight: 500; font-size: 3rem; line-height: 1; display: inline-block; } .xpro-pricing-currency { font-size: 1.5rem; display: inline-block; margin-right: -10px; } .xpro-pricing-price-period { color: #8c8c8c; font-size: 16px; } .xpro-pricing-price-box-style-2 .xpro-pricing-price-tag { display: inline-block; margin: 0; } .xpro-pricing-price-box-style-2 .xpro-pricing-price-period { display: inline-block; margin: 0 0 0 10px; } .elementor-align-right .xpro-business-hour-item, .xpro-page-title-icon-right, .xpro-post-grid-align-right .xpro-post-grid-author, .xpro-post-grid-align-right .xpro-post-grid-meta-list > li, .xpro-post-title-icon-right, .xpro-pricing-align-right .xpro-pricing-feature-title, .xpro-pricing-align-right .xpro-pricing-features-list li, .xpro-promo-box-align-right, .xpro-site-title-icon-right, .xpro-table-head-icon-left .xpro-table-head-column-cell-inner, .xpro-table-row-icon-left .xpro-table-body-row-cell-inner, .xpro-testimonial-layout-4.xpro-testimonial-align-right, .xpro-testimonial-layout-5.xpro-testimonial-align-right, .xpro-testimonial-layout-6.xpro-testimonial-align-right .xpro-testimonial-author, .xpro-testimonial-layout-7.xpro-testimonial-align-right .xpro-testimonial-author, .xpro-testimonial-layout-8.xpro-testimonial-align-right .xpro-testimonial-author, .xpro-testimonial-layout-9.xpro-testimonial-align-right .xpro-testimonial-author { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xpro-pricing-align-right .xpro-pricing-feature-icon { margin: 0 0 0 10px; } .xpro-pricing-align-right .xpro-pricing-item .xpro-pricing-tooltip-toggle { left: -30px; } .xpro-pricing-align-right .xpro-pricing-tooltip { left: auto; right: 25px; text-align: right; } .xpro-pricing-align-right .xpro-pricing-tooltip::after { left: 100%; border-color: #fff0 #fff0 #fff0 #efefef; } .xpro-pricing-align-right .xpro-pricing-price-box-style-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xpro-pricing-align-right .xpro-pricing-price-box-style-2 .xpro-pricing-price-period { display: inline-block; margin: 0 10px 0 0; } .xpro-pricing-separator { display: block; position: relative; } .xpro-pricing-separator:before { content: ""; position: relative; display: inline-block; border-top: 1px solid; border-color: #e0e0e0; width: 100px; margin: 10px 0 25px; padding: 2px; } .xpro-3d-tilt-parallax-yes.elementor-element, .xpro-mouse-effect-yes.elementor-element, .xpro-scroll-effect-yes.elementor-element { -webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 1ms; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 1ms, -webkit-box-shadow 0.3s, -webkit-transform 1ms; -o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 1ms; } .xpro-3d-tilt-parallax-yes.elementor-element:not(:hover) { transition: none; } .xpro-elementor-button, .xpro-infolist-media-type-icon { -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; } .xpro-infolist-wrapper { padding: 0; margin: 0; list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .xpro-infolist-layout-vertical, .xpro-post-grid-layout-4 .cbp-item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .xpro-infolist-layout-horizontal { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .xpro-horizontal-timeline-inner, .xpro-infolist-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .xpro-block-quote-layout-4 .xpro-block-quote-content, .xpro-infolist-item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-infolist-title { font-size: 18px; margin: 0; } .xpro-infolist-desc { margin: 0; color: #929292; } .xpro-infolist-media { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 20px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .xpro-infolist-media-type-icon::before { --xpro-speparator-line: 0; content: ""; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: calc(100% + var(--xpro-speparator-line)); border-left: 2px solid var(--e-global-color-primary); display: none; } .elementor-align-center .xpro-infolist-media-type-icon::before, .xpro-infolist-item:last-child .xpro-infolist-media-type-icon::before, .xpro-post-grid-layout-10 .xpro-post-grid-image::after, .xpro-post-grid-layout-8 .xpro-post-grid-image::after, .xpro-social-icon-wrapper > li .xpro-social-icon::before, .xpro-social-share-wrapper > li .xpro-social-share::before { content: none; } .xpro-infolist-media-type-icon { font-size: 12px; width: 25px; height: 25px; border-radius: 50px; color: #fff; transition: 0.3s ease-in-out; } .xpro-infolist-media-type-custom { font-size: 16px; padding: 5px 20px; border-radius: 5px; color: #fff; min-width: max-content; } .xpro-infolist-media-type-image, .xpro-team-layout-9 .xpro-team-image { position: relative; overflow: hidden; } .xpro-infolist-media-type-image > img { height: auto; width: 100px; } .xpro-infolist-custom { font-style: normal; } .elementor-align-center .xpro-infolist-item, .elementor-align-center .xpro-infolist-item > a, .xpro-author-box-alignment-center .xpro-author-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .elementor-align-right .xpro-infolist-item, .elementor-align-right .xpro-infolist-item > a, .xpro-author-box-alignment-right .xpro-author-box { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .xpro-infolist-layout-horizontal .xpro-infolist-media-type-icon::before { content: none !important; } .xpro_lottie { display: inline-block; line-height: 1; } .xpro-progress-bar-wrapper { position: relative; line-height: 1; } .xpro-progress-title { font-weight: 600; color: #2b2b2b; display: block; } .xpro-progress-bar { height: 5px; background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .xpro-progress-track { width: 0; background-color: var(--e-global-color-primary); display: block; height: 100%; overflow: visible !important; } .xpro-progress-counter { position: absolute; right: 0; bottom: 100%; z-index: 1; font-size: 16px; font-weight: 400; color: #b1b1b1; margin-bottom: 10px; } .xpro-pie-chart-count, .xpro-pie-chart-media > i { font-size: 40px; line-height: 1; } .xpro-progress-bar-layout-1 .xpro-progress-bar, .xpro-progress-bar-layout-11 .xpro-progress-track, .xpro-progress-bar-layout-12 .xpro-progress-track, .xpro-progress-bar-layout-7 .xpro-progress-track { position: relative; border-radius: 10px; } .xpro-progress-bar-layout-1 .xpro-progress-track { border-radius: 10px; } .xpro-progress-bar-layout-2 .xpro-progress-bar { height: 50px; } .xpro-progress-bar-layout-2 .xpro-progress-counter { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); right: 15px; color: #fff; margin: 0; } .xpro-progress-bar-layout-2 .xpro-progress-content, .xpro-progress-bar-layout-4 .xpro-progress-content { position: absolute; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; left: 15px; } .xpro-progress-bar-layout-3 .xpro-progress-counter { padding: 5px 10px; background-color: var(--e-global-color-primary); color: #fff; right: -25px; font-size: 14px; } .xpro-progress-bar-layout-3 .xpro-progress-counter::before { position: absolute; content: ""; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); width: 14px; height: 14px; background-color: inherit; z-index: -1; } .xpro-progress-bar-layout-4 .xpro-progress-bar { position: relative; height: 50px; } .xpro-progress-bar-layout-4 .xpro-progress-counter { bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); color: #fff; margin: 0; } .xpro-progress-control { background-color: var(--e-global-color-primary); display: inline-block; height: 14px; margin-top: 0; position: relative; width: 12px; margin-right: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .xpro-progress-control:before { border-top: 6px solid var(--e-global-color-primary); border-left: 6px solid #fff0; border-right: 6px solid #fff0; content: ""; height: 0; left: 0; position: absolute; bottom: -6px; width: 0; } .xpro-progress-bar-layout-5 .xpro-progress-counter { position: absolute; right: -45px; } .xpro-progress-bar-layout-6 .xpro-progress-bar { height: 50px; position: relative; } .xpro-progress-bar-layout-6 .xpro-progress-counter { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); right: 0; color: #2b2b2b; margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; } .xpro-progress-bar-layout-6 .xpro-progress-count-less-wrapper { color: #fff; margin-right: auto; } .xpro-progress-bar-layout-7 .xpro-progress-bar { border-radius: 10px; height: 20px; } .xpro-progress-bar-layout-7 .xpro-progress-counter { font-size: 12px; margin-bottom: 10px; min-height: 40px; min-width: 40px; right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--e-global-color-primary); color: #fff; border-radius: 50px; padding: 5px; } .xpro-progress-bar-layout-7 .xpro-progress-counter::before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 5px); height: calc(100% - 5px); border: 1px solid; border-radius: 50%; background-color: #fff0; } .xpro-progress-bar-layout-10 .xpro-progress-counter::after, .xpro-progress-bar-layout-7 .xpro-progress-counter::after { border-top: 6px solid var(--e-global-color-primary); border-left: 6px solid #fff0; border-right: 6px solid #fff0; content: ""; height: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -5px; width: 0; } .xpro-progress-bar-layout-8 .xpro-progress-bar { position: relative; height: 30px; padding: 10px; border-radius: 50px; } .xpro-elementor-search-layout-3 .xpro-elementor-search-input-group, .xpro-progress-bar-layout-8 .xpro-progress-track { border-radius: 50px; } .xpro-progress-bar-layout-8 .xpro-progress-counter { margin: 0; right: 25px; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .xpro-progress-bar-layout-9 .xpro-progress-bar { position: relative; height: 20px; padding: 5px; } .xpro-progress-bar-layout-9 .xpro-progress-track { background: -webkit-repeating-linear-gradient(left, var(--e-global-color-primary), var(--e-global-color-primary) 10px, transparent 10px, transparent 12px); background: -o-repeating-linear-gradient(left, var(--e-global-color-primary), var(--e-global-color-primary) 10px, transparent 10px, transparent 12px); background: repeating-linear-gradient(to right, var(--e-global-color-primary), var(--e-global-color-primary) 10px, transparent 10px, transparent 12px); } .xpro-progress-bar-layout-10 .xpro-progress-bar { height: 20px; padding: 5px; } .xpro-progress-bar-layout-10 .xpro-progress-track { position: relative; background: -webkit-repeating-linear-gradient(left, var(--e-global-color-primary), var(--e-global-color-primary) 10px, transparent 10px, transparent 12px); background: -o-repeating-linear-gradient(left, var(--e-global-color-primary), var(--e-global-color-primary) 10px, transparent 10px, transparent 12px); background: repeating-linear-gradient(to right, var(--e-global-color-primary), var(--e-global-color-primary) 10px, transparent 10px, transparent 12px); } .xpro-progress-bar-layout-10 .xpro-progress-counter { padding: 10px; right: -25px; } .xpro-progress-bar-layout-11 .xpro-progress-bar, .xpro-progress-bar-layout-12 .xpro-progress-bar { height: 10px; border-radius: 10px; } .xpro-progress-bar-layout-11 .xpro-progress-track::after { content: ""; position: absolute; height: 25px; width: 25px; border: 5px solid var(--e-global-color-primary); background-color: #fff; border-radius: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .xpro-progress-bar-layout-11 .xpro-progress-counter { padding: 5px; right: -10px; } .xpro-progress-bar-layout-12 .xpro-progress-counter { content: ""; position: absolute; height: 36px; width: 36px; font-size: 12px; border: 2px solid var(--e-global-color-primary); background-color: #fff; border-radius: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-progress-bar-layout-13 .xpro-progress-counter { padding: 5px 10px; background-color: var(--e-global-color-primary); color: #fff; right: 0; font-size: 14px; } .xpro-progress-bar-layout-13 .xpro-progress-counter::before { position: absolute; content: ""; width: 0; height: 0; right: 0; bottom: -10px; border-top: 14px solid var(--e-global-color-primary); border-left: 14px solid #fff0; } .xpro-progress-bar-layout-14 .xpro-progress-counter { padding: 5px 10px; background-color: var(--e-global-color-primary); color: #fff; right: -25px; font-size: 14px; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); margin: 0; } .xpro-progress-bar-layout-14 .xpro-progress-counter::before { position: absolute; content: ""; width: 0; height: 0; left: -14px; top: 0; border-bottom: 14px solid var(--e-global-color-primary); border-left: 14px solid #fff0; } .xpro-progress-bar-layout-15 .xpro-progress-counter { position: relative; right: auto; bottom: auto; font-size: 45px; color: #2b2b2b; } .xpro-pie-chart { position: relative; height: 250px; width: 250px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-pie-chart canvas { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; } .xpro-pie-chart-media { display: block; width: 100%; padding: 25px; } .xpro-pie-chart-count { font-weight: 700; display: block; } .xpro-pie-chart-media svg { height: auto; width: 40px; } .xpro-pie-chart-title { margin: 10px 0 0; font-size: 20px; } .xpro-counter-item { font-size: 45px; font-weight: 700; margin-bottom: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--e-global-color-primary); } .xpro-counter-item > span, .xpro-horizontal-timeline-time, .xpro-horizontal-timeline-title, .xpro-table-body-row-cell-content { -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-counter-title { font-size: 25px; font-weight: 500; margin: 0 0 5px; line-height: 1.2; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-elementor-button, .xpro-elementor-button-w-hover-card { font-size: 15px; border-radius: 3px; fill: #fff; text-align: center; color: #fff; display: inline-block; position: relative; overflow: hidden; } .elementor-align-justify .xpro-elementor-button { width: 100%; line-height: 0; } .xpro-elementor-button { line-height: 1; background-color: var(--e-global-color-accent); padding: 15px 30px; transition: 0.3s ease-in-out; } .xpro-elementor-button-w-hover-card { line-height: 1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-elementor-button-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .xpro-elementor-button-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } .xpro-elementor-button-media > svg { width: 20px; height: auto; } .xpro-align-icon-left .xpro-elementor-button-media, .xpro-promo-box-align-left > i, .xpro-promo-box-align-left > svg { margin-right: 5px; } .xpro-align-icon-right .xpro-elementor-button-media { margin-left: 5px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } [class*="xpro-elementor-button-hover-style-underline"]:before { content: ""; position: absolute; background-color: #2b2b2b; height: 5px; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .xpro-elementor-button-hover-style-underlineFromLeft:before, .xpro-elementor-horizontal-menu-style-underlineFromLeft .xpro-elementor-horizontal-navbar-nav > li > a:before { left: 0; right: 100%; bottom: 0; } .xpro-elementor-button-hover-style-underlineFromRight:before, .xpro-elementor-horizontal-menu-style-underlineFromRight .xpro-elementor-horizontal-navbar-nav > li > a:before { left: 100%; right: 0; bottom: 0; } .xpro-elementor-button-hover-style-underlineFromCenter:before, .xpro-elementor-horizontal-menu-style-underlineFromCenter .xpro-elementor-horizontal-navbar-nav > li > a:before { left: 51%; right: 51%; bottom: 0; } .xpro-elementor-button-hover-style-underlineFromCenter:focus:before, .xpro-elementor-button-hover-style-underlineFromCenter:hover:before, .xpro-elementor-horizontal-menu-style-underlineFromCenter .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-underlineFromCenter .xpro-elementor-horizontal-navbar-nav > li:hover > a:before { left: 0; right: 0; } .xpro-elementor-button-hover-style-skewFill:before { position: absolute; top: 0; height: 100%; content: ""; background-color: #e1e1e1; width: 120%; left: -10%; -webkit-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); -o-transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); } .xpro-elementor-button-hover-style-skewFill:focus::before, .xpro-elementor-button-hover-style-skewFill:hover::before { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .xpro-elementor-button-hover-style-bubbleFromDown::before { position: absolute; content: ""; background-color: #e1e1e1; width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; -webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); } .xpro-elementor-button-hover-style-bubbleFromDown:focus::before, .xpro-elementor-button-hover-style-bubbleFromDown:hover::before { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); -o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); } .xpro-elementor-button-hover-style-bubbleFromDown::after { content: ""; background-color: #e1e1e1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); -o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); } .xpro-elementor-button-hover-style-bubbleFromDown:focus::after, .xpro-elementor-button-hover-style-bubbleFromDown:hover::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-duration: 50ms; -o-transition-duration: 50ms; transition-duration: 50ms; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .xpro-elementor-button-hover-style-bubbleFromCenter::after, .xpro-elementor-button-hover-style-bubbleFromCenter::before { content: ""; position: absolute; background-color: #e1e1e1; } .xpro-elementor-button-hover-style-bubbleFromCenter::before { width: 110%; height: 0; padding-bottom: 110%; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); } .xpro-elementor-button-hover-style-bubbleFromCenter:focus::before, .xpro-elementor-button-hover-style-bubbleFromCenter:hover::before { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); -o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); } .xpro-elementor-button-hover-style-bubbleFromCenter::after { top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .xpro-elementor-button-hover-style-bubbleFromCenter:focus::after, .xpro-elementor-button-hover-style-bubbleFromCenter:hover::after { opacity: 1; -webkit-transition-duration: 10ms; -o-transition-duration: 10ms; transition-duration: 10ms; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .xpro-elementor-button-hover-style-flipSlide:focus > .xpro-elementor-button-inner, .xpro-elementor-button-hover-style-flipSlide:hover > .xpro-elementor-button-inner { -webkit-animation: 0.2s forwards MoveUpInitial, 0.2s 0.2s forwards MoveUpEnd; animation: 0.2s forwards MoveUpInitial, 0.2s 0.2s forwards MoveUpEnd; } @-webkit-keyframes MoveUpInitial { to { -webkit-transform: translate3d(0, -105%, 0); transform: translate3d(0, -105%, 0); opacity: 0; } } @keyframes MoveUpInitial { to { -webkit-transform: translate3d(0, -105%, 0); transform: translate3d(0, -105%, 0); opacity: 0; } } @-webkit-keyframes MoveUpEnd { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes MoveUpEnd { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .xpro-elementor-button-hover-style-flipSlide::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #e1e1e1; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); -o-transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .xpro-business-hour-day, .xpro-elementor-horizontal-navbar-nav > li > a { -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; } .xpro-elementor-button-hover-style-flipSlide:hover::before, .xpro-elementor-button-hover-style-flipSlide:hover:focus { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; } .xpro-elementor-horizontal-navbar-nav { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li > a, .xpro-elementor-horizontal-navbar-nav > li > a { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; font-family: var(--e-global-typography-primary-font-family); font-weight: 500; position: relative; } .xpro-elementor-horizontal-navbar-nav ul { list-style: none; margin: 0; padding: 0; } .xpro-elementor-horizontal-navbar li { position: relative; z-index: 1; margin: 0; } .xpro-elementor-horizontal-navbar-nav > li > a { display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 10px; margin: 0 10px; font-size: 16px; min-width: max-content; line-height: 1; z-index: 1; text-decoration: none; color: #2b2b2b; transition: color 0.2s ease-in-out; } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li > a > i, .xpro-elementor-horizontal-navbar-nav > li > a > i, .xpro-news-ticker-close { margin-right: 10px; } .xpro-elementor-horizontal-navbar-nav > li > a > .xpro-dropdown-menu-toggle { font-size: 14px; margin-left: 10px; line-height: 1; } .xpro-elementor-horizontal-navbar-nav > li > a > .xpro-dropdown-menu-toggle::before { border-style: solid; border-width: 0.1em 0.1em 0 0; content: ""; display: inline-block; height: 8px; position: relative; top: 0.1em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); vertical-align: top; width: 8px; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu { list-style: none; margin: 0; position: absolute; left: 0; min-width: 225px; border: none; border-radius: 0; opacity: 0; visibility: hidden; z-index: 99; text-align: left; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); transition: opacity 0.3s ease-in-out, transform 0.3s linear, -webkit-transform 0.3s linear; } .xpro-elementor-horizontal-navbar-nav li.dropdown:hover > .xpro-elementor-dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li > a { display: flex; -ms-flex-align: center; align-items: center; font-size: 14px; color: #fff; background-color: var(--e-global-color-primary); padding: 15px 20px; border-bottom: 1px solid #ffffff69; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li:last-child > a { border-bottom-color: #fff0; } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li > .xpro-elementor-dropdown-menu { top: 0; left: calc(100% + 1px); } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li.xpro-edge > .xpro-elementor-dropdown-menu { top: 0; left: calc(-100% - 1px); } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li > a > .xpro-dropdown-menu-toggle { margin-left: auto; padding-left: 10px; line-height: 1; } .xpro-elementor-horizontal-navbar .xpro-elementor-dropdown-menu > li > a > .xpro-dropdown-menu-toggle::before { border-style: solid; border-width: 0.1em 0.1em 0 0; content: ""; display: inline-block; height: 8px; position: relative; top: 0.1em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: top; width: 8px; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } [class*="xpro-elementor-horizontal-menu-style-sweepTo"] .xpro-elementor-horizontal-navbar-nav > li > a:before, [class*="xpro-elementor-horizontal-menu-style-underline"] .xpro-elementor-horizontal-navbar-nav > li > a:before { content: ""; position: absolute; z-index: -1; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } [class*="xpro-elementor-horizontal-menu-style-underline"] .xpro-elementor-horizontal-navbar-nav > li > a:before { z-index: 1; height: 4px; background-color: #c92a61; } [class*="xpro-elementor-horizontal-menu-style-sweepTo"] .xpro-elementor-horizontal-navbar-nav > li > a:before { background-color: #f5f5f5; width: 100%; height: 100%; } .xpro-elementor-horizontal-menu-style-underlineCrossOver .xpro-elementor-horizontal-navbar-nav > li > a:before { z-index: 1; left: 0; right: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .xpro-elementor-horizontal-menu-style-crossOver .xpro-elementor-horizontal-navbar-nav > li > a:before { content: ""; position: absolute; top: 50%; left: 50%; width: 75px; height: 4px; z-index: 1; background: #c92a61; -webkit-transform: rotate3d(0, 0, 1, -55deg) scale3d(0, 1, 1) translate(-50%, -50%); transform: rotate3d(0, 0, 1, -55deg) scale3d(0, 1, 1) translate(-50%, -50%); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .xpro-elementor-horizontal-menu-style-crossOver .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-crossOver .xpro-elementor-horizontal-navbar-nav > li:hover > a:before { -webkit-transform: rotate3d(0, 0, 1, -55deg) scale3d(1, 1, 1) translate(-50%, -50%); transform: rotate3d(0, 0, 1, -55deg) scale3d(1, 1, 1) translate(-50%, -50%); } .xpro-elementor-horizontal-menu-style-pushRight .xpro-elementor-horizontal-navbar-nav > li > a:before { content: ""; position: relative; width: 0; height: 5px; background: #c92a61; -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .xpro-elementor-horizontal-menu-style-pushRight .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-pushRight .xpro-elementor-horizontal-navbar-nav > li:hover > a:before { width: 15px; margin-right: 8px; } [class*="xpro-elementor-horizontal-menu-style-sweepTo"] .xpro-elementor-horizontal-navbar-nav > li > a { padding: 20px; margin: 0; background-color: #fff0; } .xpro-elementor-horizontal-menu-style-sweepToRight .xpro-elementor-horizontal-navbar-nav > li > a:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .xpro-elementor-horizontal-menu-style-sweepToLeft .xpro-elementor-horizontal-navbar-nav > li > a:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .xpro-elementor-horizontal-menu-style-sweepToBottom .xpro-elementor-horizontal-navbar-nav > li > a:before { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .xpro-elementor-horizontal-menu-style-sweepToTop .xpro-elementor-horizontal-navbar-nav > li > a:before { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .xpro-elementor-horizontal-menu-style-sweepToLeft .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-sweepToLeft .xpro-elementor-horizontal-navbar-nav > li:hover > a:before, .xpro-elementor-horizontal-menu-style-sweepToRight .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-sweepToRight .xpro-elementor-horizontal-navbar-nav > li:hover > a:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .xpro-elementor-horizontal-menu-style-sweepToBottom .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-sweepToBottom .xpro-elementor-horizontal-navbar-nav > li:hover > a:before, .xpro-elementor-horizontal-menu-style-sweepToTop .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a:before, .xpro-elementor-horizontal-menu-style-sweepToTop .xpro-elementor-horizontal-navbar-nav > li:hover > a:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li > a { margin: 0 10px; padding: 20px; } .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li > a::after, .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li > a::before { content: ""; position: absolute; width: 10px; height: 10px; opacity: 0; border: 2px solid #d94f5c; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); -o-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); } .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li > a::before { top: 0; left: 0; border-width: 2px 0 0 2px; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li > a::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); } .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a::after, .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a::before, .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li:hover > a::after, .xpro-elementor-horizontal-menu-style-focusLens .xpro-elementor-horizontal-navbar-nav > li:hover > a::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li > a::after, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li > a::before { content: ""; position: absolute; width: 0; height: 3px; background-color: #c92a61; -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .xpro-animated-link-style-25:hover::before, .xpro-contact-form-item-type-captcha > div, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a::after, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a::before, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li:hover > a::after, .xpro-elementor-horizontal-menu-style-lineTopBottom .xpro-elementor-horizontal-navbar-nav > li:hover > a::before, .xpro-featured-image > img { width: 100%; } .elementor-editor-active .xpro-reading-progress-bar, .xpro-content-toggle-button-wrapper.active ~ .xpro-toggle-content-wrapper > .xpro-toggle-content-first, .xpro-elementor-horizontal-menu-toggler-wrapper, .xpro-horizontal-timeline, .xpro-social-icon.xpro-unique-triangle-shape .xpro-social-icon-title, .xpro-social-share-title:empty, .xpro-table-body-row .xpro-table-head-column-cell, .xpro-team-layout-14 .xpro-team-description, .xpro-team-layout-14 .xpro-team-social-list, .xpro-team-layout-3 .xpro-team-description, .xpro-team-layout-7 .xpro-team-description, .xpro-team-layout-7 .xpro-team-social-list, .xpro-toggle-content-wrapper > .xpro-toggle-content-second { display: none; } button.xpro-elementor-horizontal-menu-toggler { padding: 5px; background: 0 0; color: #2b2b2b; font-size: 25px; line-height: 1; width: 40px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: none; } .xpro-elementor-horizontal-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #00000069; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0; visibility: hidden; z-index: 99; display: none; } button.xpro-elementor-horizontal-menu-close { position: relative; font-size: 20px; line-height: 1; width: 40px; height: 40px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; background-color: #e8e8e8; color: #2b2b2b; margin-left: auto; cursor: pointer; display: none; border: none; } .xpro-elementor-horizontal-navbar-nav > li > .xpro-elementor-dropdown-menu:after { content: ""; position: absolute; top: -16px; left: 15px; z-index: -1; display: block; width: 16px; height: 16px; -webkit-transform: rotate(-45deg) translateY(1rem); -ms-transform: rotate(-45deg) translateY(1rem); transform: rotate(-45deg) translateY(1rem); border-radius: 3px; background: var(--e-global-color-primary); -webkit-box-shadow: none; box-shadow: none; } .xpro-team-content { padding: 30px; } .xpro-team-title, .xpro-testimonial-title { font-size: 25px; margin-bottom: 10px; font-weight: 700; line-height: 1.2; color: #2b2b2b; position: relative; } .xpro-team-designation, .xpro-testimonial-designation { font-size: 18px; color: #969696; margin-bottom: 15px; line-height: 1.2; position: relative; } .xpro-team-layout-7:hover .xpro-team-social-list-dis, .xpro-team-social-list-dis { display: flex; } .xpro-team-layout-14:hover .xpro-team-social-list-dis { display: flex; justify-content: center; } .xpro-team-layout-14:hover .xpro-team-social-list-dis .xpro-team-social-list, .xpro-team-layout-7:hover .xpro-team-social-list-dis { position: relative; list-style: none; padding: 0; margin: 20px 0 0; } .xpro-team-social-list > li { display: inline-block; margin-right: 5px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .xpro-team-social-list > li:first-child, .xpro-team-social-list > li:nth-child(10) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .xpro-team-social-list > li:nth-child(2) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .xpro-team-social-list > li:nth-child(3) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .xpro-team-social-list > li:nth-child(4) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .xpro-team-social-list > li:nth-child(5) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .xpro-team-social-list > li:nth-child(6) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .xpro-team-social-list > li:nth-child(7) { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .xpro-team-social-list > li:nth-child(8) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .xpro-team-social-list > li:nth-child(9) { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .xpro-team-social-list .xpro-team-social-icon { height: 40px; width: 40px; min-width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #c1c1c1; color: #8a8a8a; -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out; } .xpro-team-social-icon > i { font-size: 16px; line-height: 1; } .xpro-team-social-icon > svg { width: 60px; height: auto; } .xpro-team-image { position: relative; overflow: hidden; display: inline-table; max-width: 100%; -webkit-box-flex: 0; -ms-flex: none; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .xpro-team-wrapper .xpro-team-image > img { width: 100%; height: 100%; } .xpro-team-layout-1 .xpro-team-image > img { -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; transition: 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .xpro-team-layout-1:hover .xpro-team-image > img, .xpro-team-layout-4:hover .xpro-team-image > img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .xpro-team-layout-2 .xpro-team-designation { font-size: 25px; font-weight: 700; color: #2b2b2b; } .xpro-team-layout-2 .xpro-team-title { font-size: 35px; margin-bottom: 15px; } .xpro-team-layout-2 .xpro-team-social-list { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0 0 50px; display: inline-block; opacity: 0; -webkit-transition: 0.3s 0.3s; -o-transition: 0.3s 0.3s; transition: 0.3s 0.3s; } .xpro-team-layout-2 .xpro-team-social-list > li { -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); } .xpro-post-grid-layout-9 .xpro-post-grid-item:hover .xpro-post-grid-content, .xpro-team-layout-12:hover .xpro-team-image::after, .xpro-team-layout-2:hover .xpro-team-social-list > li, .xpro-team-layout-3:hover .xpro-team-social-list > li, .xpro-team-layout-6:hover .xpro-team-social-list > li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .xpro-team-layout-2 .xpro-team-social-list .xpro-team-social-icon { background-color: #fff; border-radius: 50px; border-color: #fff0; } .xpro-team-layout-3 .xpro-team-social-list { position: absolute; bottom: 0; right: 0; margin: 0; opacity: 0; -webkit-transition: 0.3s 0.3s; -o-transition: 0.3s 0.3s; transition: 0.3s 0.3s; } .xpro-team-layout-3 .xpro-team-social-list > li { margin: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .xpro-team-layout-3 .xpro-team-social-list .xpro-team-social-icon { background-color: #fff; border-color: #fff0; } .xpro-team-layout-3 .xpro-team-content { position: relative; padding: 30px; z-index: 2; background-color: #eaeaea; } .xpro-team-layout-4 .xpro-team-image > img { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .xpro-team-layout-4 .xpro-team-content { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #fff; padding: 50px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .xpro-team-layout-6 .xpro-team-content, .xpro-team-layout-9 .xpro-team-inner-content { position: absolute; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .xpro-team-layout-4 .xpro-team-social-icon { color: #fff; background-color: #2b2b2b; border-color: #2b2b2b; border-radius: 50px; } .xpro-team-layout-5 .xpro-team-image::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; background-color: #2b2b2ba3; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .xpro-team-layout-5 .xpro-team-social-list { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; z-index: 3; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .xpro-team-layout-5 .xpro-team-social-list .xpro-team-social-icon { color: #2b2b2b; background-color: #fff; border-color: #fff; border-radius: 50px; } .xpro-team-layout-6 .xpro-team-content { padding: 50px; bottom: 0; right: 0; width: 80%; height: 80%; z-index: 2; border: 1px solid #fff; display: flex; -ms-flex-direction: column; flex-direction: column; } .xpro-team-layout-6 .xpro-team-content::before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index: -1; } .xpro-team-layout-6 .xpro-team-social-list { margin-top: auto; opacity: 0; -webkit-transition: 0.3s 0.3s; -o-transition: 0.3s 0.3s; transition: 0.3s 0.3s; } .xpro-team-layout-6 .xpro-team-social-list .xpro-team-social-icon { border: 1px solid #fff; color: #585858; background-color: #fff; } .xpro-team-layout-6 .xpro-team-social-list > li { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .xpro-team-layout-7 .xpro-team-content { padding: 30px; border: 1px solid #f3f3f3; border-radius: 10px; bottom: 0; left: 0; position: absolute; width: 100%; background-color: #fff; } .xpro-team-layout-8 .xpro-team-inner-content { position: absolute; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .xpro-team-layout-8 .xpro-team-image { overflow: initial; padding-bottom: 30px; } .xpro-team-layout-8 .xpro-team-social-list { position: absolute; bottom: 0; left: 50%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; padding: 10px 30px; border-radius: 50px; background-color: #ffc460; } .xpro-team-layout-8 .xpro-team-social-list .xpro-team-social-icon { background-color: #fff; border-color: #fff; border-radius: 50px; color: #2b2b2b; } .xpro-team-layout-8 .xpro-team-content { padding: 50px; display: none; } .xpro-team-layout-9 .xpro-team-inner-content { bottom: 0; left: 100px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; padding: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: #fff; min-height: 100px; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-team-layout-9 .xpro-team-inner-content .xpro-team-title { padding-left: 30px; } .xpro-team-layout-9 .xpro-team-inner-content .xpro-team-designation { padding-left: 30px; margin: 0; } .xpro-team-layout-10, .xpro-team-layout-9 .xpro-team-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .xpro-team-layout-9 .xpro-team-social-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; min-width: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50px 0; background-color: #f0c46b; } .xpro-team-layout-9 .xpro-team-social-list > li { margin-right: 0 !important; margin-bottom: 10px; } .xpro-team-layout-9 .xpro-team-social-list .xpro-team-social-icon { background-color: #ffffff47; border-color: #fff0; color: #fff; border-radius: 50px; } .xpro-team-layout-9 .xpro-team-content { padding: 0 !important; } .xpro-team-layout-9 .xpro-team-description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 50px; } .xpro-team-layout-9 .xpro-team-description::before { content: ""; position: relative; width: 100px; height: 5px; display: block; margin-bottom: 30px; background-color: #f0c46b; } .xpro-team-layout-10 .xpro-team-image, .xpro-team-layout-11 .xpro-team-image { width: 50%; } .xpro-team-layout-10 .xpro-team-content, .xpro-team-layout-11 .xpro-team-content { padding: 30px; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-author-box, .xpro-team-layout-11, .xpro-testimonial-layout-4, .xpro-testimonial-layout-5 { display: -webkit-box; display: -ms-flexbox; display: flex; } .xpro-team-layout-12 .xpro-team-content { background-color: #002569e8; } .xpro-team-layout-12 .xpro-team-social-list { margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; opacity: 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .xpro-team-layout-12 .xpro-team-image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #002569e8; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .xpro-team-layout-12 .xpro-team-social-list .xpro-team-social-icon { border: 1px solid #ffffff78; color: #fff; background-color: #ffffff78; } .xpro-team-layout-13::after { content: ""; position: absolute; bottom: 0; right: 0; background-color: #fff; height: 500px; width: 500px; max-width: 90%; max-height: 90%; margin-bottom: 4%; margin-right: 4%; -webkit-mask-image: url(https://labkimiafarma.co.id/apps/xpro-elementor-addons/assets/images/team-shape-2.png); mask-image: url(https://labkimiafarma.co.id/apps/xpro-elementor-addons/assets/images/team-shape-2.png); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .xpro-team-layout-13 .xpro-team-social-list { margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 50px; left: -40px; z-index: -1; } .xpro-team-layout-13 .xpro-team-image { overflow: initial; z-index: 0; } .xpro-team-layout-13 .xpro-team-social-list > li { margin-right: 0 !important; margin-bottom: 10px; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .xpro-team-layout-13:hover .xpro-team-social-list > li { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .xpro-team-layout-13 .xpro-team-social-list .xpro-team-social-icon { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .xpro-team-layout-13 .xpro-team-content { position: absolute; bottom: 100px; left: 50%; width: 100%; padding: 0 0 0 30px; z-index: 2; max-width: calc(100% - 100px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-left: 5px solid #2b2b2b; } .xpro-team-layout-14 .xpro-team-image > img { position: relative; z-index: 1; } .xpro-team-layout-15 { border: 1px solid #efefef; padding: 20px 0 20px 20px; border-radius: 5px; } .xpro-team-layout-15 .xpro-team-social-list { position: absolute; top: 0; -webkit-transform: none; right: 0; text-align: center; margin: 0; height: 100%; padding: 20px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-team-layout-15 .xpro-team-social-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0 !important; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-team-layout-15 .xpro-team-content { padding: 50px 0 0; } .xpro-testimonial-layout-1, .xpro-testimonial-layout-2 { border-radius: 5px; background-color: #fff; padding: 30px; position: relative; -webkit-box-shadow: 0 3px 40px rgb(36 36 36 / 10%); box-shadow: 0 3px 40px rgb(36 36 36 / 10%); } .xpro-testimonial-rating { display: inline-block; font-size: 12px; line-height: 1; margin-bottom: 30px; } .xpro-rating-layout-num { padding: 5px 10px; border-radius: 20px; background-color: #ffbf36; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-rating-layout-num > i { font-size: 80%; margin-left: 5px; } .xpro-rating-layout-star > i { color: #e6e6e6; } .xpro-rating-layout-star > .xpro-rating-filled, .xpro-tutor-ratings-stars > span { color: #ffbf36; } .xpro-testimonial-quote { font-size: 25px; line-height: 1; margin-bottom: 15px; display: inline-block; } .xpro-testimonial-quote svg { width: 40px; height: auto; } .xpro-testimonial-image { position: relative; margin-bottom: 30px; z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .xpro-testimonial-image > img { width: 200px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-testimonial-layout-2 .xpro-testimonial-quote { position: absolute; bottom: 0; font-size: 70px; right: 0; line-height: 1; margin: 0 30px -30px 0; color: #bfbfbf; } .xpro-testimonial-layout-2.xpro-testimonial-align-center .xpro-testimonial-quote { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0 0 -30px; } .xpro-testimonial-layout-2.xpro-testimonial-align-right .xpro-testimonial-quote { right: auto; left: 0; margin: 0 0 -30px 30px; } .xpro-testimonial-layout-3 { border-radius: 5px; background-color: #fff; padding: 30px; position: relative; height: 100%; margin-bottom: -200px; -webkit-box-shadow: 0 3px 40px rgb(36 36 36 / 10%); box-shadow: 0 3px 40px rgb(36 36 36 / 10%); } .xpro-testimonial-layout-4 .xpro-testimonial-image, .xpro-testimonial-layout-5 .xpro-testimonial-image { margin: 0 30px 0 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; } .xpro-testimonial-layout-4 .xpro-testimonial-image > img, .xpro-testimonial-layout-5 .xpro-testimonial-image > img { height: 150px; width: 150px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .xpro-testimonial-layout-4 .xpro-testimonial-inner-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 50px; border-radius: 10px; background-color: #f1f1f1; } .xpro-testimonial-layout-4 .xpro-testimonial-quote { font-size: 30px; margin-bottom: 25px; } .xpro-block-quote-layout-6 .xpro-block-quote-content-wrap, .xpro-testimonial-layout-4 .xpro-testimonial-rating, .xpro-testimonial-layout-5 .xpro-testimonial-rating, .xpro-testimonial-layout-6 .xpro-testimonial-designation, .xpro-testimonial-layout-7 .xpro-testimonial-designation, .xpro-testimonial-layout-8 .xpro-testimonial-designation { margin: 0; } .xpro-horizontal-timeline-col .xpro-horizontal-timeline-item, .xpro-table-head-icon-bottom .xpro-table-head-column-cell-inner, .xpro-table-row-icon-bottom .xpro-table-body-row-cell-inner, .xpro-testimonial-layout-4.xpro-testimonial-align-center, .xpro-testimonial-layout-5.xpro-testimonial-align-center, .xpro-testimonial-layout-6.xpro-testimonial-align-center .xpro-testimonial-author, .xpro-testimonial-layout-7.xpro-testimonial-align-center .xpro-testimonial-author, .xpro-testimonial-layout-8.xpro-testimonial-align-center .xpro-testimonial-author, .xpro-testimonial-layout-9.xpro-testimonial-align-center .xpro-testimonial-author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .xpro-testimonial-layout-4.xpro-testimonial-align-center .xpro-testimonial-image, .xpro-testimonial-layout-5.xpro-testimonial-align-center .xpro-testimonial-image, .xpro-testimonial-layout-6.xpro-testimonial-align-center .xpro-testimonial-image, .xpro-testimonial-layout-7.xpro-testimonial-align-center .xpro-testimonial-image, .xpro-testimonial-layout-8.xpro-testimonial-align-center .xpro-testimonial-image, .xpro-testimonial-layout-9.xpro-testimonial-align-center .xpro-testimonial-image { margin: 0 0 30px; } .xpro-testimonial-layout-4.xpro-testimonial-align-right .xpro-testimonial-image, .xpro-testimonial-layout-5.xpro-testimonial-align-right .xpro-testimonial-image, .xpro-testimonial-layout-6.xpro-testimonial-align-right .xpro-testimonial-image, .xpro-testimonial-layout-7.xpro-testimonial-align-right .xpro-testimonial-image, .xpro-testimonial-layout-8.xpro-testimonial-align-right .xpro-testimonial-image, .xpro-testimonial-layout-9.xpro-testimonial-align-right .xpro-testimonial-image { margin: 0 0 0 30px; } .xpro-testimonial-layout-5 .xpro-testimonial-inner-wrapper { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 50px; border-radius: 10px; background-color: #f1f1f1; } .xpro-testimonial-layout-5 .xpro-testimonial-quote { font-size: 100px; position: absolute; top: 0; left: 0; margin: 20px; color: #e4e4e4; } .xpro-testimonial-layout-5.xpro-testimonial-align-center .xpro-testimonial-quote { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 15px 0 0; } .xpro-testimonial-layout-5.xpro-testimonial-align-right .xpro-testimonial-quote { right: 0; left: auto; } .xpro-testimonial-layout-6 .xpro-testimonial-content, .xpro-testimonial-layout-8 .xpro-testimonial-content { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 50px; border-radius: 10px; margin-bottom: 30px; background-color: #f1f1f1; } .xpro-testimonial-layout-6 .xpro-testimonial-author, .xpro-testimonial-layout-7 .xpro-testimonial-author, .xpro-testimonial-layout-8 .xpro-testimonial-author, .xpro-testimonial-layout-9 .xpro-testimonial-author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-testimonial-layout-6 .xpro-testimonial-author-bio, .xpro-testimonial-layout-7 .xpro-testimonial-author-bio, .xpro-testimonial-layout-8 .xpro-testimonial-author-bio { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .xpro-testimonial-layout-6 .xpro-testimonial-image, .xpro-testimonial-layout-7 .xpro-testimonial-image, .xpro-testimonial-layout-8 .xpro-testimonial-image, .xpro-testimonial-layout-9 .xpro-testimonial-image { margin: 0 30px 0 0; } .xpro-testimonial-layout-6 .xpro-testimonial-image > img, .xpro-testimonial-layout-7 .xpro-testimonial-image > img, .xpro-testimonial-layout-8 .xpro-testimonial-image > img, .xpro-testimonial-layout-9 .xpro-testimonial-image > img { height: 120px; width: 120px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .xpro-testimonial-layout-7 { padding: 50px; border-width: 2px 2px 2px 15px; border-style: solid; border-color: var(--e-global-color-primary); } .xpro-testimonial-layout-8 .xpro-testimonial-content::after { content: ""; position: absolute; bottom: 0; left: 40px; z-index: -1; display: block; width: 25px; height: 25px; -webkit-transform: rotate(-45deg) translateY(1rem); -ms-transform: rotate(-45deg) translateY(1rem); transform: rotate(-45deg) translateY(1rem); border-radius: 3px; background: inherit; -webkit-box-shadow: none; box-shadow: none; } .xpro-testimonial-layout-8.xpro-testimonial-align-center .xpro-testimonial-content::after { left: calc(50% - 20px); } .xpro-testimonial-layout-8.xpro-testimonial-align-right .xpro-testimonial-content::after { left: auto; right: 60px; } .xpro-testimonial-layout-9 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xpro-testimonial-layout-9.xpro-testimonial-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-horizontal-timeline-col .xpro-horizontal-timeline-date, .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline-content, .xpro-testimonial-layout-9.xpro-testimonial-align-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .xpro-testimonial-layout-9 .xpro-testimonial-content { margin-top: 20px; } .xpro-testimonial-layout-10 .xpro-testimonial-description { margin-bottom: 30px; } .xpro-logo-grid-wrapper:after { display: block; clear: both; content: ""; } .xpro-logo-grid-item { float: left; overflow: hidden; height: 180px; border-color: #e7e7e7; } .xpro-logo-grid-figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 30px; width: 100%; height: 100%; } .xpro-logo-grid-img { max-height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 auto; } .xpro-logo-grid--tictactoe .xpro-logo-grid-item { border-width: 2px 2px 0 0; border-style: solid; } .xpro-logo-grid--border .xpro-logo-grid-item { border-width: 0 2px 2px 0; border-style: solid; } .xpro-logo-grid--border .xpro-logo-grid-item:first-child { border-top-left-radius: 10px; } .xpro-logo-grid--border .xpro-logo-grid-item:last-child { border-bottom-right-radius: 10px; } .xpro-logo-grid--box .xpro-logo-grid-wrapper { margin: -0.5rem; } .xpro-logo-grid--box .xpro-logo-grid-item { margin: 0.5rem; border-width: 2px; border-style: solid; border-radius: 0.5rem; } .xpro-anim-mask-from-up { -webkit-animation-name: XproMaskFromUp; animation-name: XproMaskFromUp; } .xpro-anim-mask-from-down { -webkit-animation-name: XproMaskFromDown; animation-name: XproMaskFromDown; } .xpro-anim-mask-from-left { -webkit-animation-name: XproMaskFromLeft; animation-name: XproMaskFromLeft; } .xpro-anim-mask-from-right { -webkit-animation-name: XproMaskFromRight; animation-name: XproMaskFromRight; } @-webkit-keyframes XproMaskFromUp { from { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XproMaskFromUp { from { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @-webkit-keyframes XproMaskFromDown { from { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XproMaskFromDown { from { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @-webkit-keyframes XproMaskFromRight { from { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XproMaskFromRight { from { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @-webkit-keyframes XproMaskFromLeft { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XproMaskFromLeft { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } [class*="xpro-anim-reveal-from"] > .e-con-inner::after, [class*="xpro-anim-reveal-from"] > .elementor-container::after, [class*="xpro-anim-reveal-from"] > .elementor-element-populated::after, [class*="xpro-anim-reveal-from"]::after { content: ""; position: absolute; background: var(--e-global-color-primary); width: 100%; height: 100%; z-index: 999; -webkit-transition: 1.25s ease-in-out; -o-transition: 1.25s ease-in-out; transition: 1.25s ease-in-out; } .animated[class*="xpro-anim-reveal-from"] > .e-con-inner::after, .animated[class*="xpro-anim-reveal-from"] > .elementor-container::after, .animated[class*="xpro-anim-reveal-from"] > .elementor-element-populated::after, .animated[class*="xpro-anim-reveal-from"]::after { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; } .animated.animated-slow[class*="xpro-anim-reveal-from"] > .e-con-inner::after, .animated.animated-slow[class*="xpro-anim-reveal-from"] > .elementor-container::after, .animated.animated-slow[class*="xpro-anim-reveal-from"] > .elementor-element-populated::after, .animated.animated-slow[class*="xpro-anim-reveal-from"] > ::after { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.animated-fast[class*="xpro-anim-reveal-from"] > .e-con-inner::after, .animated.animated-fast[class*="xpro-anim-reveal-from"] > .elementor-container::after, .animated.animated-fast[class*="xpro-anim-reveal-from"] > .elementor-element-populated::after, .animated.animated-fast[class*="xpro-anim-reveal-from"]::after { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .xpro-anim-reveal-from-up > .e-con-inner::after, .xpro-anim-reveal-from-up > .elementor-container::after, .xpro-anim-reveal-from-up > .elementor-element-populated::after, .xpro-anim-reveal-from-up::after { bottom: 0; left: 0; height: 0; -webkit-animation-name: XproRevealVertical; animation-name: XproRevealVertical; } .xpro-anim-reveal-from-down > .e-con-inner::after, .xpro-anim-reveal-from-down > .elementor-container::after, .xpro-anim-reveal-from-down > .elementor-element-populated::after, .xpro-anim-reveal-from-down::after { top: 0; left: 0; height: 0; -webkit-animation-name: XproRevealVertical; animation-name: XproRevealVertical; } .xpro-anim-reveal-from-left > .e-con-inner::after, .xpro-anim-reveal-from-left > .elementor-container::after, .xpro-anim-reveal-from-left > .elementor-element-populated::after, .xpro-anim-reveal-from-left::after { top: 0; right: 0; width: 0; -webkit-animation-name: XproRevealHorizontal; animation-name: XproRevealHorizontal; } .xpro-anim-reveal-from-right > .e-con-inner::after, .xpro-anim-reveal-from-right > .elementor-container::after, .xpro-anim-reveal-from-right > .elementor-element-populated::after, .xpro-anim-reveal-from-right::after { top: 0; left: 0; width: 0; -webkit-animation-name: XproRevealHorizontal; animation-name: XproRevealHorizontal; } @-webkit-keyframes XproRevealVertical { from { height: 100%; } to { height: 0; } } @keyframes XproRevealVertical { from { height: 100%; } to { height: 0; } } @-webkit-keyframes XproRevealHorizontal { from { width: 100%; } to { width: 0; } } @keyframes XproRevealHorizontal { from { width: 100%; } to { width: 0; } } ul.xpro-social-icon-wrapper.xpro-social-icon-style-1 li span:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-2 li span:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-2 li span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #404040; border: 2px dashed black; background-clip: content-box; margin: 10px; -webkit-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; width: 110px; height: 110px; padding: 4px; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-3 li span:hover { -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; background: black; -webkit-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-3 li span:hover i { -webkit-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; transform: scale(1.3); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-4 li span{ position: relative; display: block; border-radius: 50px; background-color: #363333; text-align: center; transition: .5s; box-shadow: 0 5px 4px rgba(0,0,0,.5); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-4 li span:hover { transform: translateY(-10px); background: black; transition: .5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-4 li span:hover i { transform: scale(0.59); transition: .5s; rotate: 60deg; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-5 li span { position: relative; display: block; background-color: #222; text-align: center; transition: .5s; box-shadow: 0px 0px 0px 0px rgb(26 106 106); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-5 li span:hover { transform: scale(1.2); background: #166a6a; box-shadow: 0px 0px 0px 0px rgb(26 106 106); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-5 li span:hover i { transform: rotate(360deg); transition: .5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-6 li span { display: inline-flex; width: 80px; height: 80px; align-items: center; justify-content: center; text-decoration: none; font-size: 30px; border-radius: 50%; margin: 10px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); background-size: 100% 200%; background-position: 0% 5%; transition: background-position 0.5s, color 0.5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-6 li:nth-child(n) span { color: #1976d3; background-image: linear-gradient(#fff 50%, #1976d3 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-6 li:nth-child(n+1) span { color: #db6f44; background-image: linear-gradient(#fff 50%, #db6f44 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-6 li:nth-child(3n) span { color: #000; background-image: linear-gradient(#fff 50%, #000 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-6 li:nth-child(4n) span { color: #03a9f5; background-image: linear-gradient(#fff 50%, #03a9f5 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-6 li span:hover { background-position: 0% 100%; color: #fff; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-7 li span { position: relative; display: block; background-color: #2b2b2b; text-align: center; transition: .5s; overflow: hidden; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-7 li span::after { content: ""; position: absolute; width: 120%; height: 120%; background: radial-gradient(rgba(255, 255, 255, 0.2), transparent); left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: .5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-7 li span:hover::after { transform: translate(-50%, -50%) scale(1); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-7 li span:hover i { transform: rotate(-30deg); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-8 li span { position: relative; display: block; border-radius: 50px; background: linear-gradient(45deg, #ff512f, #dd2476); text-align: center; transition: .5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-8 li span:hover { transform: rotateX(180deg); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-8 li span:hover i { transform: rotate(180deg); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-9 li span { position: relative; display: block; border-radius: 50px; background-color: #333; text-align: center; transition: .5s; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-9 li span:hover { transform: translateY(-5px); box-shadow: 0 15px 25px rgba(0, 0, 0, 0.8); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-9 li span:hover i { transform: rotate(45deg); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-10 li span { position: relative; display: block; background-color: #1a1a1a; text-align: center; transition: .5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-10 li span:hover { animation: pulse 1s infinite; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-10 li span:hover i { transform: scale(1.1); } @keyframes pulse { 0% { box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); } } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li span { display: flex; height: 75px; width: 75px; border-radius: 8px; align-items: center; justify-content: center; text-decoration: none; background: #ffffff; box-shadow: 4px 4px 0 -1px rgb(0 0 0 / 22%), -4px -5px 1px -1px rgb(253 253 253 / 70%); border: 1px solid rgb(0 0 0 / 9%); border: 1px solid rgba(0, 0, 0, 0); transition: transform 0.5s, box-shadow 0.5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li span i { font-size: 50px; color: #777; transition: transform 0.5s, color 0.5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li span:hover { box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, 0.2), inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7), -0.5px -0.5px 0px rgba(255, 255, 255, 1), 0.5px 0.5px 0px rgba(0, 0, 0, 0.15), 0px 12px 10px -10px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.01); transform: translateY(2px); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li span:hover i { transform: scale(0.9); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li:nth-child(n) span:hover i { color: #3b5998; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li:nth-child(n+2) span:hover i { color: #00acee;  } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li:nth-child(3n) span:hover i { color: #000000;  } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li:nth-child(4n) span:hover i { color: #f14843;  } ul.xpro-social-icon-wrapper.xpro-social-icon-style-11 li:nth-child(5n) span:hover i { color: #0077b5;  } ul.xpro-social-icon-wrapper.xpro-social-icon-style-12 li span { height: 80px; width: 80px; border-radius: 50%; box-shadow: -5px 5px 15px #333; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; overflow: hidden; position: relative; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-12 li span i { font-size: 35px; color: #e7e7e7; transition: transform 0.3s ease; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-12 li span:hover  i { animation: xpro-social-icon-slide  0.5s ease forwards; } @keyframes xpro-social-icon-slide { 0% { transform: translateX(0); } 50% { transform: translateX(10px); opacity: 0; } 51% { transform: translateX(-10px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } ul.xpro-social-icon-wrapper.xpro-social-icon-style-13 li span { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #1A1A1A; transition: all 0.75s ease; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-13 li span i { padding: 16px; font-size: 28px; width: 28px; text-align: center; text-decoration: none; border-radius: 50%; background: #1A1A1A; color: white; transition: all 0.75s ease; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-13 li span:hover i { box-shadow: 0 0 15px #FFE469; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-14 li span { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); background-size: 100% 200%; background-position: 0% 5%; transition: background-position 0.5s, color 0.5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-14 li:nth-child(n) span { color: #1976d3; background-image: linear-gradient(#fff 50%, #1976d3 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-14 li:nth-child(n+1) span { color: #db6f44; background-image: linear-gradient(#fff 50%, #db6f44 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-14 li:nth-child(3n) span { color: #000; background-image: linear-gradient(#fff 50%, #000 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-14 li:nth-child(4n) span { color: #03a9f5; background-image: linear-gradient(#fff 50%, #03a9f5 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-14 li span:hover { background-position: 0% 100%; color: #fff; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-15 li span { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); background-size: 100% 200%; background-position: 0% 5%; transition: background-position 0.5s, color 0.5s; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-15 li:nth-child(n) span { color: #1976d3; border: 1px solid#03a9f5; background-image: linear-gradient(#fff 50%, #1976d3 50%); } ul.xpro-social-icon-wrapper.xpro-social-icon-style-15 li:nth-child(n+1) span { color: #db6f44; background-image: linear-gradient(#fff 50%, #db6f44 50%); border: 1px solid  #db6f44; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-15 li:nth-child(3n) span { color: #000; background-image: linear-gradient(#fff 50%, #000 50%); border: 1px solid  #000; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-15 li:nth-child(4n) span { color: #03a9f5; background-image: linear-gradient(#fff 50%, #03a9f5 50%); border: 1px solid#03a9f5; } ul.xpro-social-icon-wrapper.xpro-social-icon-style-15 li span:hover { background-position: 0% 100%; color: #fff; } .xpro-social-icon-wrapper, .xpro-social-share-wrapper { margin: 0; padding: 0; -ms-grid-columns: auto 2px auto 2px auto; grid-template-columns: repeat(3, 1fr); display: -ms-inline-grid; display: inline-grid; grid-column-gap: 2px; } .xpro-social-icon-wrapper > li, .xpro-social-share-wrapper > li { list-style: none; display: inline-block; } .xpro-social-icon-wrapper > li .xpro-social-icon, .xpro-social-share-wrapper > li .xpro-social-share { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-social-icon, .xpro-social-share { background-color: gray; } .xpro-social-icon > i, .xpro-social-share > i { font-size: 30px; height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-social-icon > svg, .xpro-social-share > svg { width: 18px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-social-icon .xpro-social-icon-title, .xpro-social-share .xpro-social-share-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0 0 0 5px; font-size: 15px; } .xpro-social-icon.xpro-unique-triangle-shape { margin: 10px 25px 10px 0; } .xpro-social-icon.xpro-unique-triangle-shape:hover { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-unique-triangle-shape:hover.xpro-social-icon > i, .xpro-unique-triangle-shape:hover.xpro-social-icon > svg { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-social-icon.xpro-unique-reverse-shape, .xpro-social-share.xpro-unique-reverse-shape { margin: 0 10px; width: 200px; height: 70px; line-height: 70px; padding: 0; -webkit-transform: perspective(300px) rotateY(0); transform: perspective(300px) rotateY(0); transition: transform 0.2s linear, background-color 0s linear 0.1s, color 0s linear 0.1s, -webkit-transform 0.2s linear; z-index: 1; } .xpro-social-icon.xpro-unique-reverse-shape:hover, .xpro-social-share.xpro-unique-reverse-shape:hover { -webkit-transform: perspective(300px) rotateY(180deg); transform: perspective(300px) rotateY(180deg); transition: transform 0.2s linear, background-color 0s linear 0.1s, color 0s linear 0.1s, -webkit-transform 0.2s linear; } .xpro-unique-reverse-shape:hover.xpro-social-icon > i, .xpro-unique-reverse-shape:hover.xpro-social-icon > svg, .xpro-unique-reverse-shape:hover.xpro-social-share > i, .xpro-unique-reverse-shape:hover.xpro-social-share > svg { -webkit-transition: none; -o-transition: none; transition: none; opacity: 0; visibility: hidden; width: 0 !important; } .xpro-social-icon.xpro-unique-reverse-shape:hover .xpro-social-icon-title, .xpro-social-share.xpro-unique-reverse-shape:hover .xpro-social-share-title { -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); opacity: 1; visibility: visible; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: block; } .xpro-social-icon.xpro-unique-reverse-shape .xpro-social-icon-title, .xpro-social-share.xpro-unique-reverse-shape .xpro-social-share-title { opacity: 0; visibility: hidden; width: 0; display: none; } .xpro-social-icon.xpro-unique-slide-shape, .xpro-social-share.xpro-unique-slide-shape { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; overflow: hidden; position: relative; padding: 15px 50px !important; } .xpro-unique-slide-shape:hover.xpro-social-icon > i, .xpro-unique-slide-shape:hover.xpro-social-icon > svg, .xpro-unique-slide-shape:hover.xpro-social-share > i, .xpro-unique-slide-shape:hover.xpro-social-share > svg { -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden; } .xpro-social-icon.xpro-unique-slide-shape .xpro-social-icon-title, .xpro-social-share.xpro-unique-slide-shape .xpro-social-share-title { position: absolute; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; top: 0; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .xpro-social-icon.xpro-unique-slide-shape:hover .xpro-social-icon-title, .xpro-social-share.xpro-unique-slide-shape:hover .xpro-social-share-title { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff0; opacity: 1; visibility: visible; } .xpro-content-toggle-button-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-toggle-content-wrapper { margin-top: 30px; } .xpro-content-toggle-after, .xpro-content-toggle-before { font-size: 16px; font-weight: 400; color: #2b2b2b; line-height: 1; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-content-toggle-after, .xpro-content-toggle-button-wrapper.active .xpro-content-toggle-before { color: #989898; } button.xpro-content-toggle-button { margin: 0 25px; padding: 0; position: relative; border: none; height: 40px; width: 80px; border-radius: 50px; color: #6b7381; background-color: #bdc1c8; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .xpro-content-toggle-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 5px; width: 30px; height: 30px; border-radius: 50px; background-color: #fff; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .xpro-content-toggle-button-layout-2.active .xpro-content-toggle-handle, .xpro-content-toggle-button-wrapper.active .xpro-content-toggle-button, button.xpro-content-toggle-button-layout-2.active .xpro-content-toggle-handle { background-color: #34c759; } .xpro-content-toggle-button-wrapper.active .xpro-content-toggle-handle { left: 45px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .xpro-content-toggle-button-layout-2 .xpro-content-toggle-button { background: 0 0 !important; } .xpro-content-toggle-button-layout-2 .xpro-content-toggle-handle { background-color: #989898; } .xpro-content-toggle-button-layout-3 .xpro-content-toggle-button { border-radius: 0; background-color: #bdc1c8; } .xpro-content-toggle-button-layout-3 .xpro-content-toggle-handle, button.xpro-content-toggle-button-layout-3 .xpro-content-toggle-button, button.xpro-content-toggle-button-layout-3 .xpro-content-toggle-handle { border-radius: 0; } .xpro-content-toggle-button-layout-4 .xpro-content-toggle-handle { left: 1px; background-color: #34c759; } .xpro-content-toggle-button-layout-5 .xpro-content-toggle-button, .xpro-content-toggle-button-layout-5 .xpro-content-toggle-handle, button.xpro-content-toggle-button-layout-5 .xpro-content-toggle-button, button.xpro-content-toggle-button-layout-5 .xpro-content-toggle-handle { border-radius: 5px; } button.xpro-content-toggle-button-layout-2 .xpro-content-toggle-button { border: 4px solid #989898; background: 0 0; } button.xpro-content-toggle-button-layout-2 .xpro-content-toggle-handle { background-color: #989898; width: 25px; height: 25px; } button.xpro-content-toggle-button-layout-2.active .xpro-content-toggle-button { background: 0 0; border-color: #34c759; } button.xpro-content-toggle-button-layout-4 .xpro-content-toggle-button { background: #f5f5f5; height: 15px; width: 60px; } button.xpro-content-toggle-button-layout-4.active .xpro-content-toggle-button { background: #f5f5f5; } button.xpro-content-toggle-button-layout-4 .xpro-content-toggle-handle { background-color: #34c759; height: 25px; width: 25px; left: 0; } button.xpro-content-toggle-button-layout-4.active .xpro-content-toggle-handle { left: 35px; } .xpro-content-toggle-button-layout-6 .xpro-content-toggle-button { height: 60px; width: 250px; font-size: 16px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; min-height: 20px; } .xpro-content-toggle-button-layout-6 .xpro-content-toggle-button::before { position: relative; display: inline-block; content: attr(data-text-before); color: #34c759; z-index: 1; width: 50%; text-align: center; padding: 0 5px; } .xpro-content-toggle-button-layout-6 .xpro-content-toggle-button::after { position: relative; display: inline-block; content: attr(data-text-after); color: #fff; z-index: 1; width: 50%; text-align: center; padding: 0 5px; } .xpro-content-toggle-button-layout-6.active .xpro-content-toggle-button::after { color: #34c759; } .xpro-content-toggle-button-layout-6 .xpro-content-toggle-handle { height: calc(100% - 10px); left: 5px; width: 50%; text-align: center; } .xpro-content-toggle-button-layout-6.active .xpro-content-toggle-handle { left: calc(50% - 5px); } .elementor-widget-xpro-news-ticker { background-color: #eaf1f9; } .xpro-news-ticker-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-news-ticker-wrapper .xpro-news-ticker-sticky-title { position: relative; padding: 20px; background: #5f77ff; color: #fff; z-index: 2; font-size: 1rem; min-width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-news-ticker-wrapper .xpro-news-ticker-heading-box > img { width: 35px; height: 35px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin: 0 10px; } .xpro-news-ticker-wrapper .xpro-news-ticker-heading-box > i { font-size: 20px; margin: 0 10px; } .xpro-news-ticker-wrapper .xpro-news-ticker-separator-shape-1::before { content: ""; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -webkit-clip-path: polygon(5% 50%, 0 35%, 0 65%); clip-path: polygon(5% 50%, 0 35%, 0 65%); background-color: #5f77ff; margin-left: -1px; } .xpro-news-ticker-wrapper .xpro-news-ticker-separator-shape-2::before { content: ""; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -webkit-clip-path: polygon(10% 50%, 0 0, 0 100%); clip-path: polygon(10% 50%, 0 0, 0 100%); background-color: #5f77ff; margin-left: -1px; } .xpro-news-ticker-wrapper .xpro-news-ticker-separator-shape-3::before { content: ""; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -webkit-clip-path: polygon(10% 0, 0 0, 0 100%); clip-path: polygon(10% 0, 0 0, 0 100%); background-color: #5f77ff; margin-left: -1px; } .xpro-news-ticker { padding: 0 20px; } .xpro-news-ticker-wrapper .xpro-news-ticker-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .xpro-news-ticker-wrapper .xpro-news-ticker-description { font-size: 16px; } .xpro-news-ticker-wrapper .xpro-news-ticker-box > img { max-width: 34px; height: 34px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin: 0 10px; } .xpro-news-ticker-wrapper .xpro-news-ticker-box > i { font-size: 16px; margin: 0 10px; } .xpro-news-ticker-navigation { color: #282828; font-size: 1rem; min-width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-news-ticker-close, .xpro-news-ticker-next, .xpro-news-ticker-prev { width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-news-ticker-close > i, .xpro-news-ticker-next > i, .xpro-news-ticker-prev > i { color: #282828; } .xpro-news-ticker-separator { background-color: #cacaca; width: 1px; height: 30px; margin-right: 10px; } .xpro-news-ticker.owl-carousel { overflow: hidden; -webkit-transition: none; -o-transition: none; transition: none; } .xpro-news-ticker.owl-carousel.owl-rtl .owl-item { float: right; text-align: left; } .elementor-widget-xpro-step-flow { --xpro-step-flow-icon-size: 0; --xpro-step-flow-icon-padding: 0; --xpro-step-flow-direction-offset-x: 0; --xpro-step-flow-direction-origin-x: calc(-1 * ((var(--xpro-step-flow-icon-size, 46px) / 2) + var(--xpro-step-flow-icon-padding, 50px) + var(--xpro-step-flow-direction-offset-x, 20px))); --xpro-step-flow-direction-angle: 0; } .xpro-step-flow-wrapper { padding: 20px; text-align: center; } .xpro-step-flow-icon { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; padding: 50px; border-radius: 50%; background-color: #e9ecf0; color: #2b2b2b; text-align: center; } .xpro-step-flow-icon > i { font-size: 30px; } .xpro-step-flow-icon > img { width: 50px; height: auto; -o-object-fit: cover; object-fit: cover; } .xpro-step-flow-icon .xpro-step-flow-arrow, .xpro-step-flow-icon .xpro-step-flow-circle, .xpro-step-flow-icon .xpro-step-flow-line, .xpro-step-flow-icon .xpro-step-flow-line-arrow { position: absolute; display: inline-block; left: calc(100% + 20px); -webkit-transform: translateY(-50%) rotate(var(--xpro-step-flow-direction-angle, 0)); -ms-transform: translateY(-50%) rotate(var(--xpro-step-flow-direction-angle, 0)); transform: translateY(-50%) rotate(var(--xpro-step-flow-direction-angle, 0)); -webkit-transform-origin: var(--xpro-step-flow-direction-origin-x) center; -ms-transform-origin: var(--xpro-step-flow-direction-origin-x) center; transform-origin: var(--xpro-step-flow-direction-origin-x) center; top: 50%; } .xpro-step-flow-icon .xpro-step-flow-line { border-top: 1px solid #ececec; width: 100px; } .xpro-step-flow-icon .xpro-step-flow-line-arrow { border-width: 2px; border-color: #ececec; width: 100px; } .xpro-step-flow-icon .xpro-step-flow-line-arrow:after { content: ""; position: absolute; display: inline-block; border-width: 2px; border-color: #ececec; top: -7px; right: 7px; width: 15px; height: 15px; color: #ddd; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .xpro-step-flow-icon .xpro-step-flow-arrow:after { content: ""; position: absolute; display: inline-block; border-width: 2px; border-color: #ececec; top: -7px; width: 15px; height: 15px; color: #ddd; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .xpro-step-flow-icon .xpro-step-flow-circle { border-top: 3px solid #ececec; width: 100px; } .xpro-step-flow-icon .xpro-step-flow-circle:after { content: ""; position: absolute; display: inline-block; top: 50%; right: -15px; border-radius: 50px; width: 20px; height: 20px; color: #ddd; background-color: #f9f9f9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .xpro-step-flow-icon .xpro-step-flow-badge { position: absolute; padding: 8px; border: 3px solid #fff; border-radius: 20px; background-color: #6ec1e4; color: #fff; font-size: 14px; line-height: 1; font-weight: 600; } .xpro-step-flow-title { display: block; margin-bottom: 20px; font-size: 20px; line-height: 1.2; } .xpro-step-flow-description { color: #616161; font-weight: 400; font-size: 16px; line-height: 1.5; } .xpro-table { border-collapse: separate; border-spacing: 0; margin: 0; width: 100%; border: 0; } .xpro-table-body-row-cell, .xpro-table-head-column-cell { padding: 15px; border: 1px solid #f3f3f3; } .xpro-table-body-row { -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .xpro-table-body-row-cell-inner, .xpro-table-head-column-cell-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-table-body-row-cell-icon, .xpro-table-head-column-cell-icon { margin: 5px; } .xpro-table-body-row-cell-icon > i, .xpro-table-head-column-cell-icon > i { font-size: 18px; line-height: 1; } .xpro-table-body-row-cell-icon > img, .xpro-table-head-column-cell-icon > img { height: auto; width: 50px; line-height: 1; } .xpro-page-title-icon-left, .xpro-post-title-icon-left, .xpro-promo-box-align-left, .xpro-site-title-icon-left, .xpro-subgroup-inline, .xpro-table-head-icon-right .xpro-table-head-column-cell-inner, .xpro-table-row-icon-right .xpro-table-body-row-cell-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .xpro-subgroup-inline { flex-direction: row !important; } .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline-item, .xpro-table-head-icon-top .xpro-table-head-column-cell-inner, .xpro-table-row-icon-top .xpro-table-body-row-cell-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .elementor-widget-xpro-page-title .xpro-page-title, .elementor-widget-xpro-post-title .xpro-post-title, .elementor-widget-xpro-site-title .xpro-site-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--e-global-color-primary); font-weight: 600; line-height: 1; } .elementor-widget-xpro-author-box { padding: 2em; border-radius: 0.5rem; background-color: #fff; -webkit-box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%); } .xpro-author-box-alignment-left .xpro-author-box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; } .xpro-author-box-avatar { -ms-flex-negative: 0; flex-shrink: 0; display: inline; margin: 0 20px 0 0; } .xpro-author-box-alignment-right .xpro-author-box-avatar { margin: 0 0 0 20px; } .xpro-author-box-alignment-center .xpro-author-box-avatar { margin: 0 0 20px; } .xpro-author-box-avatar > img { width: 100px; } .xpro-author-box-name { font-size: 25px; font-weight: 500; margin: 0 0 5px; line-height: 1.2; } .xpro-author-box-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .xpro-author-box-button { padding: 10px 20px; text-align: center; background-color: #2b2b2b; color: #fff; font-size: 12px; line-height: 1; margin-top: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: color 0.3s ease-in-out, background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; } .xpro-elementor-post-pagination .page-numbers:hover, .xpro-post-grid-btn { color: var(--e-global-color-accent); } .elementor-widget-xpro-post-grid .xpro-post-grid-main { visibility: hidden; } .cbp-ready ~ .xpro-elementor-post-pagination, .elementor-widget-xpro-post-grid .xpro-post-grid-main.cbp-ready { visibility: visible; } .xpro-post-grid-item .cbp-item-wrapper { position: relative; border: 1px solid rgb(0 0 0 / 0.1); overflow: hidden; } .xpro-post-grid-title { font-size: 18px; line-height: 1.2; font-weight: 700; margin: 0 0 10px; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-post-grid-content { padding: 30px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } .xpro-post-grid-excerpt { margin: 0 0 10px; } .xpro-post-grid-btn { font-size: 13px; line-height: 1; font-weight: 600; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-post-grid-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 15px; margin-top: 15px; position: relative; overflow: hidden; } .xpro-post-grid-wrapper .xpro-post-grid-main .xpro-post-grid-author img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } .xpro-post-grid-author-title { font-size: 14px; line-height: 1; color: #929292; margin-bottom: 5px; } .xpro-post-grid-author-name { color: #2b2b2b; font-size: 16px; line-height: 1; font-weight: 600; } .xpro-post-grid-author-name:hover, .xpro-post-grid-layout-5 .xpro-post-grid-meta-list > li a:hover { color: inherit; } .owl-carousel .xpro-post-grid-item, .xpro-block-quote-layout-10 .xpro-block-quote-content-wrap { margin: 10px 0; } .xpro-post-grid-image { height: 200px; width: 100%; overflow: hidden; position: relative; } .xpro-post-grid-image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #fff0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .xpro-post-grid-item:hover .xpro-post-grid-image::after { background-color: #0000004a; } .xpro-post-grid-wrapper .xpro-post-grid-image > img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .xpro-post-grid-meta-list { margin: 0 0 10px; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 10px; } .xpro-post-grid-meta-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; font-size: 14px; line-height: 1; color: #929292; } .xpro-post-grid-meta-list > li a { color: #929292; } .cbp-item-off { opacity: 0; -webkit-transition: none; -o-transition: none; transition: none; } .xpro-post-grid-layout-10 .xpro-post-grid-image, .xpro-post-grid-layout-2 .xpro-post-grid-image, .xpro-post-grid-layout-6 .xpro-post-grid-image, .xpro-post-grid-layout-8 .xpro-post-grid-image, .xpro-post-grid-layout-9 .xpro-post-grid-image { height: 100% !important; } .xpro-post-grid-layout-2 .xpro-post-grid-content { position: absolute; bottom: 0; z-index: 2; width: 100%; } .xpro-post-grid-layout-2 .xpro-post-grid-item:hover .xpro-post-grid-image::after, .xpro-post-grid-layout-6 .xpro-post-grid-item:hover .xpro-post-grid-image::after { background-color: #ffffffc7; } .xpro-animated-link-graphic-arc, .xpro-horizontal-timeline-col .xpro-horizontal-timeline-dates:before, .xpro-post-grid-layout-3 .xpro-post-grid-image::after { top: 100%; } .xpro-animated-link-style-15:hover::after, .xpro-post-grid-item:hover .xpro-post-grid-layout-3 .xpro-post-grid-image::after { top: 0; } .xpro-post-grid-layout-3 .xpro-post-grid-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .xpro-post-grid-layout-3 .xpro-post-grid-item:hover .xpro-post-grid-image::after { opacity: 1; visibility: visible; top: 0; } .xpro-block-quote-layout-4 .xpro-block-quote-inner, .xpro-block-quote-layout-5 .xpro-block-quote-inner, .xpro-post-grid-layout-4 .xpro-post-grid-item { border: none; } .xpro-post-grid-layout-4 .xpro-post-grid-image { height: 300px; } .xpro-post-grid-item:hover .xpro-post-grid-layout-4 .xpro-post-grid-image > img, .xpro-post-grid-layout-7 .xpro-post-grid-item:hover .xpro-post-grid-image > img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .xpro-post-grid-layout-4 .xpro-post-grid-content { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; background-color: #fff; padding: 50px 15px; margin-top: 25px; border: 1px solid rgb(0 0 0 / 0.1); } .xpro-post-grid-layout-4 .xpro-post-grid-image ~ .xpro-post-grid-content { width: calc(100% - 20px); margin: 0 auto -100px; top: -100px; } .xpro-post-grid-layout-4 .xpro-post-grid-author { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } .xpro-post-grid-layout-4 .xpro-post-grid-author > img { border: 2px solid #fff; } .xpro-post-grid-align-center .xpro-post-grid-meta-list, .xpro-post-grid-layout-4 .xpro-post-grid-meta-list, .xpro-post-grid-layout-6 .xpro-post-grid-meta-list, .xpro-post-grid-layout-8 .xpro-post-grid-meta-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-post-grid-layout-4 .xpro-post-grid-image > img, .xpro-post-grid-layout-5 .xpro-post-grid-image > img { height: 120%; -webkit-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms; } .xpro-post-grid-layout-4 .xpro-post-grid-item:hover .xpro-post-grid-image > img, .xpro-post-grid-layout-5 .xpro-post-grid-item:hover .xpro-post-grid-image > img { -webkit-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); transform: scale(1.1) rotate(5deg); } .xpro-post-grid-layout-5 .xpro-post-grid-meta-list > li, .xpro-post-grid-layout-6 .xpro-post-grid-meta-list > li { font-size: 12px; padding: 8px 12px; background-color: #61ce70; color: #fff; border-radius: 50px; } .xpro-post-grid-meta-list > li > i { font-size: 85%; } .xpro-post-grid-layout-6 .xpro-post-grid-content { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; z-index: 3; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-post-grid-layout-7 .xpro-post-grid-meta-list { padding-top: 15px; margin: 30px 0 0; border-top: 1px solid #e5e5e5; width: 100%; } .xpro-post-grid-layout-7 .xpro-post-grid-content { padding: 30px 15px 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .xpro-post-grid-layout-8 .xpro-post-grid-meta-list > li { font-size: 12px; padding: 8px 12px; background-color: #81ce70; color: #fff; border-radius: 50px; } .xpro-post-grid-layout-8 .xpro-post-grid-content { position: absolute; top: 0; left: 0; height: 100%; text-align: center; width: 100%; z-index: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-post-grid-layout-8 .xpro-post-grid-item:hover .xpro-post-grid-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-post-grid-layout-9 .xpro-post-grid-content { position: absolute; z-index: 3; bottom: 0; height: auto; width: 100%; background: #fff; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; } .xpro-post-grid-layout-9 .xpro-post-grid-item:hover .xpro-post-grid-image > img { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .xpro-post-grid-layout-10 .xpro-post-grid-content { position: absolute; z-index: 3; bottom: 0; height: 100%; width: 100%; background: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; } .xpro-post-grid-layout-10 .xpro-post-grid-item:hover .xpro-post-grid-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .xpro-elementor-post-pagination { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-top: 50px; visibility: hidden; } .xpro-elementor-post-pagination .page-numbers { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; padding: 10px 16px; border-radius: 5px; margin: 0; border: 1px solid #fff0; color: #242424; text-align: center; text-transform: capitalize; font-weight: 600; font-size: 1em; line-height: 1; background-color: #fff; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .xpro-elementor-post-pagination .page-numbers > i { font-size: 75%; } .xpro-elementor-post-pagination .page-numbers.current { border-color: var(--e-global-color-accent); background: var(--e-global-color-accent); color: #fff; } .xpro-post-grid-align-left .xpro-post-grid-content { text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .xpro-post-grid-align-center .xpro-post-grid-content { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xpro-post-grid-align-right .xpro-post-grid-content { text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .xpro-post-grid-align-left .xpro-post-grid-meta-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .xpro-post-grid-align-right .xpro-post-grid-meta-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .elementor-align-right .xpro-business-hour-time, img ~ .xpro-post-grid-author-content { text-align: left; } .elementor-align-right .xpro-business-hour-day, .xpro-post-grid-align-right img ~ .xpro-post-grid-author-content { text-align: right; } .xpro-taxonomy-list { margin: 0; padding: 0; list-style: none; display: -ms-grid; display: grid; grid-gap: 10px; } .xpro-taxonomy-list > li { display: inline-block; padding: 0; margin: 0; } .xpro-taxonomy-list > li > a { display: -webkit-inline-box; display: inline-flex; display: -ms-inline-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; width: 100%; padding: 15px 30px; background-color: #f9f9f9; } .xpro-taxonomy-list .xpro-taxonomy-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; color: var(--e-global-color-primary); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-taxonomy-layout-horizontal .xpro-taxonomy-list { -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(3, 1fr); } .xpro-taxonomy-layout-inline .xpro-taxonomy-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .xpro-taxonomy-list-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; grid-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } @media (min-width: 1025px) { .xpro-logo-grid--col-2 .xpro-logo-grid-item { width: calc(100% / 2); } .xpro-logo-grid--col-3 .xpro-logo-grid-item { width: calc(100% / 3); } .xpro-logo-grid--col-4 .xpro-logo-grid-item { width: calc(100% / 4); } .xpro-logo-grid--col-5 .xpro-logo-grid-item { width: calc(100% / 5); } .xpro-logo-grid--col-6 .xpro-logo-grid-item { width: calc(100% / 6); } .xpro-logo-grid--box.xpro-logo-grid--col-2 .xpro-logo-grid-item { width: calc((100% / 2) - 1rem); } .xpro-logo-grid--box.xpro-logo-grid--col-3 .xpro-logo-grid-item { width: calc((100% / 3) - 1rem); } .xpro-logo-grid--box.xpro-logo-grid--col-4 .xpro-logo-grid-item { width: calc((100% / 4) - 1rem); } .xpro-logo-grid--box.xpro-logo-grid--col-5 .xpro-logo-grid-item { width: calc((100% / 5) - 1rem); } .xpro-logo-grid--box.xpro-logo-grid--col-6 .xpro-logo-grid-item { width: calc((100% / 6) - 1rem); } .xpro-logo-grid--tictactoe.xpro-logo-grid--col-2 .xpro-logo-grid-item:nth-child(2n), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-3 .xpro-logo-grid-item:nth-child(3n), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-4 .xpro-logo-grid-item:nth-child(4n), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-5 .xpro-logo-grid-item:nth-child(5n), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-6 .xpro-logo-grid-item:nth-child(6n) { border-right-width: 0 !important; } .xpro-logo-grid--tictactoe.xpro-logo-grid--col-2 .xpro-logo-grid-item:nth-child(-n + 2), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-3 .xpro-logo-grid-item:nth-child(-n + 3), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-4 .xpro-logo-grid-item:nth-child(-n + 4), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-5 .xpro-logo-grid-item:nth-child(-n + 5), .xpro-logo-grid--tictactoe.xpro-logo-grid--col-6 .xpro-logo-grid-item:nth-child(-n + 6) { border-top-width: 0 !important; } .xpro-logo-grid--border.xpro-logo-grid--col-2 .xpro-logo-grid-item:nth-child(-n + 2), .xpro-logo-grid--border.xpro-logo-grid--col-3 .xpro-logo-grid-item:nth-child(-n + 3), .xpro-logo-grid--border.xpro-logo-grid--col-4 .xpro-logo-grid-item:nth-child(-n + 4), .xpro-logo-grid--border.xpro-logo-grid--col-5 .xpro-logo-grid-item:nth-child(-n + 5), .xpro-logo-grid--border.xpro-logo-grid--col-6 .xpro-logo-grid-item:nth-child(-n + 6) { border-top-width: 2px; } .xpro-logo-grid--border.xpro-logo-grid--col-2 .xpro-logo-grid-item:nth-child(odd), .xpro-logo-grid--border.xpro-logo-grid--col-3 .xpro-logo-grid-item:nth-child(3n + 1), .xpro-logo-grid--border.xpro-logo-grid--col-4 .xpro-logo-grid-item:nth-child(4n + 1), .xpro-logo-grid--border.xpro-logo-grid--col-5 .xpro-logo-grid-item:nth-child(5n + 1), .xpro-logo-grid--border.xpro-logo-grid--col-6 .xpro-logo-grid-item:nth-child(6n + 1) { border-left-width: 2px; } .xpro-logo-grid--border.xpro-logo-grid--col-2 .xpro-logo-grid-item:nth-child(2), .xpro-logo-grid--border.xpro-logo-grid--col-3 .xpro-logo-grid-item:nth-child(3), .xpro-logo-grid--border.xpro-logo-grid--col-4 .xpro-logo-grid-item:nth-child(4), .xpro-logo-grid--border.xpro-logo-grid--col-5 .xpro-logo-grid-item:nth-child(5), .xpro-logo-grid--border.xpro-logo-grid--col-6 .xpro-logo-grid-item:nth-child(6) { border-top-right-radius: 10px; } .xpro-logo-grid--border.xpro-logo-grid--col-2 .xpro-logo-grid-item:nth-last-child(2), .xpro-logo-grid--border.xpro-logo-grid--col-3 .xpro-logo-grid-item:nth-last-child(3), .xpro-logo-grid--border.xpro-logo-grid--col-4 .xpro-logo-grid-item:nth-last-child(4), .xpro-logo-grid--border.xpro-logo-grid--col-5 .xpro-logo-grid-item:nth-last-child(5), .xpro-logo-grid--border.xpro-logo-grid--col-6 .xpro-logo-grid-item:nth-last-child(6) { border-bottom-left-radius: 10px; } .elementor-align-left .xpro-taxonomy-list-content, .elementor-align-left .xpro-taxonomy-list > li > a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row; flex-direction: row; } .elementor-align-center .xpro-taxonomy-list-content { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } .elementor-align-center .xpro-taxonomy-list > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .elementor-align-right .xpro-taxonomy-list-content, .elementor-align-right .xpro-taxonomy-list > li > a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .xpro-hotspot-wrapper { position: relative; display: inline-block; max-width: 100%; } .xpro-hotspot-image { height: 100%; width: 100%; display: inline-block; margin: 0; padding: 0; } .xpro-hotspot-wrapper .xpro-hotspot-image > img, .xpro-promo-box-inner .xpro-promo-box-media > img { width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .xpro-hotspot-wrapper .xpro-hotspot-item { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%); box-shadow: 0 0 5px rgb(0 0 0 / 10%); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; -webkit-transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; -o-transition: background-color 0.2s, box-shadow 0.2s; } .xpro-hotspot-wrapper .xpro-hotspot-item .xpro-hotspot-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; } .xpro-hotspot-item { --xpro-hotspot-tooltip-top: 0; --xpro-hotspot-tooltip-right: 0; --xpro-hotspot-tooltip-bottom: 0; --xpro-hotspot-tooltip-left: 0; --xpro-hotspot-tooltip-transform-x: 0; --xpro-hotspot-tooltip-transform-y: 0; --xpro-hotspot-tooltip-margin: 0; } .xpro-hotspot-tooltip-text { position: absolute; width: 150px; background-color: #6ec1e4; color: #fff; text-align: center; padding: 10px; border-radius: 4px; z-index: 1; visibility: hidden; opacity: 0; top: var(--xpro-hotspot-tooltip-top); right: var(--xpro-hotspot-tooltip-right); bottom: var(--xpro-hotspot-tooltip-bottom); left: var(--xpro-hotspot-tooltip-left); -webkit-transform: translate(var(--xpro-hotspot-tooltip-transform-x), var(--xpro-hotspot-tooltip-transform-y)); -ms-transform: translate(var(--xpro-hotspot-tooltip-transform-x), var(--xpro-hotspot-tooltip-transform-y)); transform: translate(var(--xpro-hotspot-tooltip-transform-x), var(--xpro-hotspot-tooltip-transform-y)); margin: var(--xpro-hotspot-tooltip-margin); -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .xpro-hotspot-tooltip-text > * { -webkit-transition: none; -o-transition: none; transition: none; } .xpro-hotspot-tooltip-text.xpro-active, .xpro-hotspot-type-hover:hover .xpro-hotspot-tooltip-text { visibility: visible; opacity: 1; } .xpro-hotspot-tooltip-text.active { visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .xpro-hotspot-tooltip-text:before { content: ""; position: absolute; width: 10px; height: 10px; background-color: #6ec1e4; top: var(--xpro-hotspot-tooltip-before-top); left: var(--xpro-hotspot-tooltip-before-left); bottom: var(--xpro-hotspot-tooltip-before-bottom); right: var(--xpro-hotspot-tooltip-before-right); -webkit-transform: translate(var(--xpro-hotspot-tooltip-before-transform-x), var(--xpro-hotspot-tooltip-before-transform-y)) rotate(45deg); -ms-transform: translate(var(--xpro-hotspot-tooltip-before-transform-x), var(--xpro-hotspot-tooltip-before-transform-y)) rotate(45deg); transform: translate(var(--xpro-hotspot-tooltip-before-transform-x), var(--xpro-hotspot-tooltip-before-transform-y)) rotate(45deg); --xpro-hotspot-tooltip-before-top: 0; --xpro-hotspot-tooltip-before-right: 0; --xpro-hotspot-tooltip-before-bottom: 0; --xpro-hotspot-tooltip-before-left: 0; --xpro-hotspot-tooltip-before-transform-x: 0; --xpro-hotspot-tooltip-before-transform-y: 0; } .xpro-hotspot-item .xpro-hotspot-item-wrap > i { color: #6ec1e4; font-size: 18px; } .xpro-hotspot-item .xpro-hotspot-item-wrap > img { max-width: 100%; border-radius: 50%; height: 60px; width: 60px; min-width: 60px; z-index: 2; -o-object-fit: cover; object-fit: cover; } .xpro-hotspot-item-wrap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: 2s infinite xproShadowPulse; animation: 2s infinite xproShadowPulse; } @-webkit-keyframes xproShadowPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0.1); box-shadow: 0 0 0 0 rgb(0 0 0 / 0.1); } to { -webkit-box-shadow: 0 0 0 30px #fff0; box-shadow: 0 0 0 30px #fff0; } } @keyframes xproShadowPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0.1); box-shadow: 0 0 0 0 rgb(0 0 0 / 0.1); } to { -webkit-box-shadow: 0 0 0 30px #fff0; box-shadow: 0 0 0 30px #fff0; } } .xpro-dropcap-wrapper > :last-child, .xpro-text-editor-drop-cap > :last-child { margin-bottom: 0; } .xpro-dropcap-wrapper > :first-of-type::first-letter, .xpro-text-editor-drop-cap > :first-of-type::first-letter { font-size: 30px; line-height: 80%; padding: 20px; float: left; margin-right: 15px; color: #fff; background-color: var(--e-global-color-primary); } .xpro-block-quote-wrapper .xpro-block-quote-inner { padding: 20px; border-left: 5px solid #6ec1e4; background-color: #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-block-quote-icon { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-block-quote-icon > i { color: #6ec1e4; font-size: 22px; } .xpro-block-quote-icon > svg { width: 30px; height: auto; fill: #6ec1e4; } .xpro-block-quote-content-wrap { margin: 0 20px; } .xpro-block-quote-content-wrap > .xpro-block-quote-text { margin: 0 0 10px; font-size: 15px; color: #282828; } .xpro-block-quote-desc { margin: 10px 15px; } .xpro-block-quote-title { position: relative; display: inline-block; font-size: 19px; color: #282828; font-weight: 500; } .xpro-block-quote-title::before { content: ""; position: absolute; width: 10px; background-color: #282828; height: 2px; top: 50%; right: 100%; margin-right: 5px; } .xpro-block-quote-designation { display: block; font-size: 14px; } .xpro-block-quote-layout-2 .xpro-block-quote-inner { display: inline-block; border: 2px solid #6ec1e4; } .xpro-block-quote-layout-2 .xpro-block-quote-icon { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: -25px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background-color: #6ec1e4; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-block-quote-layout-2 .xpro-block-quote-icon > i { color: #fff; font-size: 22px; } .xpro-block-quote-layout-2 .xpro-block-quote-icon > svg { width: 20px; height: 20px; fill: #fff; } .xpro-block-quote-layout-2 .xpro-block-quote-content-wrap { margin: 38px 0 20px; text-align: center; } .xpro-block-quote-layout-3 { overflow: hidden; display: inline-block; margin: 1rem; } .xpro-block-quote-layout-3 .xpro-block-quote-inner { border: 1px solid #6ec1e4; background-color: #fff; position: relative; display: inline-block; margin: 0; padding: 1rem; } .xpro-block-quote-layout-3 .xpro-block-quote-inner::before { content: ""; position: absolute; background-color: #fff; bottom: -10%; left: 0; right: 0; top: -10%; -webkit-transform: rotate(-25deg) skew(5deg); -ms-transform: rotate(-25deg) skew(5deg); transform: rotate(-25deg) skew(5deg); } .xpro-block-quote-layout-3 .xpro-block-quote-content-wrap { margin: 27px 0; z-index: 1; position: relative; } .xpro-block-quote-layout-3 .xpro-block-quote-content-wrap > .xpro-block-quote-title { position: relative; margin: 15px; } .xpro-block-quote-layout-4 .xpro-block-quote-icon { position: absolute; left: 145px; } .xpro-block-quote-layout-4 .xpro-block-quote-icon > i, .xpro-block-quote-layout-5 .xpro-block-quote-icon > i { font-size: 50px; color: #dbdbdb; } .xpro-block-quote-layout-4 .xpro-block-quote-icon > svg, .xpro-block-quote-layout-5 .xpro-block-quote-icon > svg { width: 60px; height: 60px; fill: #dbdbdb; } .xpro-block-quote-layout-4 .xpro-block-quote-content-img > img { min-width: 100px; width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .xpro-block-quote-layout-4 .xpro-block-quote-content-wrap, .xpro-block-quote-layout-9 .xpro-block-quote-content { z-index: 1; } .xpro-block-quote-layout-5 .xpro-block-quote-icon { position: absolute; left: 40px; top: 30px; } .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap { text-align: center; margin: 30px 20px 20px; z-index: 1; position: relative; } .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap::before { content: ""; position: absolute; width: 100px; height: 1px; background-color: #6ec1e4; top: 0; left: 0; margin: -15px 0 0; max-width: 100%; } .xpro-block-quote-layout-6 .xpro-block-quote-inner, .xpro-block-quote-layout-7 .xpro-block-quote-inner, .xpro-block-quote-layout-8 .xpro-block-quote-inner { border: none; display: inline-block; } .xpro-block-quote-layout-6 .xpro-block-quote-text { border: 2px solid #6ec1e4; padding: 20px; position: relative; } .xpro-block-quote-layout-6 .xpro-block-quote-text::before { content: ""; position: absolute; width: 80px; height: 10px; background-color: #f9f9f9; bottom: -6px; left: 50px; z-index: 2; } .xpro-block-quote-layout-6 .xpro-block-quote-text::after { content: ""; position: absolute; border: 2px solid #6ec1e4; border-radius: 0 50px 0 0; width: 60px; height: 60px; bottom: -60px; left: 50px; z-index: 3; border-bottom: none !important; } .xpro-block-quote-layout-6 .xpro-block-quote-desc { margin: 10px 0 0 148px; } .xpro-block-quote-layout-7 .xpro-block-quote-icon > i { font-size: 50px; color: #707070; display: inline-block; } .xpro-block-quote-layout-7 .xpro-block-quote-icon > svg { width: 60px; height: 60px; fill: #707070; display: inline-block; } .xpro-block-quote-layout-7 .xpro-block-quote-content-wrap { margin: 30px 10px; text-align: center; } .xpro-block-quote-layout-8 .xpro-block-quote-icon { position: absolute; top: 0; left: 20px; margin-top: -30px; } .xpro-block-quote-layout-8 .xpro-block-quote-icon > i { font-size: 50px; color: #707070; } .xpro-block-quote-layout-8 .xpro-block-quote-icon > svg { width: 60px; height: 60px; fill: #707070; } .xpro-block-quote-layout-8 .xpro-block-quote-content-wrap { margin: 30px 0; } .xpro-block-quote-layout-9 .xpro-block-quote-icon { position: absolute; top: 0; left: 0; margin-top: -5px; } .xpro-block-quote-layout-9 .xpro-block-quote-icon > i { font-size: 50px; color: #ddd; } .xpro-block-quote-layout-9 .xpro-block-quote-icon > svg { width: 70px; height: 70px; fill: #ddd; } .xpro-block-quote-layout-9 .xpro-block-quote-content-wrap { margin: 45px 0; } .xpro-block-quote-layout-10 .xpro-block-quote-icon { width: 60px; height: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: #6ec1e4; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; } .xpro-block-quote-layout-10 .xpro-block-quote-icon > i { font-size: 22px; color: #fff; } .xpro-block-quote-layout-10 .xpro-block-quote-icon > svg { fill: #fff; width: 20px; height: auto; } @media screen and (min-width: 1025px) { .xpro-content-alignright .xpro-box-icon-wrapper-inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-align-center .xpro-block-quote-layout-1 .xpro-block-quote-inner { display: inline-block; text-align: center; } .elementor-align-center .xpro-block-quote-layout-1 .xpro-block-quote-icon > i, .elementor-align-center .xpro-block-quote-layout-1 .xpro-block-quote-icon > svg { margin-bottom: 10px; } .elementor-align-right .xpro-block-quote-layout-1 .xpro-block-quote-inner { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; border-right: 5px solid #6ec1e4; border-left: none; } .elementor-align-right .xpro-block-quote-layout-1 .xpro-block-quote-icon, .elementor-align-right .xpro-block-quote-layout-10 .xpro-block-quote-icon > i, .elementor-align-right .xpro-block-quote-layout-10 .xpro-block-quote-icon > svg, .elementor-align-right .xpro-block-quote-layout-7 .xpro-block-quote-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .elementor-align-right .xpro-block-quote-layout-1 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-10 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-2 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-3 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-4 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-5 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-6 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-7 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-8 .xpro-block-quote-title::before, .elementor-align-right .xpro-block-quote-layout-9 .xpro-block-quote-title::before { left: 100%; margin-left: 5px; } .elementor-align-left .xpro-block-quote-layout-2 { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; } .elementor-align-left .xpro-block-quote-layout-2 .xpro-block-quote-icon { top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-left: -30px; } .elementor-align-left .xpro-block-quote-layout-2 .xpro-block-quote-content-wrap { text-align: left; margin: 25px; } .elementor-align-right .xpro-block-quote-layout-2 { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-align-right .xpro-block-quote-layout-2 .xpro-block-quote-icon { top: 50%; left: 100%; -webkit-transform: translateY(-50%) rotateY(180deg); transform: translateY(-50%) rotateY(180deg); margin-top: 0; margin-left: -30px; } .elementor-align-right .xpro-block-quote-layout-2 .xpro-block-quote-content-wrap { text-align: right; margin: 25px; } .elementor-align-right .xpro-block-quote-layout-3, .elementor-align-right .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap, .elementor-align-right .xpro-block-quote-layout-7 .xpro-block-quote-content-wrap { text-align: right; } .elementor-align-center .xpro-block-quote-layout-3 { text-align: center; } .elementor-align-right .xpro-block-quote-layout-4 .xpro-block-quote-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); right: 145px; left: auto; } .elementor-align-right .xpro-block-quote-layout-4 .xpro-block-quote-content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .elementor-align-center .xpro-block-quote-layout-4 .xpro-block-quote-icon { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; margin-top: 25px; } .elementor-align-center .xpro-block-quote-layout-4 .xpro-block-quote-content { display: inline-block; text-align: center; z-index: 1; } .elementor-align-center .xpro-block-quote-layout-4 .xpro-block-quote-content .xpro-block-quote-content-img > img { margin-bottom: 15px; } .elementor-align-left .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap, .elementor-align-left .xpro-block-quote-layout-7 .xpro-block-quote-content-wrap { text-align: left; } .elementor-align-left .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap::before { left: 0; } .elementor-align-center .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap::before, .elementor-align-center .xpro-block-quote-layout-6 .xpro-block-quote-text::before, .elementor-align-center .xpro-block-quote-layout-8 .xpro-block-quote-icon { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .elementor-align-right .xpro-block-quote-layout-5 .xpro-block-quote-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); left: auto; top: 30px; right: 40px; } .elementor-align-right .xpro-block-quote-layout-5 .xpro-block-quote-content-wrap::before { left: auto; right: 0; } .elementor-align-center .xpro-block-quote-layout-6 .xpro-block-quote-text::after, .elementor-align-left .xpro-block-quote-layout-6 .xpro-block-quote-text::after { border-left: none !important; } .elementor-align-right .xpro-block-quote-layout-6 .xpro-block-quote-text::after { left: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -62px; border-right: none !important; border-radius: 50px 0 0; border-left: 2px solid #6ec1e4; } .elementor-align-center .xpro-block-quote-layout-6 .xpro-block-quote-text::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -25px; } .elementor-align-center .xpro-block-quote-layout-6 .xpro-block-quote-desc { margin: 10px 0 10px 217px; text-align: center; } .elementor-align-right .xpro-block-quote-layout-6 .xpro-block-quote-text::before { left: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -85px; } .elementor-align-right .xpro-block-quote-layout-6 .xpro-block-quote-desc { margin: 10px 144px 10px 0; text-align: right; } .elementor-align-right .xpro-block-quote-layout-8 .xpro-block-quote-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); right: 20px; left: auto; } .elementor-align-left .xpro-block-quote-layout-9 .xpro-block-quote-icon { right: 0; left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .elementor-align-center .xpro-block-quote-layout-9 .xpro-block-quote-icon { left: 50%; -webkit-transform: translateX(-50%) rotate(0); -ms-transform: translateX(-50%) rotate(0); transform: translateX(-50%) rotate(0); } .elementor-align-right .xpro-block-quote-layout-10 .xpro-block-quote-inner, .elementor-align-right .xpro-block-quote-layout-9 .xpro-block-quote-inner { border-right: 5px solid #6ec1e4; border-left: none; } } .elementor-widget-xpro-ninja-form .nf-form-content { max-width: 100%; } .xpro-scroll-image-wrapper { position: relative; width: 100%; display: block; } .xpro-scroll-image-inner { width: 100%; height: 300px; } .xpro-image-mouse-scroll { overflow: auto; } .xpro-scroll-image-inner .xpro-scroll-image-horizontal { position: relative; width: 100%; height: 100%; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-scroll-image-inner .xpro-scroll-image-horizontal > img { max-width: none; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 3s ease-in-out; -o-transition: 3s ease-in-out; transition: 3s ease-in-out; } .xpro-scroll-image-inner .xpro-scroll-image-vertical > img { width: 100%; max-width: 100%; height: auto; -webkit-transition: 3s ease-in-out; -o-transition: 3s ease-in-out; transition: 3s ease-in-out; } .xpro-scroll-image-badge { margin: 15px; } .xpro-scroll-image-wrapper .xpro-scroll-image-indicator-icon { position: absolute; top: 50%; left: 50%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background: rgb(2 2 2 / 0.3); color: #fff; text-align: center; font-size: 80px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-scroll-image-wrapper .xpro-scroll-image-indicator-icon > i { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-scroll-image-wrapper:hover .xpro-scroll-image-indicator-icon { opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-scroll-image-horizontal ~ .xpro-scroll-image-indicator-icon > i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-name: xpro-image-scroll-direction-horizontal; animation-name: xpro-image-scroll-direction-horizontal; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-scroll-image-vertical ~ .xpro-scroll-image-indicator-icon > i { -webkit-animation-name: xpro-image-scroll-direction-vertical; animation-name: xpro-image-scroll-direction-vertical; } @-webkit-keyframes xpro-image-scroll-direction-vertical { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(5px); transform: translateY(5px); } } @-webkit-keyframes xpro-image-scroll-direction-horizontal { 0% { -webkit-transform: translateX(0) rotate(90deg); transform: translateX(0) rotate(90deg); } to { -webkit-transform: translateX(5px) rotate(90deg); transform: translateX(5px) rotate(90deg); } } .xpro-scroll-image-wrapper ::-webkit-scrollbar { width: 8px; height: 8px; } .xpro-scroll-image-wrapper ::-webkit-scrollbar-track { background: 0 0; } .xpro-scroll-image-wrapper ::-webkit-scrollbar-thumb { background: #e0e0e0; border-radius: 10px; } .xpro-scroll-image-wrapper ::-webkit-scrollbar-thumb:hover { background: #e0e0e0; } .xpro-business-hour-inner { padding: 0; margin: 0; list-style: none; -webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; -o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .xpro-business-hour-header { text-align: center; padding: 30px 20px; background-color: var(--e-global-color-primary); } .xpro-business-hour-title { font-size: 25px; margin: 5px 0; color: #fff; display: block; } .xpro-business-hour-sub-title { color: #fff; font-size: 17px; margin: 5px 0; display: block; } .xpro-business-hour-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-style: dashed; border-width: 0 0 1px; border-color: var(--e-global-color-primary); height: 60px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .xpro-business-hour-inner .xpro-business-hour-item:last-child { border-bottom-style: none !important; border-bottom-width: 0 !important; } .xpro-business-hour-separator-horizontal { padding: 0 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .xpro-business-hour-separator-horizontal > span { width: 100%; max-width: 100%; border-bottom: 2px dashed #e2e2e2; display: block; } .xpro-business-hour-separator-vertical { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-right: 2px dashed #e2e2e2; height: 60px; } .xpro-business-hour-day { min-width: max-content; text-align: left; transition: color 0.2s ease-in-out; } .xpro-business-hour-time { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; text-align: right; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .xpro-horizontal-timeline-wrapper { padding: 20px; } .xpro-horizontal-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 50px; } .xpro-horizontal-timeline-content, .xpro-horizontal-timeline-date { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-horizontal-timeline-col .xpro-horizontal-timeline-content, .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline-date { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .xpro-horizontal-timeline-dates { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-horizontal-timeline-inner .xpro-horizontal-timeline-dates > img { width: 100px; height: 100px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .xpro-horizontal-timeline-media { position: relative; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .xpro-horizontal-timeline-media-box { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xpro-horizontal-timeline-bullet-line { position: absolute; width: 120%; height: 2px; background-color: #eee; top: 50%; } .xpro-horizontal-timeline-media > .xpro-horizontal-timeline-media-custom, .xpro-horizontal-timeline-media > i { color: #2b2b2b; font-size: 16px; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-horizontal-timeline-media-box .xpro-horizontal-timeline-media > img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .xpro-horizontal-timeline-content-inner { position: relative; padding: 20px; background-color: #fff; border: 1px solid #eee; max-width: 100%; width: 100%; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .xpro-horizontal-timeline-content .xpro-horizontal-timeline-content-inner .xpro-horizontal-timeline-content-media > img { width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; display: inline-block; } .xpro-horizontal-timeline-sub-title { margin: 0 0 5px; font-size: 23px; color: #2b2b2b; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-horizontal-timeline-text { margin: 0; font-size: 15px; color: #2b2b2b; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-horizontal-timeline-content-inner:after, .xpro-horizontal-timeline-dates:before { content: ""; position: absolute; height: 50px; width: 2px; background-color: #eee; z-index: -1; left: 50%; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .xpro-horizontal-timeline-col .xpro-horizontal-timeline-content-inner:after { bottom: 100%; } .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline-dates:before { bottom: 100%; margin: 0; } .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline-content-inner:after { top: 100%; margin: 0; } @media screen and (min-width: 767px) { .xpro-table-responsive .xpro-table-body-row-cell-inner { padding: 0 !important; border: none !important; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col .owl-item:nth-child(2n) .xpro-horizontal-timeline-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col .owl-item:nth-child(2n) .xpro-horizontal-timeline-date, .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col .owl-item:nth-child(odd) .xpro-horizontal-timeline-content, .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col-reverse .owl-item:nth-child(2n) .xpro-horizontal-timeline-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col .owl-item:nth-child(2n) .xpro-horizontal-timeline-dates:before { bottom: 100%; top: auto; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col .owl-item:nth-child(2n) .xpro-horizontal-timeline-content-inner:after, .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col-reverse .owl-item:nth-child(2n) .xpro-horizontal-timeline-dates:before { bottom: auto; top: 100%; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col-reverse .owl-item:nth-child(2n) .xpro-horizontal-timeline-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col .owl-item:nth-child(2n) .xpro-horizontal-timeline-content, .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col-reverse .owl-item:nth-child(2n) .xpro-horizontal-timeline-date, .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col-reverse .owl-item:nth-child(odd) .xpro-horizontal-timeline-content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .xpro-horizontal-timeline-reverse-yes.xpro-horizontal-timeline-col-reverse .owl-item:nth-child(2n) .xpro-horizontal-timeline-content-inner:after { top: auto; bottom: 100%; } } .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline.owl-carousel .owl-nav button.owl-next, .xpro-horizontal-timeline-col-reverse .xpro-horizontal-timeline.owl-carousel .owl-nav button.owl-prev { top: 78%; } .xpro-horizontal-timeline-col .xpro-horizontal-timeline.owl-carousel .owl-nav button.owl-next, .xpro-horizontal-timeline-col .xpro-horizontal-timeline.owl-carousel .owl-nav button.owl-prev { top: 22.5%; } .xpro-horizontal-timeline-reverse-yes .xpro-horizontal-timeline.owl-carousel .owl-nav button.owl-next, .xpro-horizontal-timeline-reverse-yes .xpro-horizontal-timeline.owl-carousel .owl-nav button.owl-prev { top: 50%; } .xpro-alert { position: relative; padding: 0.75rem 1.25rem; border-left: 5px solid #fff0; border-radius: 0.25rem; font-size: 15px; line-height: 25px; } .xpro-alert .xpro-alert-title { display: block; font-weight: 700; } .xpro-alert .xpro-alert-description { font-size: 13px; } .xpro-alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .xpro-alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .xpro-alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .xpro-alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .xpro-contact-form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .xpro-contact-form input[type="date"]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; } .xpro-contact-form-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 1px; min-width: 25px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; } .xpro-contact-form-item-label { display: none; font-size: 16px; margin-bottom: 10px; font-weight: 500; } .xpro-contact-form-item .xpro-contact-form-field-textual { width: 100%; max-width: 100%; border: 1px solid #818a91; background-color: #fff0; color: #373a3c; vertical-align: middle; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 12px; } .xpro-contact-form-require > label:after { color: red; padding-left: 0.2em; } .xpro-contact-form-field-subgroup { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 5px; -ms-flex-direction: column; flex-direction: column; } .xpro-contact-form-submit-button, .xpro-promo-box-btn { -webkit-box-align: center; line-height: 1; color: #fff; text-align: center; } .xpro-contact-form-message { display: none; width: 100%; margin-bottom: 20px; } .xpro-contact-form-submit-button { font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 10px; position: relative; background-color: var(--e-global-color-accent); padding: 15px 50px; border-radius: 3px; fill: #fff; overflow: hidden; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .xpro-contact-form-submit-button > i { display: none; animation-name: spin; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: spin; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .xpro-promo-box-title { font-size: 2rem; margin: 10px 0 0; display: block; font-weight: 500; } .xpro-promo-box-sub-title { display: block; margin: 10px 0; font-size: 14px; } .xpro-promo-box-desc { font-size: 17px; margin: 10px 0; display: inline-block; } .xpro-promo-box-inner .xpro-promo-box-media { position: relative; width: 100%; height: 100%; } .xpro-promo-box-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0 0; cursor: pointer; padding: 15px 35px; border: 1px solid var(--e-global-color-primary); -webkit-transition: background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color, 0.3s ease-in-out, border-color 0.3s ease-in-out; } .xpro-elementor-scroll-top-btn-inner > svg, .xpro-promo-box-btn > svg { width: 30px; height: auto; } .xpro-elementor-scroll-top-btn, button.xpro-elementor-search-button { cursor: pointer; height: 50px; text-align: center; min-width: -webkit-max-content; min-width: -moz-max-content; } .xpro-promo-box-btn > .xpro-promo-box-btn-text, .xpro-promo-box-btn > i { font-size: 14px; color: #fff; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .xpro-promo-box-align-right > i, .xpro-promo-box-align-right > svg { margin-left: 5px; } .xpro-promo-box-badge.xpro-badge { color: #fff; border-radius: 0; font-size: 14px; padding: 15px 30px; } .xpro-elementor-scroll-top-btn { position: relative; display: inline-block; width: 150px; line-height: 50px; overflow: hidden; min-width: max-content; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out; } .xpro-elementor-scroll-top-btn-inner, .xpro-elementor-search-input-group { display: -webkit-inline-box; display: -ms-inline-flexbox; -webkit-box-align: center; } .xpro-elementor-scroll-top-btn-inner { display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 5px; height: 100%; width: 100%; } .xpro-elementor-scroll-top-btn-fixed { position: fixed; z-index: 9999; display: none; } .xpro-elementor-scroll-top-btn-fixed.xpro-elementor-scroll-top-btn-fixed-align-left { left: 20px; bottom: 20px; } .xpro-elementor-scroll-top-btn-fixed.xpro-elementor-scroll-top-btn-fixed-align-right { right: 20px; bottom: 20px; } .xpro-elementor-scroll-top-btn-inner > .xpro-elementor-scroll-top-btn-txt, .xpro-elementor-scroll-top-btn-inner > i { font-size: 14px; color: #fff; } .xpro-element-custom-field { margin: 0; padding: 0; } .xpro-elementor-search-wrapper { width: 100%; max-width: 100%; position: relative; } .xpro-elementor-search-input-group { position: relative; display: inline-flex; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; overflow: hidden; max-width: 100%; border: 0 solid #fff0; border-radius: 5px; background-color: #eceeef; -ms-flex-align: center; align-items: center; } .xpro-elementor-search-wrapper .xpro-elementor-search-input-group > input { width: 400px; background-color: #fff0; border: none; max-width: 100%; } button.xpro-elementor-search-button { background: #55555e; color: #fff; border: 1px solid #fff0; width: 50px; padding: 0; min-width: max-content; -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out; } .xpro-elementor-search-button > svg { width: 15px; height: auto; } .xpro-elementor-search-layout-2 .xpro-elementor-search-button { position: absolute; color: #7a7a7a; margin-left: 15px; width: auto !important; padding: 0 !important; background-color: transparent !important; } .xpro-elementor-search-layout-2 .xpro-elementor-search-input-group > input { padding-left: 50px; } .xpro-elementor-search-layout-3 .xpro-elementor-search-input-group > input { width: 50px; margin-right: -50px; -webkit-transition: width 0.4s linear; -o-transition: width 0.4s linear; transition: width 0.4s linear; } .xpro-elementor-search-layout-3 .xpro-elementor-search-input-group:focus-within > input, .xpro-elementor-search-layout-3 .xpro-elementor-search-input-group:hover > input { width: 400px; max-width: 100%; } .xpro-elementor-search-layout-3 .xpro-elementor-search-button { position: relative; padding: 0; border-radius: 50px; z-index: 2; } .xpro-elementor-search-layout-4 .xpro-elementor-search-inner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 999; background-color: #000000d6; padding: 30px; height: 100vh; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group { position: absolute; top: 50%; left: 50%; border-radius: 0; -webkit-transform: translate(-51%, -51%); -ms-transform: translate(-51%, -51%); transform: translate(-51%, -51%); border-bottom: 1px solid #fff; background-color: #fff0; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group > input, .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group > input { color: #fff; padding: 0; font-size: 25px; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group > input::-ms-input-placeholder { color: #fff; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group > input::-webkit-input-placeholder { color: #fff; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group > input::-moz-placeholder { color: #fff; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group > input:-ms-input-placeholder { color: #fff; } .xpro-elementor-search-layout-4 .xpro-elementor-search-input-group > input::placeholder { color: #fff; } .xpro-elementor-search-layout-5 .xpro-elementor-search-inner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 50vh; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 9999; background-color: #000000d6; padding: 30px; } .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group { position: absolute; top: 50%; left: 50%; border-radius: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-bottom: 1px solid #fff; background-color: #fff0; } .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group > input::-ms-input-placeholder { color: #fff; } .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group > input::-webkit-input-placeholder { color: #fff; } .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group > input::-moz-placeholder { color: #fff; } .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group > input:-ms-input-placeholder { color: #fff; } .xpro-elementor-search-layout-5 .xpro-elementor-search-input-group > input::placeholder { color: #fff; } button.xpro-elementor-search-button-close { position: absolute; width: 50px; height: 50px; top: 30px; right: 30px; border: none; background: 0 0; -webkit-box-shadow: none; box-shadow: none; } button.xpro-elementor-search-button-close:focus, button.xpro-elementor-search-button-close:hover { border: none; -webkit-box-shadow: none; box-shadow: none; background: 0 0; outline: 0; } .admin-bar .xpro-elementor-search-button-close { top: 60px; } .xpro-elementor-search-button-close:after, .xpro-elementor-search-button-close:before { content: ""; width: 55%; height: 2px; background: #fff; position: absolute; top: 48%; left: 22%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .xpro-elementor-search-button-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .xpro-reading-progress-bar { width: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } .xpro-reading-progress-bar-fill { height: 5px; background-color: var(--e-global-color-primary); width: 0; -webkit-transition: width 50ms; -o-transition: width 50ms; transition: width 50ms; } .xpro-tutor-ratings { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; grid-gap: 5px; line-height: 1; } .xpro-givecms-form-grid-wrapper .form-grid-raised__details > span:last-child { font-size: 85% !important; } .xpro-widget-bg-overlay:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; } .xpro-kenBurn-zoomIn .elementor-background-overlay { -webkit-animation: 20s linear infinite alternate xpro-ken-b-zoom-in; animation: 20s linear infinite alternate xpro-ken-b-zoom-in; will-change: transform; } .xpro-kenBurn-zoomOut .elementor-background-overlay { -webkit-animation: 20s linear infinite alternate xpro-ken-b-zoom-out; animation: 20s linear infinite alternate xpro-ken-b-zoom-out; will-change: transform; } @-webkit-keyframes xpro-ken-b-zoom-in { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes xpro-ken-b-zoom-in { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes xpro-ken-b-zoom-out { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes xpro-ken-b-zoom-out { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .xpro-animated-link { position: relative; color: #2b2b2b; font-size: 25px; line-height: 1.2; transition: color 0.3s ease-in-out; } .xpro-animated-link-style-17:focus, .xpro-animated-link-style-17:hover, .xpro-animated-link:hover { color: var(--e-global-color-primary); } .xpro-animated-link-style-1::after { content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--e-global-color-primary); top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } .xpro-animated-link-style-1:hover::after, .xpro-animated-link-style-4:hover::after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } .xpro-animated-link-style-2::after, .xpro-animated-link-style-2::before, .xpro-animated-link-style-3::after, .xpro-animated-link-style-3::before, .xpro-animated-link-style-6::after, .xpro-animated-link-style-6::before { content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--e-global-color-primary); top: 100%; left: 0; pointer-events: none; } .xpro-animated-link-style-2::before { transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); } .xpro-animated-link-style-2:hover::before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1); } .xpro-animated-link-style-2::after { content: ""; top: calc(100% + 4px); transform-origin: 0% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); } .xpro-animated-link-style-2:hover::after { transform-origin: 100% 50%; transform: scale3d(1, 1, 1); transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1); } .xpro-animated-link-style-3::before { transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); } .xpro-animated-link-style-3:hover::before { transform-origin: 0% 50%; transform: scale3d(1, 2, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1); } .xpro-animated-link-style-3::after { content: ""; top: calc(100% + 4px); transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.4s cubic-bezier(0.2, 1, 0.8, 1) 0.1s; } .xpro-animated-link-style-3:hover::after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1); } .xpro-animated-link-style-4::after { content: ""; position: absolute; width: 100%; background-color: var(--e-global-color-primary); left: 0; pointer-events: none; top: 55%; height: 2px; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1); } .xpro-animated-link-style-4 span { display: inline-block; transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1); } .xpro-animated-link-style-4:hover span { transform: scale3d(1.1, 1.1, 1.1); } .xpro-animated-link-style-5::after { content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--e-global-color-primary); top: 100%; left: 0; transform-origin: 50% 100%; transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); } .xpro-animated-link-style-5:hover::after { transform: translate3d(0, 2px, 0) scale3d(1, 3, 1); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%); } .xpro-animated-link-style-5 span { transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); } .xpro-animated-link-style-5:hover span { transform: translate3d(0, -2px, 0); } .xpro-animated-link-style-6::before { height: 10px; top: 100%; opacity: 0; } .xpro-animated-link-style-6:hover::before { opacity: 1; animation: 0.3s forwards lineUp; } @keyframes lineUp { 0% { transform-origin: 50% 100%; transform: scale3d(1, 0.045, 1); } 50% { transform-origin: 50% 100%; transform: scale3d(1, 1, 1); } 51% { transform-origin: 50% 0%; transform: scale3d(1, 1, 1); } 100% { transform-origin: 50% 0%; transform: scale3d(1, 0.045, 1); } } .xpro-animated-link-style-6::after { transition: opacity 0.3s; opacity: 0; } .xpro-animated-link-style-6:hover::after { opacity: 1; transition-delay: 0.3s; } .xpro-animated-link-style-19::after, .xpro-animated-link-style-19::before, .xpro-animated-link-style-21::after, .xpro-animated-link-style-21::before, .xpro-animated-link-style-22::after, .xpro-animated-link-style-22::before, .xpro-animated-link-style-23::after, .xpro-animated-link-style-23::before, .xpro-animated-link-style-7::after, .xpro-animated-link-style-7::before { position: absolute; width: 100%; height: 2px; background-color: var(--e-global-color-primary); top: 100%; left: 0; pointer-events: none; } .xpro-animated-link-style-7::before { content: ""; height: 100%; top: 0; opacity: 0; } .xpro-animated-link-style-7:hover::before { opacity: 1; animation: 0.3s forwards coverUp; } @keyframes coverUp { 0% { transform-origin: 50% 100%; transform: scale3d(1, 0.045, 1); } 50% { transform-origin: 50% 100%; transform: scale3d(1, 1, 1); } 51% { transform-origin: 50% 0; transform: scale3d(1, 1, 1); } 100% { transform-origin: 50% 0; transform: scale3d(1, 0.045, 1); } } .xpro-animated-link-style-7::after { content: ""; transition: opacity 0.3s; } .xpro-animated-link-style-8:hover, .xpro-animated-link-style-9:hover { color: #fff; } .xpro-animated-link-style-8::before { background-color: var(--e-global-color-primary); content: ""; inset: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out; z-index: -1; } .xpro-animated-link-style-8:hover::before { transform: scaleX(1); transform-origin: left; } .xpro-animated-link-style-9 { text-decoration: none; line-height: 1; position: relative; z-index: 0; display: inline-block; padding: 5px; overflow: hidden; vertical-align: bottom; transition: color 0.3s ease-out; } .xpro-animated-link-style-9::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; transform: translateY(calc(100% - 2px)); width: 100%; height: 100%; background-color: var(--e-global-color-primary); transition: transform 0.25s ease-out; } .xpro-animated-link-style-11::before, .xpro-animated-link-style-12::before { background-color: var(--e-global-color-primary); height: 2px; transform: scaleX(0); bottom: 0; } .xpro-animated-link-style-9:hover::before { transform: translateY(0); transition: transform 0.25s ease-out; } .xpro-animated-link-style-10 span { font-weight: 100; border-bottom: 1px solid; transition: 0.3s ease-in-out; } .xpro-animated-link-style-10:hover span { color: var(--e-global-color-primary); font-weight: 600; } .xpro-animated-link-style-11::before { content: ""; position: absolute; width: 100%; margin: -5px 0; visibility: hidden; transition: 0.4s ease-in-out; } .xpro-animated-link-style-11:hover::before { visibility: visible; transform: scaleX(1); } .xpro-animated-link-style-12 { position: relative; display: inline-block; overflow: hidden; } .xpro-animated-link-style-12::after, .xpro-animated-link-style-12::before { content: ""; position: absolute; width: 100%; left: 0; } .xpro-animated-link-style-12::before { transition: transform 0.3s; } .xpro-animated-link-style-12::after { content: attr(data-hover); height: 100%; top: 0; transform: translate3d(200%, 0, 0); transition: transform 0.3s; color: var(--e-global-color-primary); background-color: transparent !important; } .xpro-animated-link-style-12:hover::before { transform: scaleX(1); } .xpro-animated-link-style-12:hover::after { transform: translate3d(0, 0, 0); } .xpro-animated-link-style-12 span { display: inline-block; transition: transform 0.3s; } .xpro-animated-link-style-12:hover span { transform: translate3d(-200%, 0, 0); } .xpro-animated-link-style-13 { display: inline-block; position: relative; padding-bottom: 5px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .xpro-animated-link-style-13:after, .xpro-animated-link-style-13:before { position: absolute; content: ""; height: 3px; background-color: var(--e-global-color-primary); border-radius: 1em; bottom: 0; transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); } .xpro-animated-link-style-13:before { width: 1em; transform-origin: left; } .xpro-animated-link-style-13:after { width: 82%; left: 1em; transform: translateX(110%); } .xpro-animated-link-style-13:hover:before { transform: scaleX(0.3); } .xpro-animated-link-style-13:hover:after { transform: translateX(0); } .xpro-animated-link-style-14 { display: inline-block; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px #fff0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: color 0.4s; transition: color 0.4s; } .xpro-animated-link-style-14:hover { -webkit-animation-name: rotate-move; animation-name: rotate-move; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes rotate-move { 30% { -webkit-transform: translate3d(0, -5px, 0) rotate(5deg); transform: translate3d(0, -5px, 0) rotate(5deg); } 50% { -webkit-transform: translate3d(0, -3px, 0) rotate(-4deg); transform: translate3d(0, -3px, 0) rotate(-4deg); } 80% { -webkit-transform: translate3d(0, 0, 0) rotate(-3deg); transform: translate3d(0, 0, 0) rotate(-3deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .xpro-animated-link-style-15 { position: relative; overflow: hidden; display: inline-block; text-align: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding: 0; } .xpro-animated-link-style-15 span { display: inline-block; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .xpro-animated-link-style-15::after { position: absolute; top: 100%; left: 0; right: 0; content: attr(data-hover); display: inline-block; text-align: center; background-color: transparent !important; -webkit-transition: top 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: top 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .xpro-animated-link-style-15:hover span { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .xpro-animated-link-style-16 { letter-spacing: 0; transition: 0.35s; display: inline-block; position: relative; } .xpro-animated-link-style-16:active, .xpro-animated-link-style-16:hover { letter-spacing: 5px; transition: 0.35s; } .xpro-animated-link-style-16::after { bottom: -10px; } .xpro-animated-link-style-16::before { top: -10px; } .xpro-animated-link-style-16::after, .xpro-animated-link-style-16::before { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 2px; background-color: var(--e-global-color-primary); content: ""; display: block; margin: 0 auto; position: relative; transition: 280ms ease-in-out; width: 0; } .xpro-animated-link-style-16:hover::after, .xpro-animated-link-style-16:hover::before { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: width 350ms ease-in-out; width: 100%; } .xpro-animated-link-style-17 { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .xpro-animated-link-style-17::before { position: absolute; line-height: 1; top: 100%; left: 50%; color: #fff0; background-color: transparent !important; content: "•"; text-shadow: 0 0 #fff0; font-size: 20pt; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .xpro-animated-link-style-17:focus::before, .xpro-animated-link-style-17:hover::before { color: #000; text-shadow: 10px 0 #000, -10px 0 #000; } .xpro-animated-link-style-18:before { content: ""; background-color: var(--e-global-color-primary); position: absolute; left: 0.5rem; bottom: 5px; width: 100%; height: 8px; z-index: -1; transition: 0.3s ease-in-out; } .xpro-animated-link-style-18:hover:before { left: -5px; bottom: 0; height: 100%; width: calc(100% + 10px); } .xpro-animated-link-style-19::before { content: ""; height: 7px; border-radius: 20px; transform: scale3d(1, 1, 1); transition: transform 0.2s, opacity 0.2s; transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53); } .xpro-animated-link-style-19:hover::before { transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1); transition-duration: 0.4s; opacity: 1; transform: scale3d(1.2, 0.1, 1); } .xpro-animated-link-style-19 span { transform: translate3d(0, -4px, 0); display: inline-block; transition: transform 0.2s cubic-bezier(0.2, 0.57, 0.67, 1.53) 50ms; } .xpro-animated-link-style-19:hover span { transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1); transition-duration: 0.4s; transition-delay: 0s; } .xpro-animated-link-style-20 { padding: 7px; } .xpro-animated-link-style-20::after { content: ""; width: 100%; height: 100%; border: 1px solid var(--e-global-color-primary); background: 0 0 !important; position: absolute; bottom: 0; left: 0; transition: width 0.2s, height 0.2s 0.1s, border-top-width 0.1s 0.2s, margin 0.2s; } .xpro-animated-link-style-20:hover::after { width: 60%; height: 0; border-width: 0 2px 2px; margin: 0 20%; transition: width 0.2s 0.2s, height 0.2s 0.1s, border-top-width 0.1s, margin 0.2s 0.2s; } .xpro-animated-link-style-21::before, .xpro-animated-link-style-22::before, .xpro-animated-link-style-23::before { content: ""; display: none; } .xpro-animated-link-style-21 .xpro-animated-link-graphic { position: absolute; top: 60%; left: -25%; pointer-events: none; fill: none; stroke: #000; stroke-width: 1px; } .xpro-animated-link-style-21 .xpro-animated-link-graphic-scribble { top: 100%; left: 0; } .xpro-animated-link-graphic-scribble path { transition: stroke-dashoffset 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .xpro-animated-link-style-21:hover .xpro-animated-link-graphic-scribble path { transition-timing-function: cubic-bezier(0.8, 0, 0.7, 1); transition-duration: 0.6s; } .xpro-animated-link-style-21:hover .xpro-animated-link-graphic-stroke path { stroke-dasharray: 1; stroke-dashoffset: 0; } .xpro-animated-link-style-22 .xpro-animated-link-graphic { position: absolute; top: 100%; left: 0; pointer-events: none; fill: none; stroke: #000; stroke-width: 1px; height: auto; width: 100%; } .xpro-animated-link-graphic-stroke path { stroke-dasharray: 1; stroke-dashoffset: 1; } .xpro-animated-link-style-22:hover .xpro-animated-link-graphic-stroke path { stroke-dashoffset: 0; } .xpro-animated-link-graphic-arc path { transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1); } .xpro-animated-link-style-22:hover .xpro-animated-link-graphic-arc path { transition: 0.3s ease-in-out; } .xpro-animated-link-style-23 { position: relative; display: inline-block; overflow: hidden; padding: 7px 0; } .xpro-animated-link-style-23 .xpro-animated-link-graphic { position: absolute; top: 0; left: 0; pointer-events: none; fill: none; stroke: #000; stroke-width: 1px; } .xpro-animated-link-style-23 .xpro-animated-link-graphic-slide { top: -3px; stroke-width: 3px; transition: transform 0.7s cubic-bezier(0, 0.25, 0.5, 1); } .xpro-animated-link-style-23:hover .xpro-animated-link-graphic-slide { transform: translate3d(-66.6%, 0, 0); } .xpro-animated-link-style-24 { display: inline-block; padding-bottom: 2px; overflow: hidden; } .xpro-animated-link-style-24::after { position: absolute; content: ""; height: 2px; top: 50%; bottom: 0; right: 0; left: 0; opacity: 0; width: 100%; background: var(--e-global-color-primary); transform: translate3d(-100%, 0, 0); } .xpro-animated-link-style-24:hover::after { animation: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards link-hoverstate; } @keyframes link-hoverstate { 0% { opacity: 1; transform: translate3d(-100%, 0, 0); } 55% { transform: translate3d(100%, 0, 0); } 56% { transform: translate3d(100%, calc(0.5rem + 4px), 0); } 100% { opacity: 1; transform: translate3d(0, calc(0.5rem + 4px), 0); } } .xpro-animated-link-style-25 { background-image: linear-gradient(to right, #54b3d6, #54b3d6 50%, #000 50%); background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: #fff0; transition: 0.3s ease-in-out; } .xpro-animated-link-style-25::before { content: ""; background: #54b3d6; display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; transition: 0.3s ease-in-out; } .xpro-animated-link-style-25:hover { background-position: 0; } .xpro-hero-slider .swiper-slide { overflow: hidden; position: relative; } .xpro-hero-slider-slide-button-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; position: relative; gap: 15px; flex-wrap: wrap; } .xpro-hero-slider .xpro-hero-slider-slide-button-wrapper a { text-decoration: none; } .xpro-hero-slider-button-default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; border-radius: 0; gap: 10px; padding: 15px 35px; border: 1px solid #fff0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; text-decoration: none; transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; } .xpro-hero-slider-button-primary { color: #fff; background-color: #6ec1e4; } .xpro-hero-slider-button-secondary { color: #fff; background-color: #61ce70; } .xpro-hero-slider-button-default:focus, .xpro-hero-slider-button-default:hover { color: #2b2b2b; background-color: #fff; } .xpro-hero-slider .char, span.ex-char { display: inline; } .xpro-hero-slider .xpro-hero-slider-slide-content-wrapper { position: relative; min-height: 600px; width: 1140px; max-width: 100%; margin: 0 auto; display: flex; align-items: center; } .xpro-hero-slider .xpro-hero-slider-slide-content-area { padding: 15px; width: 600px; max-width: 100%; } .xpro-hero-slider .xpro-hero-slider-slide-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; animation-duration: 12s; animation-delay: 1s; } .xpro-hero-slider .xpro-hero-slider-slide-bg::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; background-color: #000; transition: background 0.3s ease-in-out; } .xpro-hero-slider .xpro-hero-slider-subtitle { display: inline-block; font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px; } .xpro-hero-slider .xpro-hero-slider-title { display: inline-block; font-size: 50px; font-weight: 700; color: #fff; margin-bottom: 10px; } .xpro-hero-slider .xpro-hero-slider-description { display: inline-block; color: #fff; margin-bottom: 30px; } .x-mask-top { -webkit-animation-name: XsMaskFromUp; animation-name: XsMaskFromUp; } .x-mask-bottom { -webkit-animation-name: XsMaskFromDown; animation-name: XsMaskFromDown; } .x-mask-left { -webkit-animation-name: XsMaskFromLeft; animation-name: XsMaskFromLeft; } .x-mask-right { -webkit-animation-name: XsMaskFromRight; animation-name: XsMaskFromRight; } @-webkit-keyframes XsMaskFromUp { from { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XsMaskFromUp { from { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @-webkit-keyframes XsMaskFromDown { from { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XsMaskFromDown { from { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @-webkit-keyframes XsMaskFromRight { from { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XsMaskFromRight { from { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @-webkit-keyframes XsMaskFromLeft { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes XsMaskFromLeft { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); opacity: 1; } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; } } [class*="x-reveal"] { position: relative; -webkit-animation-name: fadeIn; animation-name: fadeIn; } [class*="x-reveal"]::after { content: ""; position: absolute; background: #fff; width: 100%; height: 100%; z-index: 999; top: 0; left: 0; } .x-reveal-top::after { bottom: 0; left: 0; top: auto; right: auto; height: 0; -webkit-animation-name: XsRevealVertical; animation-name: XsRevealVertical; } .x-reveal-bottom::after { top: 0; left: 0; bottom: auto; right: auto; height: 0; -webkit-animation-name: XsRevealVertical; animation-name: XsRevealVertical; } .x-reveal-left::after { top: 0; right: 0; bottom: auto; left: auto; width: 0; -webkit-animation-name: XsRevealHorizontal; animation-name: XsRevealHorizontal; } .x-reveal-right::after { top: 0; left: 0; bottom: auto; right: auto; width: 0; -webkit-animation-name: XsRevealHorizontal; animation-name: XsRevealHorizontal; } .animated[class*="x-reveal"]::after { -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes XsRevealVertical { from { height: 100%; } to { height: 0; } } @keyframes XsRevealVertical { from { height: 100%; } to { height: 0; } } @-webkit-keyframes XsRevealHorizontal { from { width: 100%; } to { width: 0; } } @keyframes XsRevealHorizontal { from { width: 100%; } to { width: 0; } } .x-blurIn { animation-name: XsBlurIn; } @keyframes XsBlurIn { from { filter: blur(20px); opacity: 0; } } .x-blurInLeft { animation-name: XsBlurInLeft; } @keyframes XsBlurInLeft { from { transform: translateX(50px); filter: blur(20px); opacity: 0; } } .x-blurInRight { animation-name: XsBlurInRight; } @keyframes XsBlurInRight { from { transform: translateX(-50px); filter: blur(20px); opacity: 0; } } .x-blurInTop { animation-name: XsBlurInTop; } @keyframes XsBlurInTop { from { transform: translateY(50px); filter: blur(20px); opacity: 0; } } .x-blurInBottom { animation-name: XsBlurInBottom; } @keyframes XsBlurInBottom { from { transform: translateY(-50px); filter: blur(20px); opacity: 0; } } .xpro-animation-init [data-animation="x-split-top"] .char { -webkit-animation: 0.3s cubic-bezier(0.3, 0, 0.7, 1) both fadeInUp; animation: 0.3s cubic-bezier(0.3, 0, 0.7, 1) both fadeInUp; -webkit-animation-delay: calc(100ms * var(--char-index)); animation-delay: calc(100ms * var(--char-index)); } .xpro-animation-init [data-animation="x-split-right"] .char { -webkit-animation: 0.5s cubic-bezier(0.3, 0, 0.7, 1) both fadeInRight; animation: 0.5s cubic-bezier(0.3, 0, 0.7, 1) both fadeInRight; -webkit-animation-delay: calc(100ms * var(--char-index)); animation-delay: calc(100ms * var(--char-index)); } .xpro-animation-init [data-animation="x-split-bottom"] .char { -webkit-animation: 0.8s cubic-bezier(0.3, 0, 0.7, 1) both fadeInDown; animation: 0.8s cubic-bezier(0.3, 0, 0.7, 1) both fadeInDown; -webkit-animation-delay: calc(100ms * var(--char-index)); animation-delay: calc(100ms * var(--char-index)); } .xpro-animation-init [data-animation="x-split-left"] .char { -webkit-animation: 0.5s cubic-bezier(0.3, 0, 0.7, 1) both fadeInLeft; animation: 0.5s cubic-bezier(0.3, 0, 0.7, 1) both fadeInLeft; -webkit-animation-delay: calc(100ms * var(--char-index)); animation-delay: calc(100ms * var(--char-index)); } .xpro-animation-init [data-animation="x-split-expand"] .char { -webkit-animation: 0.8s cubic-bezier(0.3, 0, 0.7, 1) both XsCharFwd; animation: 0.8s cubic-bezier(0.3, 0, 0.7, 1) both XsCharFwd; -webkit-animation-delay: calc(100ms * var(--char-index)); animation-delay: calc(100ms * var(--char-index)); } @-webkit-keyframes XsCharFwd { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px); transform: translateZ(-700px); opacity: 0; } 40% { opacity: 0.6; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes XsCharFwd { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px); transform: translateZ(-700px); opacity: 0; } 40% { opacity: 0.6; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .xpro-social-chat-widget { position: fixed; z-index: 9999; display: flex; flex-direction: column; align-items: center; } .xpro-social-chat-channels { display: flex; flex-direction: column; align-items: center; } .xpro-social-chat-main-btn { text-align: center; text-decoration: none; border-radius: 50%; box-shadow: 2px 2px 8px -3px #000; color: #fff; background: linear-gradient(.414turn, #ee3a7b 15.42%, #9c396d 87.4%); cursor: pointer; transition: all 0.3s ease; margin-top: 10px; position: relative; } .xpro-social-chat-main-btn .fa-times { display: none; } .xpro-social-chat-whatsapp { background-color: #25d366; } .xpro-social-chat-messenger { background-color: #0084ff; } .xpro-social-chat-telegram { background-color: #0088cc; } .xpro-social-chat-line { background-color: #00c300; } .xpro-social-chat-viber { background-color: #7360f2; } .xpro-social-chat-wechat { background-color: #09b83e; } .xpro-social-chat-instagram { background-color: #e4405f; } .xpro-social-chat-twitter { background-color: #1da1f2; } .xpro-social-chat-linkedin { background-color: #0077b5; } .xpro-social-chat-skype { background-color: #00aff0; } .xpro-social-chat-call { background-color: #ff6600; } .xpro-social-chat-sms { background-color: #20c997; } .xpro-social-chat-email { background-color: #b92b27; } .xpro-social-chat-custom { background-color: #6c757d; } .xpro-social-chat-tooltip { position: absolute; background: linear-gradient(.414turn, #ee3a7b 15.42%, #9c396d 87.4%); color: #fff; padding: 7px 11px; border-radius: 5px; font-size: 13px; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.3s ease; pointer-events: none; z-index: 10000; } .xpro-social-chat-placement-left .xpro-social-chat-channel .xpro-social-chat-tooltip, .xpro-social-chat-placement-left .xpro-social-chat-main-btn .xpro-social-chat-tooltip { right: 100%; top: 50%; transform: translateY(-50%); margin-right: 10px; } .xpro-social-chat-placement-right .xpro-social-chat-channel .xpro-social-chat-tooltip, .xpro-social-chat-placement-right .xpro-social-chat-main-btn .xpro-social-chat-tooltip { left: 100%; top: 50%; transform: translateY(-50%); margin-left: 10px; } .xpro-social-chat-placement-top .xpro-social-chat-channel .xpro-social-chat-tooltip, .xpro-social-chat-placement-top .xpro-social-chat-main-btn .xpro-social-chat-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 10px; } .xpro-social-chat-placement-bottom .xpro-social-chat-channel .xpro-social-chat-tooltip, .xpro-social-chat-placement-bottom .xpro-social-chat-main-btn .xpro-social-chat-tooltip { top: 100%; left: 50%; transform: translateX(-50%); margin-top: 10px; } .xpro-social-chat-channel:hover .xpro-social-chat-tooltip, .xpro-social-chat-main-btn:hover .xpro-social-chat-tooltip { opacity: 0.85; visibility: visible; } .xpro-social-chat-channel:hover, .xpro-social-chat-main-btn:hover { transform: scale(1.1); } .xpro-social-chat-channel { opacity: 0; visibility: hidden; transition: opacity 2s ease, transform 3s ease, visibility 3s; text-align: center; text-decoration: none; border-radius: 50%; box-shadow: 2px 2px 8px -3px #000; color: #fff; cursor: pointer; } .xpro-social-chat-widget.active .xpro-social-chat-channel { opacity: 1; visibility: visible; } .xpro-social-chat-widget.active .xpro-social-chat-main-btn .fa-comments { display: none; } .xpro-social-chat-widget.active .xpro-social-chat-main-btn .fa-times { display: inline-block; } .xpro-social-chat-vertical-pos-top { flex-direction: column-reverse; } .xpro-hide-desktop { display: none !important; } @media (max-width: 767px) { .xpro-hide-desktop { display: block !important; } } @media (max-width: 767px) { .xpro-hide-mobile { display: none !important; } } .xpro-social-chat-widget.active .xpro-social-chat-channel { opacity: 1; visibility: visible; }